/*================================================================================
	Item Name: Robust - Responsive Admin Theme
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

/* For dropdown item with submenus */

.dropdown-item-submenu {
  color: #373a3c;
}

/* Sweet alert custom*/

button.confirm {
  background-color: #3BAFDA !important;
}

button.cancel {
  background-color: #fc212f !important;
}

/* ////////// */

/* textAngular */

.ta-editor {
  min-height: 300px;
  height: auto;
  overflow: auto;
  font-family: inherit;
  font-size: 100%;
}
/* Custom radio buttons */

/* RADIO SMILEYS NORMAL SIZE */
		.radio-smiley {
			-webkit-appearance: none;
			width: 40px;
			height: 40px;
			border: none;
			cursor: pointer;
			transition: border .2s ease;
			filter: grayscale(100%);
			margin: 0 5px;
			transition: all .2s ease;
    }	

    .radio-smiley:hover{
      filter:	grayscale(50%);
    }
    
    .radio-smiley.happy:checked {
        /* filter:	grayscale(0);
        color: red; */
        /* -webkit-filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(50deg) saturate(1000%) contrast(0.8); */
        filter: grayscale(100%) brightness(100%) sepia(100%) hue-rotate(50deg) saturate(1000%) contrast(0.8);
      }
      .radio-smiley.neutral:checked {
        /* filter:	grayscale(0);
        color: red; */
        /* -webkit-filter: grayscale(100%) brightness(120%) sepia(90%) hue-rotate(5deg) saturate(500%) contrast(0.7); */
      filter: grayscale(100%) brightness(150%) sepia(90%) hue-rotate(5deg) saturate(500%) contrast(1);
      }
      .radio-smiley.sad:checked {
        /* filter:	grayscale(0);
        color: red; */
        /* -webkit-filter: invert(40%) grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(400%) contrast(2); */
        
        filter: grayscale(100%) brightness(80%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(2);
			}
			
			.radio-smiley:focus {
				outline: 0;
			}
			
			.radio-smiley.happy {
				background: url('https://res.cloudinary.com/turdlife/image/upload/v1492864443/happy_ampvnc.svg') center;
				background-size: cover;
			}
			
			.radio-smiley.neutral {
				background: url('https://res.cloudinary.com/turdlife/image/upload/v1492864443/neutral_t3q8hz.svg') center;
				background-size: cover;
			}
			.radio-smiley.sad {
				background: url('https://res.cloudinary.com/turdlife/image/upload/v1492864443/sad_bj1tuj.svg') center;
				background-size: cover;
			}
		
  /* RADIO SMILEYS SMALL SIZE */
  .radio-smiley-small {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border: none;
    cursor: pointer;
    transition: border .2s ease;
    filter: grayscale(100%);
    margin: 0 5px;
    transition: all .2s ease;
  }	

  .radio-smiley-small:hover{
    filter:	grayscale(50%);
  }
  
  .radio-smiley-small.happy:checked {
      /* filter:	grayscale(0);
      color: red; */
      /* -webkit-filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(50deg) saturate(1000%) contrast(0.8); */
      filter: grayscale(100%) brightness(100%) sepia(100%) hue-rotate(50deg) saturate(1000%) contrast(0.8);
    }
    .radio-smiley-small.neutral:checked {
      /* filter:	grayscale(0);
      color: red; */
      /* -webkit-filter: grayscale(100%) brightness(120%) sepia(90%) hue-rotate(5deg) saturate(500%) contrast(0.7); */
    filter: grayscale(100%) brightness(150%) sepia(90%) hue-rotate(5deg) saturate(500%) contrast(1);
    }
    .radio-smiley-small.sad:checked {
      /* filter:	grayscale(0);
      color: red; */
      /* -webkit-filter: invert(40%) grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(400%) contrast(2); */
      
      filter: grayscale(100%) brightness(80%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(2);
    }
    
    .radio-smiley-small:focus {
      outline: 0;
    }
    
    .radio-smiley-small.happy {
      background: url('https://res.cloudinary.com/turdlife/image/upload/v1492864443/happy_ampvnc.svg') center;
      background-size: cover;
    }
    
    .radio-smiley-small.neutral {
      background: url('https://res.cloudinary.com/turdlife/image/upload/v1492864443/neutral_t3q8hz.svg') center;
      background-size: cover;
    }
    .radio-smiley-small.sad {
      background: url('https://res.cloudinary.com/turdlife/image/upload/v1492864443/sad_bj1tuj.svg') center;
      background-size: cover;
    }
  
  /* END */


.mtt {
	position: fixed;
	bottom: 10px;
	right: 20px;
	color: #999;
	text-decoration: none;
	
}

.fc-today-button.btn.btn-primary {
  border-color: #ffde59;
  background-color:#ffde59;
  color: black;
  font-weight: bolder;
  opacity: 1;
}

.fc-timeGridWeek-button.btn.btn-primary {
  border-color: #ffde59;
  background-color:#ffde59;
  color: black;
  font-weight: bolder;
  opacity: 1;
}
.fc-timeGridDay-button.btn.btn-primary {
  border-color: #ffde59;
  background-color:#ffde59;
  color: black;
  font-weight: bolder;
  opacity: 1;
}

.fc-timeGridWeek-button.btn.btn-primary.active {
  border-color: black;
  background-color:#ffde59;
  color: black;
  font-weight: bolder;
  opacity: 1;
}

.fc-timeGridDay-button.btn.btn-primary.active {
  border-color: black;
  background-color:#ffde59;
  color: black;
  font-weight: bolder;
  opacity: 1;
}

/* #3BAFDA */



.fc-addEventButton-button.btn.btn-primary {
  border-color: #ffde59;
  background-color:#ffde59;
  color: black;
  font-weight: bolder;
  opacity: 1;
}

.fc-prev-button.btn.btn-primary {
  border-color: #ffde59;
  background-color:#ffde59;
  color: black;
  font-weight: bolder;
}

.fc-allow-mouse-resize {
  background-color: #ffde59;
  color: #ffde59;
}
.popper,
.tooltip {
  position: absolute;
  z-index: 9999;
  background: #ffde59;
  color: #ffde59;
  opacity: 1;
  width: 150px;
  border-radius: 3px;
  /* box-shadow: 0 0 2px rgba(0,0,0,0.5); */
  padding: 10px;
  text-align: center;
}
.style5 .tooltip {
  background: #ffde59;
  color: #FFFFFF;
  max-width: 200px;
  width: auto;
  font-size: .8rem;
  padding: .5em 1em;
}
.popper .popper__arrow,
.tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
}

.tooltip .tooltip-arrow,
.popper .popper__arrow {
  border-color: #ffde59;
}
.style5 .tooltip .tooltip-arrow {
  border-color: #ffde59;
}
.popper[x-placement^="top"],
.tooltip[x-placement^="top"] {
  margin-bottom: 5px;
}
.popper[x-placement^="top"] .popper__arrow,
.tooltip[x-placement^="top"] .tooltip-arrow {
  border-width: 5px 5px 0 5px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  bottom: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}
.popper[x-placement^="bottom"],
.tooltip[x-placement^="bottom"] {
  margin-top: 5px;
}
.tooltip[x-placement^="bottom"] .tooltip-arrow,
.popper[x-placement^="bottom"] .popper__arrow {
  border-width: 0 5px 5px 5px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  top: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}
.tooltip[x-placement^="right"],
.popper[x-placement^="right"] {
  margin-left: 5px;
}
.popper[x-placement^="right"] .popper__arrow,
.tooltip[x-placement^="right"] .tooltip-arrow {
  border-width: 5px 5px 5px 0;
  border-left-color: transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
  left: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}
.popper[x-placement^="left"],
.tooltip[x-placement^="left"] {
  margin-right: 5px;
}
.popper[x-placement^="left"] .popper__arrow,
.tooltip[x-placement^="left"] .tooltip-arrow {
  border-width: 5px 0 5px 5px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  right: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}

.fc-next-button.btn.btn-primary {
  border-color: #ffde59;
  background-color:#ffde59;
  color: black;
  font-weight: bolder;
}

#sketchpad {
  margin: auto;
  width: 100%;
  height: 50%;
  background-repeat: repeat;
}

#creneau td, th {
  text-align: center !important;
}


#time_slots td, th {
  text-align: center !important;
}

select:required:invalid {
  color: silver;
}

.bg-school-plus {
  background-color: #ffde59 !important;
}

.text-school-plus{
  color:#ffde59;
}

.swal2-input {
  height: 2em;
  margin: .3125em auto;
  font-size: 1em
}

.footer.footer-dark.school-plus {
  background: #ffde59;
}

.avatar-annonces {
  width: 50px !important;
  height: 50px !important;
}

.annonces-input-hauteur {
  height: 47px !important;
}

.boutons-contact-annonces {
  margin-bottom: 5px !important;
}

@media screen and (max-width: 640px) {
  .boutons-contact-annonces {
    display: block !important;
  }
}

.newcolor {
  color: #87C5C9 !important;
}

.profile-card-with-cover .profile-card-with-cover-content {
	padding-top: 2rem;
}

.height-322 {
	height: 322px !important;
}


.color-blue{
  background-color:#63C4D9 !important;
}
.color-blue1{
  color:#63C4D9 !important;
}