:root {
  --onappoint-color: #098B8B;
  --onappoint-soft-color: #e2e2e2;
  --onappoint-card-border: #e6e6e6;
  --white: #faf0e6;
}
.error{
  color: red;
  font-size: 14px;
}
.onappoint-cursor {
  cursor: pointer;
}

.onappoint-border{
  border: 2px solid var(--onappoint-color);
}

.onappoint-soft-border{
  border: 2px solid var(--onappoint-soft-color);
}

.onappoint-card-border{
  border: 2px solid var(--onappoint-card-border);
}

.onappoint-radius{
  border-radius: 10px !important;
}

.btn-onappoint {
  background-color: var(--onappoint-color) !important;
  color: white !important;
}
.text-onappoint{
  color: var(--onappoint-color) !important;
}

.square {
  height: 30px;
  width: 30px;
  margin-bottom: 5px;
}
.fc-button{
  background-color: var(--onappoint-color) !important;  
  border: white !important;
}
.fc-button-active{
  background-color: rgb(230, 219, 219) !important;
  border: 2px var(--onappoint-color) !important ;
  color: var(--onappoint-color) !important;
}
.fc-event{
  font-size: small;
  cursor: pointer !important;
}
.popover{
  min-width:100px;
   width:100%;
   max-width:400px;
}
.popover-header{
  background-color: white !important;
}
/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 50px;
  height: 50px;
}

.swal2-html-container>div{
  text-align:left !important;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.5);
}


.loading:not(:required):after {
  content: '';
  z-index: 1;
  display: block;
  font-size: 10px;
  width: 100%;
  height: 50px;
  margin-top: -0.5em;
  border-radius: 100%;
  background: url('../images/loader.gif') 
              50% 50% no-repeat rgb(249,249,249);
}

.select2-selection {
  height: 35px !important;
}

.nav-link {
  color: black !important;
}

.nav-link:focus, .nav-link:hover, .active {
  color: #343a40 !important;
}

.nav-link.active {
  background-color: var(--onappoint-color) !important;
  color: white !important;
}
.nav-link.active>i{
  color: white !important;
}
input[type="checkbox"] {
  background: #fff !important;
  float: none;
}

.form-check .form-check-input {
  float: none !important;
}

/*==== Calendar Customize ====*/

.onappoint-calendar>.calendar .calendar-header {
  background-color: #f5f5f5;
  border: 0;
}

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


.onappoint-calendar>.calendar .months-container .month-container {
  height: 260px;
  margin-bottom: 25px;
}

.onappoint-calendar>.calendar table.month {
  background-color: white;
  height: 100%;
}

.onappoint-calendar>.calendar table.month th.month-title {
  background-color: var(--onappoint-color);
  color: white;
  padding: 12px;
  font-weight: 400;
}

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

.onappoint-calendar>.calendar table.month td.day .day-content {
  padding: 8px;
}

.onappoint-calendar>.calendar>.months-container {
  display: flex !important;
  flex-flow: wrap;
  justify-content: space-between;
}

.onappoint-calendar>.calendar>.months-container>.month-container {
  margin-bottom: 2rem !important;
}

.onappoint-calendar>.calendar>.months-container>.month-container>.month {
  width: 100%;
}

.year-neighbor2, .year-neighbor {
  display: none;
}

.month-title {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-weight: 900;
}

.day-header {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-weight: 800;
  color: var(--softblue) !important;
  background-color: aliceblue;
}

.day {
  border: 1px solid aliceblue !important;
}

.week-off {
  background-color: greenyellow;
}

.disabled {
  font-weight: 700;
}
/*---- END Calendar Customize ----*/

/*==== CSS for image ====*/
.media-img {
  cursor: pointer;
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.media-img:hover {
  opacity: 0.8;
}

.media-img-text {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.media-img-text:hover {
  opacity: 1;
}

.media {
  position: relative;
}

.media-img {
  opacity: 1;
  display: block;
  transition: .5s ease;
  backface-visibility: hidden;
}

.media-hint {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.media:hover .media-img {
  opacity: 0.3;
}

.media:hover .media-hint {
  opacity: 1;
}

.text {
  background-color: transparent;
  color: black;
  font-size: 12px;
}
/*---- END CSS for image ----*/

/*==== CSS custom checkbox ====*/
.custom-ck-switch {
  display: inline-block;
  height: 27px;
  position: relative;
  width: 48px;
}

.custom-ck-switch input {
  display: none;
}

.custom-ck-switch .slider {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .4s;
}

.custom-ck-switch .slider:before {
  background-color: #fff;
  bottom: 4px;
  content: "";
  height: 20px;
  left: 4px;
  position: absolute;
  transition: .4s;
  width: 20px;
}

.custom-ck-switch input:checked+.slider {
  background-color: var(--onappoint-color);
}

.custom-ck-switch input:checked+.slider:before {
  transform: translateX(19px);
}

.custom-ck-switch .slider.round {
  border-radius: 34px;
}

.custom-ck-switch .slider.round:before {
  border-radius: 50%;
}
/*---- END CSS custom checkbox ----*/
.js-cal-row {
  display: none;
}
a{
  text-decoration: none;
}