:root {
  --theme-bg-primary: #091E30 !important;
  --theme-bg-primary-main: #DF893C !important;
  --theme-text-primary: #2F2B3DE5 !important;
  --theme-text-primary-main: #DF893C !important;
  --theme-text-secondary: rgba(47, 43, 61, 0.7);
  --theme-grey-light: rgba(250, 250, 250, 1);
  --theme-warning-main: #FF9F43;
  --theme-warning-100: #FFECD9 !important;
  --theme-warning-main2: #CA6204;
  --theme-success-100: #E9F9F1;
  --theme-success-main: #0EAF56;
  --theme-primary-100: #E5EEFA;
  --theme-primary-main: #0054D1;
  --theme-info-100: #DDFFFF;
  --theme-info-main: #07A693;
  --theme-secondary-100: #F6EAFE;
  --theme-secondary-main: #A82AF5;
  --theme-danger-100: #F9E9E9;
  --theme-danger-main: #D42626;
}

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

/*Theme
/********************************************/


.theme-bg-warning {
  background: var(--theme-warning-100);
}

.theme-primary-100 {
  background-color: var(--theme-primary-100);
}

.theme-primary-main {
  color: var(--theme-primary-main);
}

.theme-warning-100 {
  background-color: var(--theme-warning-100);
}

.theme-warning-main {
  color: var(--theme-warning-main2);
}

.theme-danger-100 {
  background-color: var(--theme-danger-100);
}

.theme-danger-main {
  color: var(--theme-danger-main);
}

.theme-success-100 {
  background-color: var(--theme-success-100);
}

.theme-success-main {
  color: var(--theme-success-main);
}

.theme-info-100 {
  background-color: var(--theme-info-100);
}

.theme-info-main {
  color: var(--theme-info-main);
}

.theme-secondary-100 {
  background-color: var(--theme-secondary-100);
}

.theme-secondary-main {
  color: var(--theme-secondary-main);
}

.theme-badge-secondary {
  background-color: var(--theme-secondary-main);
}

.theme-badge-warning {
  background-color: var(--theme-warning-main2);
}

.theme-badge-primary {
  background-color: var(--theme-primary-main);
}

.theme-badge-success {
  background-color: var(--theme-success-main);
}

.theme-badge-info {
  background-color: var(--theme-info-main);
}

body {
  color: var(--theme-text-primary);
}

.app-brand-logo.logo {
  width: 32px;
  height: 32px;
}
.mb-40 {
  margin-bottom: 10rem;
}

.mt-20 {
  margin-top: 5rem !important;
}

.max-height-600 {
  min-height: calc(100vh - 20vh);
}

.tooltip-dark .tooltip-inner,
.tooltip-dark>.tooltip .tooltip-inner,
.ngb-tooltip-dark+ngb-tooltip-window .tooltip-inner {
  background-color: var(--theme-bg-primary) !important;
  font-size: .75rem;
}

.tooltip-dark.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before {
  border-bottom-color: var(--theme-bg-primary) !important;
}

#layout-menu.menu-vertical .menu-item.active a.menu-link {
  background: var(--theme-bg-primary);
  box-shadow: none;
}
.range-picker .form-control{
  min-width: 270px;
  background-color: rgba(128, 131, 144, 0.16)!important;
  border: 0!important;
  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"%3e%3cpath d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%232f2b3d" fill-opacity="0.9"/%3e%3c/svg%3e')!important;
  background-repeat: no-repeat!important;
  background-position: calc(100% - 12px)!important;
  background-size: 20px!important;

}
.range-picker .form-control::placeholder{
  color: #808390;
}
.range-picker::before{
  height: 38px;
  width: 1px;
  background-color: #80839029;
  position: absolute;
  right: 40px;
  content: '';
  top:0;
}

.range-picker.plane-range-picker .form-control{
  background-color: transparent!important;
  border: 1px solid #d1d0d4!important;
}
.range-picker.plane-range-picker::before{
  display: none;
}
.range-picker.plane-range-picker .form-control::placeholder{
  color: #acaab1;
}
.avatar.icon {
  align-items: center;
  justify-content: center;
  display: flex;
  color: var(--theme-text-primary-main);
  font-size: 1.5rem;
}

.avatar.icon .ti {
  font-size: 1.5rem;
}
.btn {
  padding: .6rem 1rem;
}
.btn.btn-primary {
  background-color: var(--theme-bg-primary-main) !important;
  border-color: var(--theme-bg-primary-main) !important;
  padding: .6rem 1rem;
  box-shadow: 0 0.125rem 0.375rem 0 rgba(223, 137, 60, 0.3) !important;

}
.custom-filter {
  display: flex;
  flex-wrap: wrap;
  grid-gap: .75rem;
  justify-content: end;
}
.btn.btn-primary:hover {
  background-color: transparent !important;
  border-color: var(--theme-bg-primary-main) !important;
  color: var(--theme-text-primary-main) !important;
}

.btn.btn-outline-warning {
  border-color: var(--theme-warning-main) !important;
  color: var(--theme-warning-main) !important;
}

.ph-txt {
  color: var(--theme-text-secondary);
}

/*For Table*/
.table td {
  color: var(--theme-text-primary) !important;
}

.table thead {
  background-color: var(--theme-grey-light);
}

.table th,
.table td {
  border: none;
  font-weight: 500;
}


.table.slot-table th {
  text-transform: capitalize;
}
/*
.table.report-table th.total-cell,
.table.report-table td.total-cell{
  border-left: 1px solid #2F2B3D3D;
  position: relative;
  z-index: 11;
  left: -1px;
  font-weight: 700;
  border-right: 0!important;
}
.table.report-table th:first-child,
.table.report-table td:first-child{
  border-right: 1px solid #2F2B3D3D;
  width: 190px;
  text-wrap: nowrap;
}
.table.report-table td:last-child,
.table.report-table th:last-child{
  border-right: 0;
  font-weight: 700;
  border-left: 1px solid #e9e9e9;
}

.table.report-table td,
.table.report-table th{
  border-right: 1px solid #e9e9e9;
}
  */
th.dtfc-fixed-left{
  background: #fafafa !important;
}
.sorting.sorting_asc.dtfc-fixed-left{
  border-right: 2px solid rgba(0, 0, 0, 0.10)!important;
}
.sorting_1.dtfc-fixed-left{
  border-right: 2px solid #2F2B3D3D!important;
}
.dt-fixedcolumns{
  border-bottom: transparent!important;
}
.dt-fixedcolumns thead{
  border-top: transparent!important;
}

.dt-fixedcolumns td,
.dt-fixedcolumns th{
  border-right: 1px solid #e9e9e9!important;
  border-top:0!important;

}
.report-table .dataTables_filter{
  display: none!important;
}
/********************************************/

/*Pagination
/********************************************/
.paging .page-item.active .page-link,
.paging .page-item.active .page-link:hover,
.paging .page-item.active .page-link:focus,
.paging .pagination li.active>a:not(.page-link),
.paging .pagination li.active>a:not(.page-link):hover,
.paging .pagination li.active>a:not(.page-link):focus {
  border-color: var(--theme-bg-primary-main);
  background-color: var(--theme-bg-primary-main);
  color: #fff;
}

.paging .page-item .page-link:hover {
  background-color: var(--theme-warning-100);
  color: var(--theme-bg-primary);
}

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

/*Checkbox
/********************************************/
.form-check-input:checked {
  background-color: var(--theme-bg-primary-main) !important;
  border-color: var(--theme-bg-primary-main) !important;
}

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

/*Calander
/********************************************/
.dayContainer .flatpickr-day.selected,
.dayContainer .flatpickr-day.selected.inRange,
.dayContainer .flatpickr-day.selected:focus,
.dayContainer .flatpickr-day.selected:hover,
.dayContainer .flatpickr-day.selected.nextMonthDay,
.dayContainer .flatpickr-day.selected.prevMonthDay,
.dayContainer .flatpickr-day.startRange,
.dayContainer .flatpickr-day.startRange.inRange,
.dayContainer .flatpickr-day.startRange:focus,
.dayContainer .flatpickr-day.startRange:hover,
.dayContainer .flatpickr-day.startRange.nextMonthDay,
.dayContainer .flatpickr-day.startRange.prevMonthDay,
.dayContainer .flatpickr-day.endRange,
.dayContainer .flatpickr-day.endRange.inRange,
.dayContainer .flatpickr-day.endRange:focus,
.dayContainer .flatpickr-day.endRange:hover,
.dayContainer .flatpickr-day.endRange.nextMonthDay,
.dayContainer .flatpickr-day.endRange.prevMonthDay,
.dayContainer .flatpickr-day.selected,
.dayContainer .flatpickr-day.selected:hover,
.dayContainer .flatpickr-day.selected {
  background: var(--theme-bg-primary-main) !important;
  border-color: var(--theme-bg-primary-main) !important;
}
.dayContainer .flatpickr-day.inRange,
.dayContainer .flatpickr-day.nextMonthDay.inRange,
.dayContainer .flatpickr-day.prevMonthDay.inRange,
.dayContainer .flatpickr-day.today.inRange,
.dayContainer .flatpickr-day.prevMonthDay.today.inRange,
.dayContainer .flatpickr-day.nextMonthDay.today.inRange,
.dayContainer .flatpickr-day.today,
.dayContainer .flatpickr-day.today:hover {
  color: var(--theme-text-primary-main) !important;
  border-color: var(--theme-warning-100) !important;
  background-color: var(--theme-warning-100) !important;
}

.form-label,
.col-form-label,
.bg-menu-theme .menu-link,
.bg-menu-theme .menu-horizontal-prev,
.bg-menu-theme .menu-horizontal-next {
  color: var(--theme-text-primary) !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
  color: var(--theme-text-primary-main) !important;
  background-color: var(--theme-warning-100) !important;
}

.dark-style .form-label,
.col-form-label,
.dark-style .bg-menu-theme .menu-link,
.bg-menu-theme .menu-horizontal-prev,
.bg-menu-theme .menu-horizontal-next {
  color: #fff !important;
}

.light-style .bootstrap-select .dropdown-toggle.show,
.light-style .bootstrap-select .dropdown-toggle:focus,
.card-body .form-select:focus,
.card-body .input-group:focus-within .input-group-text,
.card-body .input-group:focus-within .form-control:focus,
.card-body .form-control:focus {
  border-color: var(--theme-bg-primary-main) !important;
}

.form-control:hover:not([disabled]):not([focus]) {
  border-color: var(--theme-bg-primary-main) !important;
}

.bootstrap-select .dropdown-toggle .filter-option {
  padding-right: 30px;
}

.bootstrap-select .dropdown-menu.inner .selected a[aria-selected=true] {
  background: var(--theme-bg-primary-main) !important;
}

.select2+.select2-container--default.select2-container--focus .select2-selection,
.select2+.select2-container--default.select2-container--open .select2-selection {
  border-color: var(--theme-bg-primary-main) !important;
}

.select2+.select2-container--default .select2-results__option--highlighted[aria-selected] {
  color: var(--theme-text-primary-main) !important;
  background-color: var(--theme-warning-100) !important;
}

.select2+.select2-container--default .select2-results__option[aria-selected="true"] {
  background: var(--theme-bg-primary-main) !important;
  color: #fff !important;
}

.multiselect-picker.bootstrap-select .dropdown-toggle .bs-select-clear-selected {
  margin-right: 20px;
}

.bg-footer-theme .footer-link {
  color: var(--theme-text-primary-main) !important;
}
.form-control {
  line-height: 1.755 !important;
}
.multiselect-picker.bootstrap-select.show-tick .dropdown-menu li a {
  position: relative;
  padding-left: 40px;
}

.multiselect-picker.bootstrap-select .dropdown-menu li a span.check-mark {
  position: absolute;
  display: block;
  left: .75rem;
  top: 50%;
  margin: 0;
  transform: translateY(-50%);
  line-height: 1;
  border: 2px solid #2F2B3D66;
  width: 18px;
  height: 18px;
  border-radius: 4px;
}

.multiselect-picker.bootstrap-select .bs-ok-default:after {
  display: none;
}

.multiselect-picker.bootstrap-select .dropdown-menu li.selected .bs-ok-default:after {
  display: block;
  left: 4px;
  position: relative;
}

.multiselect-picker.bootstrap-select .dropdown-menu.inner .selected a[aria-selected=true] {
  background: transparent !important;
  color: var(--theme-text-primary) !important
}

.multiselect-picker.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
  left: .75rem;
  right: inherit;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  background: var(--theme-bg-primary-main);
  border: 2px solid var(--theme-bg-primary-main);
  color: #fff;
  font-size: 10px;
}

.filtler-col .col-md-3 {
  width: 28.5%;
}

.filtler-col .col-md-2 {
  width: 21%;
}

.buttons-export {
  min-width: 140px;
}

.add-new-user-btn {
  min-width: 180px;
}

.min-250 {
  min-width: 250px;
}

.search-input {
  min-width: 300px;
}

.twitter-typeahead .tt-menu{
  display: none!important;
}

.filter-input {
  min-width: 240px;
}

.offcanvas-body {
  text-wrap: balance;
}

.offcanvas .offcanvas-header .btn-close {
  opacity: 1;
}

.toast.width-auto {
  max-width: fit-content;
  color: var(--theme-text-primary);
  font-size: 1rem;
}

.toast.width-auto .toast-body {
  padding: .7rem 1rem;
}

div.card-datatable .filtler-col [class*=col-md-] {
  padding-right: .75rem !important;
  padding-left: .75rem !important;
}


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

/*Calendar
/********************************************/
.apply-filter-block .btn {
  width: 100%;
  padding: .6rem 1rem;
}


.app-calendar-content .fc-button-group {
  display: none;
}

.app-calendar-content .fc-daygrid-day-events {
  padding: 4px;
  display: contents;
}

.app-calendar-content .fc-daygrid-event-harness {
  position: relative;
  text-align: center;
  display: inline-block;
  width: 64px;
  padding: 0px;
  visibility: visible!important;
}
.app-calendar-content .fc-direction-ltr .fc-daygrid-event .fc-event-time{
  display: none;
}
.app-calendar-content .fc-daygrid-day-frame {
  min-height: 100%;
  position: relative;
  min-height: 134px;
}
.app-calendar-content .fc-daygrid-day-events .fc-daygrid-day-bottom{
  position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99999;
    max-width: 100%;
    min-width: 100%;
    display: block;
}
.app-calendar-content .fc-daygrid-day-bottom a.fc-daygrid-more-link{
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  left: 0px;
  border-radius: 0;
  margin: 0!important;
  text-indent: -999999px;
}
.app-calendar-content .fc-popover {
  width: 300px;
  border-radius: 6px;
  overflow: hidden;
}

.app-calendar-content .fc-popover .fc-daygrid-event-harness {
  width: 100%;
  text-align: left;
  padding: 0;
}

.app-calendar-content .fc .fc-view-harness .fc-event {
  border-radius: 0;
  padding: .25rem 0;
  text-align: center;
  margin: 0;
  font-size: 0.85rem;
  padding: .25rem .25rem;
  width: calc(100% - 9px);
  text-transform: uppercase;
  line-height: 1.75;
  color: #fff !important;
}

.app-calendar-content .fc-daygrid-event-harness+.fc-daygrid-event-harness .fc-daygrid-event {
  line-height: 1.65;
}

.light-style .app-calendar-content .fc-event-warning:not(.fc-list-event) {
  background-color: var(--theme-warning-100) !important;
  color: var(--theme-warning-main) !important;
}

.light-style .app-calendar-content .fc-event-success:not(.fc-list-event) {
  background-color: var(--theme-success-100) !important;
  color: var(--theme-success-main) !important;
}

.light-style .app-calendar-content .fc-event-danger:not(.fc-list-event) {
  background-color: var(--theme-danger-100) !important;
  color: var(--theme-danger-main) !important;
}

.light-style .app-calendar-content .fc .fc-event-primary:not(.fc-list-event) {
  background-color: var(--theme-primary-100) !important;
  color: var(--theme-primary-main) !important;
}

.light-style .fc-event-info:not(.fc-list-event) {
  background-color: var(--theme-info-100) !important;
  color: var(--theme-info-main) !important;
}

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

/*Slot Availabilty
/********************************************/
.slot-availabilty h4 {
  line-height: normal;
  margin-bottom: .25rem;
  font-size: 1.25rem;
  font-weight: 700;
}

.slot-availabilty p {
  margin-bottom: 0;
}

.slot-availabilty input {
  visibility: hidden;
  position: absolute;
}

.slot-availabilty .ti {
  font-size: 1.5rem;
}


.data-value{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  text-align: center;
}
.data-value h2{
  font-weight: 700;
}
/********************************************/

/*Status
/********************************************/
.status-widget {
  font-weight: 500;
  color: var(--theme-text-primary);
  display: grid;
  grid-template-columns: auto auto auto auto;
  max-width: 550px;
  gap: 0 30px;
  position: absolute;
  right: 3rem;
  top: 2rem;
}

.status-widget .status-badge {
  width: 12px;
  min-width: 12px;
  height: 12px;
  border-radius: 50%;
  display: block;
}
.dataTables_scroll{
  margin-bottom: 0!important;
}
.offcanvas-body.text-start.mx-0.flex-grow-0.pt-10 {
  min-height: 80vh;
}
span.fc-title {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 90%;
  display: block;
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 0;
  line-height: 16px;
  text-transform: capitalize;
}
.fc-title small {
  font-size: 11px;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 0;
}
.fc-title small i{
  font-size: 11px;
}
.opt-edit {
  height: 12px;
  margin-bottom: 5px;
}
.opt-tools .fas {
  font-size: 12px !important;
}
h3.s-title {
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 5px;
  line-height: 16px;
  text-transform: capitalize;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 92%;
}
th.cal-toprow {
  min-width: 180px;
}
p.s-time {
  font-size: 11px;
  font-weight: 400;
  color: #FFFFFF;
  margin-bottom: 0;
  line-height: 1;
}
i.fas.fa-pen {
  color: #FFFFFF;
  font-size: 10px;
}
i.fas.fa-trash {
  color: #fff;
  font-size: 10px;
}
.clinician_comments p {
  font-size: 14px !important;
  color: #2f2b3de5;
  margin-bottom: 0 !important;
  font-weight: 400 !important;
  margin-left: 35px;
}
.clinician_comments p b{
  font-size: 14px !important;
  color: #0a0a0a;
  margin-bottom: 0 !important;
  font-weight: 500 !important;
}
.admin_comments p {
  font-size: 14px !important;
  color: #2f2b3de5;
  margin-bottom: 0 !important;
  font-weight: 400 !important;
  margin-left: 35px;
}
.admin_comments p b{
  font-size: 14px !important;
  color: #0a0a0a;
  margin-bottom: 0 !important;
  font-weight: 500 !important;
}
span.fc-title span {
  font-size: 11px;
}
@media screen and (max-width: 1530px) {
.app-calendar-content .fc-daygrid-event-harness{
  width: 58px;
}
}
@media screen and (max-width: 1480px) {
  .filtler-col .col-md-3 {
    width: 26.5%;
  }

  .filtler-col .col-md-2 {
    width: 20%;
  }

  .status-widget {
    gap: 10px 20px;
    max-width: 600px;
    grid-template-columns: auto auto;
    top: 20px
  }
  .app-calendar-content .fc-daygrid-event-harness{
    width: auto;
  }
}

@media screen and (max-width: 1230px) {
  .filtler-col .col-md-2 {
    width: 25%;
  }

  .apply-filter-block .btn {
    width: auto;
  }
  .status-widget {
    gap: 10px 10px;
    max-width: 400px;
    grid-template-columns: auto auto;
    top: 20px
  }
  .app-calendar-wrapper .fc-toolbar h2 {
    font-size: 1.25rem!important;

}

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

  .filtler-col .col-md-2,
  .filtler-col .col-md-3,
  .filtler-col .col-md {
    width: 50%;
  }
  .app-calendar-wrapper .app-calendar-sidebar{
    position: static!important;
  }
  .status-widget {
    gap: 10px 10px;
    max-width: 100%;
    grid-template-columns: auto auto;
    top: 20px;
    left:0px;
    margin-bottom: 20px;
    position: relative;
  }
  .fc .fc-toolbar{
    margin-top: 20px;
  }
}

@media screen and (max-width: 767px) {
  .mt-20 {
    margin-top: 0rem !important;
  }
  .special-grp {
    display: block !important;
}
.select-list {
  margin-bottom: 1rem;
}
.special {
  width: 100% !important;
  margin-bottom: 1rem;
}
  .width-md-100 {
    width: 100% !important;
  }

  .mb-40 {
    margin-bottom: 5rem;
  }

  .paging ul.pagination {
    margin: 2px auto !important;
    width: fit-content;

  }

  .search-input {
    min-width: 240px;
  }

  .filter-input .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 17px !important;
  }

  .table.slot-table th {
    min-width: 130px;
  }
  .app-calendar-wrapper .app-calendar-sidebar{
    position: static!important;
    min-width: 100%!important;
    width: 100%!important;
  }
  .status-widget {
    gap: 10px 10px;
    max-width: 100%;
    grid-template-columns: auto auto;
    top: 20px;
    left:0px;
    margin-bottom: 20px;
    position: relative;
  }
  .fc .fc-toolbar{
    margin-top: 20px;
  }

}
@media screen and (max-width:579px) {
  .status-widget {
    gap: 10px 10px;
    max-width: 100%;
    grid-template-columns: auto auto;
  }
}
@media screen and (max-width:480px) {
  .width-sm-100 {
    width: 100% !important;
  }

  .apply-filter-block .btn,
  .filtler-col .col-md-2,
  .filtler-col .col-md-3,
  .filtler-col .col-md {
    width: 100%;
  }

  .add-new-user-btn {
    min-width: auto;
  }

  .filter-input {
    min-width: 160px;
  }
}