.text-primary { color: #181f39 !important; }
.bg-primary { background-color: #181f39 !important; }
.swal2-html-container { color: #7b7b7b; font-size: 1em !important; }
.swal2-html-container p { line-height: 1.5em !important; }
.swal2-styled.swal2-confirm { background-color: #144840 !important; }

/*  CSS for slider */
.slider-checkbox [type="checkbox"] {
  display: none;
}

/*  Height and width can be adjusted,
Border radius is 50% of height */
.slider-checkbox label {
  display: block;
  width: 40px;
  height: 20px;
  position: relative;
  background: #d2d2d2;
  border-radius: 10px;
  transition: background 0.2s ease;
  cursor: pointer;
}

.slider-checkbox label::before {
  content: '';
  display: block;
  width: 50%;
  height: 100%;
  background: #ffffff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #c3c3c3;
  position: absolute;
  left: 0;
  top: 0;
  transition: transform 0.2s ease-in-out;
}

/*  CSS for when slider is checked: */
.slider-checkbox [type="checkbox"]:checked + label {
  background: #4caf50;
}

.slider-checkbox [type="checkbox"]:checked + label::before {
  -webkit-transform: translateX(100%); 
  transform: translateX(100%); 
}

input[type=radio] { display: none; }
input[type=radio]:checked + .label-color span { transform: scale(1.25); }

input[type=radio]:checked + .label-color .red    { border: 2px solid #711313; }
input[type=radio]:checked + .label-color .orange { border: 2px solid #873a08; }
input[type=radio]:checked + .label-color .yellow { border: 2px solid #816102; }
input[type=radio]:checked + .label-color .green  { border: 2px solid #181f39; }
input[type=radio]:checked + .label-color .blue   { border: 2px solid #103f62; }
input[type=radio]:checked + .label-color .violet { border: 2px solid #321a64; }
input[type=radio]:checked + .label-color .purple { border: 2px solid #501962; }
input[type=radio]:checked + .label-color .pink   { border: 2px solid #851554; }

.label-color { display: inline-block; width: 25px; height: 25px; margin-right: 10px; cursor: pointer; }
.label-color:hover span { transform: scale(1.25); }
.label-color span { display: block; width: 100%; height: 100%; transition: transform 0.2s ease-in-out; }

.label-color span.red    { background: #DB2828; }
.label-color span.orange { background: #F2711C; }
.label-color span.yellow { background: #FBBD08; }
.label-color span.green  { background: #181f39; }
.label-color span.blue   { background: #2185D0; }
.label-color span.violet { background: #6435C9; }
.label-color span.purple { background: #A333C8; }
.label-color span.pink   { background: #E03997; }

.bg-session-red    { background: #DB2828 !important; color: #ffffff !important; }
.bg-session-orange { background: #F2711C !important; color: #ffffff !important; }
.bg-session-yellow { background: #FBBD08 !important; color: #ffffff !important; }
.bg-session-green  { background: #181f39 !important; color: #ffffff !important; }
.bg-session-blue   { background: #2185D0 !important; color: #ffffff !important; }
.bg-session-violet { background: #6435C9 !important; color: #ffffff !important; }
.bg-session-purple { background: #A333C8 !important; color: #ffffff !important; }
.bg-session-pink   { background: #E03997 !important; color: #ffffff !important; }

[data-primary="color_9"] .fc-daygrid-dot-event .fc-daygrid-event-dot { border-color: #ffffff !important; }

.icon-facebook { background-color: #1367c8; color: #fff; }
.icon-twitter  { background-color: #00aced; color: #fff; }
.icon-linkedin { background-color: #0074b6; color: #fff; }

.multiselect { background: #fff !important; border: 1px solid #EEEEEE !important; color: #808588 !important; width: 100% !important; height: 40px !important; border-radius: 0.75rem !important; text-align: left !important; font-size: 0.875rem !important; padding: 0.375rem 0.75rem !important; }
.multiselect-container>li { padding: 10px 0px !important; border-bottom: 1px solid #d6d6d6 !important; }

.div-welcome-patient { padding: 25px !important; background-color: #181f391a !important; border: 1px solid #181f39 !important; }
.div-search-psychologist { padding: 40px 100px !important; background-color: #181f391a !important; border: 1px solid #181f39 !important; }