.text-primary { color: #181f39 !important; }
.bg-primary { background-color: #181f39 !important; }
.btn-ffc775 { color: #9f5f00; background-color: #ffc775; border-color: #ffc775; }
.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; padding: 10px 30px !important; color: #fff !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; }

.dataTables_wrapper { overflow: auto !important; }

.dataTables_wrapper::-webkit-scrollbar             { width: 10px; height: 10px; }
.dataTables_wrapper::-webkit-scrollbar-track       { background-color: #f1f1f1; }
.dataTables_wrapper::-webkit-scrollbar-thumb       { background-color: #c1c1c1; border-radius: 6px; }
.dataTables_wrapper::-webkit-scrollbar-thumb:hover { background-color: #555; }

.dataTables_wrapper .dataTables_length,   .dataTables_wrapper .dataTables_info     { float: left !important;  }
.dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_paginate { float: right !important; }

.dataTables_wrapper .dataTable                      { border-radius: 5px 5px 0px 0px !important; margin-top: 20px !important; margin-bottom: 20px !important; }
.dataTables_wrapper .dataTable th                   { background-color: #181f39 !important; font-weight: 600 !important; text-transform: uppercase !important; color: #ffffff !important; border-right-color: #181f39 !important; }
.dataTables_wrapper .dataTable td                   { border-top-color: transparent !important; }
.dataTables_wrapper .dataTable th:nth-child(1)      { border-radius: 5px 0px 0px 0px !important; }
.dataTables_wrapper .dataTable th:nth-last-child(1) { border-radius: 0px 5px 0px 0px !important; }
.dataTables_wrapper .dataTable tr.odd td            { background-color: #f7f7f7 !important; }

.dataTables_wrapper .dataTable th, .dataTables_wrapper .dataTable td { font-size: 15px !important; padding: 15px 30px !important; }

@media only screen and (max-width: 1540px) {

  .dataTables_wrapper .dataTable th, .dataTables_wrapper .dataTable td { font-size: 13px !important; padding: 13px 30px !important; }
}