/*

Main Pink  : #D18790
    Pink Hover : #B24451
    Pink Hover Border : #A43F4B
Main Blue : #666699
    Blue Hover : #5E5E8D
    Blue Hover Border : #565681

*/

/* Body */
body {
    /*color: #666699;*/
}

a {
    color: #666699;
}

/* Navigation */
#topnav .navbar-custom {
    background-color: #666699;
}

.tabs-vertical-env .nav.tabs-vertical li > a.active {
    background-color: #666699;
}

/* Buttons */

/* start pink */
.btn-pink {
  color: #fff !important;
  background-color: #D18790;
  border-color: #D18790;
}

.btn-pink:hover {
  color: #fff;
  background-color: #B24451;
  border-color: #A43F4B;
}

.btn-pink:focus, .btn-pink.focus {
  box-shadow: 0 0 0 0.2rem rgba(219,15,155, 0.5);
}

.btn-pink.disabled, .btn-pink:disabled {
  color: #fff;
  background-color: #D18790;
  border-color: #D18790;
}

.btn-pink:not(:disabled):not(.disabled):active, .btn-pink:not(:disabled):not(.disabled).active,
.show > .btn-pink.dropdown-toggle {
  color: #fff;
  background-color: #A43F4B;
  border-color: #B24451;
}
/* end pink */

/* start green */
.btn-blue {
  color: #fff !important;
  background-color: #666699;
  border-color: #666699;
}

.btn-blue:hover {
  color: #fff;
  background-color: #5E5E8D;
  border-color: #565681;
}

.btn-blue:focus, .btn-blue.focus {
  box-shadow: 0 0 0 0.2rem rgba(93,167,161, 0.5);
}

.btn-blue.disabled, .btn-blue:disabled {
  color: #fff;
  background-color: #666699;
  border-color: #666699;
}

.btn-blue:not(:disabled):not(.disabled):active, .btn-blue:not(:disabled):not(.disabled).active,
.show > .btn-blue.dropdown-toggle {
  color: #fff;
  background-color: #565681;
  border-color: #5E5E8D;
}
/* end green */

/* Alerts */
.alert-blue {
    color: white;
    background-color: #666699;
    border-color: #565681;
}

.alert-pink {
    color: white;
    background-color: #D18790;
    border-color: #A43F4B;
}

/* calendar */

.calendar .calendar-header {
  background-color: #f5f5f5;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  border: 0;
}

.calendar .calendar-header .year-title {
  font-size: 18px;
}

.calendar .calendar-header .year-title:not(.year-neighbor):not(.year-neighbor2) {
  border-bottom: 2px solid #2196f3;
}

.calendar .months-container .month-container {
  height: 225px !important;
  margin-bottom: 25px;
}

.calendar table.month {
  background-color: white;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  height: 100%;
}

.calendar table.month th.month-title {
  background-color: #2196F3;
  color: white;
  padding: 12px;
  font-weight: 400;
}

.calendar table.month th.day-header {
  padding-top: 10px;
  color: #CDCDCD;
  font-weight: 400;
  font-size: 12px;
}

.calendar table.month td.day .day-content {
  padding: 8px;
  border-radius: 100%;
}  

.select2-container--default .select2-results__group {
    text-transform: capitalize !important;
}

.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(237,16,168, 0.2);
  border-right: 1.1em solid rgba(237,16,168, 0.2);
  border-bottom: 1.1em solid rgba(237,16,168, 0.2);
  border-left: 1.1em solid #D18790;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/**===== circle5 =====*/
#circle5 {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 50px;
  width: 50px;
  margin: -25px 0 0 -25px;
  border: 4px rgba(0, 0, 0, 0.25) solid;
  border-top: 4px #008744 solid;
  border-right: 4px #0057e7 solid;
  border-bottom: 4px #d62d20 solid;
  border-radius: 50%;
  -webkit-animation: spin5 1s infinite linear;
          animation: spin5 1s infinite linear;
}

@-webkit-keyframes spin5 {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
@keyframes spin5 {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
/** END of circle5 */


.custom-control-input {
    position: inherit; 
    z-index: 999;
     opacity: 1; 
}