/*
* demo.css
* File include item demo only specific css only
******************************************************************************/

.light-style .menu .app-brand.demo {
  height: 64px;
}

.dark-style .menu .app-brand.demo {
  height: 64px;
}

.app-brand-logo.demo {
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -ms-flexbox;
  display: flex;
  width: 34px;
  height: 24px;
}

.app-brand-logo.demo svg {
  width: 35px;
  height: 24px;
}

.app-brand-text.demo {
  font-size: 1rem;
}

/* ! For .layout-navbar-fixed added fix padding top tpo .layout-page */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
  padding-top: 72px !important;
}
/* Navbar page z-index issue solution */
.content-wrapper .navbar {
  z-index: auto;
}
.avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
td.ui-droppable.today-column {
  background: #d6f4f8 !important;
}
.fc-unthemed td.fc-today {
  background:  #d6f4f8 !important;
}
/*
* Content
******************************************************************************/

.demo-blocks > * {
  display: block !important;
}

.demo-inline-spacing > * {
  margin: 1rem 0.375rem 0 0 !important;
}

/* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
.demo-vertical-spacing > * {
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing.demo-only-element > :first-child {
  margin-top: 0 !important;
}
a.btn.btn-create svg {
  height: 18px;
}
.demo-vertical-spacing-lg > * {
  margin-top: 1.875rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-lg.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-xl > * {
  margin-top: 5rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-xl.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.rtl-only {
  display: none !important;
  text-align: left !important;
  direction: ltr !important;
}

[dir='rtl'] .rtl-only {
  display: block !important;
}
.table th{
  font-size: 0.938rem !important;
}
.table td.category {
  text-transform: uppercase;
  letter-spacing: 0.2px;
  color: #444050;
  font-size: 0.938rem !important;
  background-color: #f8f8f8;
}
.fc td, .fc th {
  font-size: .9rem;
}
.t-description {
  max-width: 350px !important;
  display: block;
  overflow: ;
  /* text-overflow: ellipsis; */
  text-wrap: auto;
}
.vertical-align-start{
  vertical-align: baseline;
}
.card.bg-gold {
  background: #fdf8f2;
}
.avatar-initial.rounded.bg-label-dark-blue {
  background: #E0E8FF;
}
a.btn.btn-dark-blue.text-dark.w-100.waves-effect.waves-light {
  border-color: #7367f0;
  background: transparent;
}
span.avatar-initial.rounded.bg-label-dark-green {
  background: #E0F5E9;
}
a.btn.btn-outline-dark-green.text-dark.w-100.waves-effect {
  border-color: #3CB371;
  background: transparent;
}
span.avatar-initial.rounded.bg-label-dark-orange {
  background: #FFE8D4;
}
a.btn.btn-outline-dark-orange.text-dark.w-100.waves-effect {
  border-color: #FF8C3E;
  background: transparent;
}
span.avatar-initial.rounded.bg-label-voilet {
  background: #EDE0F5;
}
a.btn.btn-outline-voilet.text-dark.w-100.waves-effect {
  border-color: #8A4FBE;
  background: transparent;
}
.card.bg-gold img {
  width: 80%;
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: center;
}
@media (max-width: 991px){
  .select-list {
    margin-bottom: 1rem;
}
}
/* Dropdown buttons going out of small screens */
@media (max-width: 576px) {
  #dropdown-variation-demo .btn-group .text-truncate {
    width: 254px;
    position: relative;
  }
  #dropdown-variation-demo .btn-group .text-truncate::after {
    position: absolute;
    top: 45%;
    right: 0.65rem;
  }
  .custom-filter {
    display: block;
    grid-gap: 1.5rem;
    justify-content: end;
}
}

/*
* Layout demo
******************************************************************************/

.layout-demo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 1rem;
}
.select2-results__option[role=option] {
  border-radius: 0.375rem;
  padding: 0.543rem .5rem;
  font-size: 14px;
}
.layout-demo-placeholder img {
  width: 900px;
}
.layout-demo-info {
  text-align: center;
  margin-top: 1rem;
}
span#select2-month-container {
  min-width: 120px;
}
.nav-pills .nav-link {
  font-size: 13px;
  padding: 0.5435rem .75rem !important;
}
.drag.details.ui-draggable.ui-draggable-handle {
  border-radius: 0;
  padding: .25rem 0;
  text-align: left !important;
  margin: 0;
  margin-bottom: 0;
  font-size: 0.85rem;
  padding: 5px !important;
  /* text-transform: uppercase; */
  line-height: 1.75;
  border-radius: 4px !important;
  border-left: none;
  opacity: 1;
  background: #7e7067;
  width: 170px;
  margin-bottom: 3px;
  height: 43px;
}
th.cal-toprow {
  min-width: 180px !important;
}
.table th {
  font-size: 0.938rem !important;
}
.fs-32 {
  font-size: 50px !important;
}
.btn-outline-primary {
  color: #df893c;
  border-color: #df893c;
  background: transparent;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  color: #df893c !important;
  background-color: #fff6ed !important;
  border-color: #df893c !important;
}
.bs-searchbox .form-control {
  background-image: url(../img/search.svg);
  background-repeat: no-repeat;
  background-position: 15px 10px;
  padding-left: 40px !important;
}
.modal-box img {
  height: 5rem;
  margin-bottom: 10px;
}
.modal-box {
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  text-align: center;
  padding: 20px;
}
.modal-body ul {
  padding-left: 0;
  margin-top: 20px;
}
.modal-body ul li {
  font-size: 14px;
  list-style: none;
  padding-bottom: 10px;
  color: #6D6D77 !important;
}
.modal-body a{
  font-size: 14px;
  list-style: none;
  padding-bottom: 10px;
  color: #6D6D77 !important;
}
.modal-box h5{
font-weight: 600;
}
@media (min-width: 1600px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1600px !important;
}
span.fc-title {
  font-size: 14px !important;
  line-height: 18px !important;
}
.fc-title small {
  font-size: 13px !important;
}
span.fc-title span {
  font-size: 13px !important;
}
.table th {
  font-size: 1rem !important;
}
h3.s-title {
  font-size: 14px !important;
}
p.s-time {
  font-size: 13px !important;
}
input[type="radio" i], input[type="checkbox" i] {
  width: 16px;
  height: 16px;
}
label {
  display: inline-block;
  font-size: 16px;
}
}
@media (min-width: 1900px) {
  h5, .h5 {
    font-size: 1.6rem !important;
    line-height: 2.5rem !important;
}
.form-control {
  display: block;
  width: 100%;
  padding: calc(0.826rem - var(--bs-border-width)) calc(1.4375rem - var(--bs-border-width)) !important;
  font-size: 1.2rem !important;
  font-weight: 400;
  line-height: 2.225;
  border-radius: 10px !important;
}
.modal-body ul li {
  font-size: 16px;
  list-style: none;
  padding-bottom: 10px;
}
small, .small {
  font-size: 16px !important;
}
.form-select {
padding: calc(0.826rem - var(--bs-border-width)) calc(1.4375rem - var(--bs-border-width)) !important;
font-size: 1.2rem !important;
}
.light-style .select2-container--default .select2-selection--single {
  height: calc(1.425em + 2rem + calc(var(--bs-border-width)* 2)) !important;
}
.light-style .select2-container--default .select2-selection--multiple {
  height: calc(1.425em + 2rem + calc(var(--bs-border-width)* 2)) !important;
  padding: calc(0.826rem - var(--bs-border-width) - 0.4375rem) calc(0.9375rem - var(--bs-border-width));
}
.select2-container--default .select2-search--inline .select2-search__field {
  font-size: 1.2rem !important;
  margin-top: 15px !important;
}
.light-style .select2-container--default .select2-selection__placeholder {
  color: #acaab1;
  font-size: 1.2rem !important;
}
input#weekDropdown {
  width: 9.5rem !important;
}
a.btn.btn-create svg {
  height: 18px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  font-size: 1.2rem !important;
}
.light-style .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: calc(3.45rem - var(--bs-border-width)) !important;
  color: #444050;
}
.light-style .select2-container--default .select2-selection {
  border: 1px solid #d1d0d4;
  border-radius: 10px !important;
}
.select2-results__option[role=option] {
  border-radius: 0.375rem;
  padding: 0.943rem 1rem !important;
  font-size: 1.2rem !important;
}
.select2-search--dropdown .select2-search__field {
  padding: 15px !important;
}
.form-control-color {
  width: 3rem;
  height: calc(2.4em + 0.852rem + calc(var(--bs-border-width)* 2)) !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  position: absolute;
  height: 28px !important;
  width: 30px !important;
  top: 34% !important;
  background-repeat: no-repeat;
  background-size: 30px 29px !important;
  transform-origin: center;
  transition: transform 0.3sease;
}
.special {
  width: 300px !important;
  padding: 10px 20px !important;
}
.special p {
  font-size: 16px !important;
  line-height: 24px !important;
}
.special h4 {
  font-size: 18px !important;
  line-height: 18px !important;
}
a.btn.btn-create {
  font-size: 18px !important;
  padding: .8rem 2rem !important;
}
.form-label, .col-form-label {
  font-size: 18px !important;
}
.form-check-label {
  font-size: 18px;
}
.weekDays-selector input[type=checkbox]+label {
  display: inline-block;
  border-radius: 6px !important;
  background: transparent;
  height: 50px !important;
  width: 100px !important;
  margin-right: 10px;
  line-height: 50px !important;
  text-align: center;
  cursor: pointer;
  border: 1px solid #E2E4E9;
  font-size: 18px !important;
}
.modal-header h3 {
  font-size: 26px !important;
}

a.btn.btn-create svg {
  width: 22px !important;
  height: 22px !important;
}
  .menu-vertical .menu-item .menu-link {
    font-size: 1.1rem !important;
}
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
  max-width: 1650px !important;
}
span.fc-title {
  font-size: 16px !important;
  line-height: 20px !important;
}
.fc-title small {
  font-size: 15px !important;
}
span.fc-title span {
  font-size: 15px !important;
}
h3.s-title {
  font-size: 16px !important;
}
p.s-time {
  font-size: 15px !important;
}
table.dataTable td, table.dataTable th {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  font-size: 18px !important;
}
.nav-pills .nav-link {
  padding: 0.75rem 1.5rem !important;
  font-size: 1rem !important;
}
.drag.details.ui-draggable.ui-draggable-handle {
  width: 200px !important;
  margin-bottom: 5px !important;
  height: 50px !important;
}
html.light-style.layout-navbar-fixed.layout-compact.layout-menu-fixed.layout-menu-collapsed .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
  max-width: 1850px !important;
}
.table th {
  font-size: 1.2rem !important;
}
.modal-dialog.modal-lg.modal-simple.modal-edit-user {
  width: 1400px !important;
  min-width: 1400px !important;
}
.form-label {
  margin-bottom: 0.5rem !important;
  font-size: 1.2rem !important;
}
.form-check-input {
  width: 1.4em !important;
  height: 1.4em !important;
}
.modal .btn-close {
  background-size: 30px !important;
}
.btn {
  font-size: 18px !important;
  padding: .8rem 2rem !important;
}
.add-new-user-btn {
  min-width: 250px !important;
}
div:where(.swal2-container) .swal2-html-container {
  font-size: 1.5em !important;
}
.p-3 {
  padding: 1.5rem !important;
}
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.fc td, .fc th {
  font-size: 18px !important;
}
.badge-center {
  padding: 5px !important;
  height: 3rem !important;
  width: 3rem !important;
  font-size: 18px !important;
}
.cal-userinfo span {
  font-size: 18px !important;
}
i.fas.fa-pen {
  color: #FFFFFF;
  font-size: 14px !important;
}
i.fas.fa-trash {
  color: #fff;
  font-size: 14px !important;
}
input[type="radio" i], input[type="checkbox" i] {
  width: 20px;
  height: 20px;
}
label {
  display: inline-block;
  font-size: 20px;
}
.active-btn-group .ti {
  font-size: 22px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  font-size: 1.2rem !important;
  padding: 0 1rem !important;
  line-height: 2rem !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  margin-right: 0.625rem !important;
  font-size: 1.2rem !important;
}
.offcanvas.offcanvas-end {
  width: 30rem !important;
}
.status-widget {
  max-width: 750px !important;
  font-size: 18px !important;
}
.status-widget .status-badge {
  width: 14px !important;
  min-width: 14px !important;
  height: 14px !important;
}
h4, .h4 {
  font-size: 2rem !important;
}
.authentication-wrapper.authentication-cover .authentication-inner .auth-cover-bg .auth-illustration {
  max-height: 85% !important;
  max-width: 85% !important;
}
p.mb-0.text-warning {
  font-size: 18px !important;
}
.mb-1 {
  margin-bottom: .5rem !important;
}
.mb-3 {
  margin-bottom: 1.5rem !important;
}
span.ti.ti-list-details.me-3.ti-md {
  font-size: 1.75rem !important;
}
.table th, .table td {
  font-size: 18px !important;
}
.opt-edit {
  margin-bottom: 10px !important;
}
.light-style .flatpickr-time input {
  font-size: 1.2rem !important;
}
a.btn.btn-create {
  font-size: 20px !important;
}
.modal-box img {
  height: 7rem;
  margin-bottom: 15px;
}
.app-brand-text.demo {
  font-size: 1rem;
}
}
@media (min-width: 2500px) {
  body{
    font-size: 20px;
  }
  .app-brand-text.demo {
    font-size: 1.5rem;
}
  .modal-body ul li {
    font-size: 18px;
    list-style: none;
    padding-bottom: 10px;
}
  a.btn.btn-create {
    font-size: 22px !important;
}
.menu-vertical, .menu-vertical .menu-block, .menu-vertical .menu-inner > .menu-item, .menu-vertical .menu-inner > .menu-header {
  width: 22.25rem !important;
}
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
  max-width: 2100px !important;
  padding: 0 !important;
}
.layout-menu-fixed:not(.layout-menu-collapsed) .layout-page, .layout-menu-fixed-offcanvas:not(.layout-menu-collapsed) .layout-page {
  padding-left: 22.25rem !important;
}
.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar, .layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar, .layout-menu-fixed-offcanvas.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar {
  left: 22.25rem !important;
}
.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical, .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical {
  width: 6.375rem !important;
}
html.light-style.layout-navbar-fixed.layout-compact.layout-menu-100vh.layout-menu-fixed.layout-menu-collapsed .layout-navbar-fixed .layout-navbar.navbar-detached {
  width: calc(100% - 1.5rem* 2 - 11.25rem) !important;
}
.menu-icon {
  font-size: 2.2rem !important;
}
.menu-vertical .menu-icon {
  width: 2.2rem !important;
}
small, .small {
  font-size: 18px !important;
}
html.light-style.layout-navbar-fixed.layout-compact.layout-menu-fixed.layout-menu-collapsed .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
  max-width: 2300px !important;
}
.menu-vertical .menu-item .menu-link {
  font-size: 1.4rem !important;
}
.menu-vertical .menu-item .menu-link {
  font-size: 0.9375rem;
  min-height: 60px !important;
}
.form-label {
  margin-bottom: 0.5rem !important;
  font-size: 1.4rem !important;
}
.form-control {
  display: block;
  width: 100%;
  padding: calc(0.826rem - var(--bs-border-width)) calc(1.4375rem - var(--bs-border-width)) !important;
  font-size: 1.4rem !important;
  font-weight: 400;
  line-height: 2.425;
  border-radius: 10px !important;
}
.light-style .select2-container--default .select2-selection--single {
  height: calc(2.4em + 2.2rem + calc(var(--bs-border-width)* 2)) !important;
}
.light-style .select2-container--default .select2-selection--multiple {
  min-height: calc(1.825em + 2.28rem + calc(var(--bs-border-width)* 2)) !important;
  padding: calc(0.826rem - var(--bs-border-width) - 0.4375rem) calc(0.9375rem - var(--bs-border-width));
}
.light-style .select2-container--default .select2-selection--multiple {
  min-height: calc(2.3em + 2.28rem + calc(var(--bs-border-width)* 2)) !important;
  padding: calc(0.926rem - var(--bs-border-width) - 0.4375rem) calc(0.9375rem - var(--bs-border-width));
}
.select2-container--default .select2-search--inline .select2-search__field {
  font-size: 1.5rem !important;
}
.light-style .select2-container--default .select2-selection__placeholder {
  color: #acaab1;
  font-size: 1.5rem !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  font-size: 1.5rem !important;
}
.light-style .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: calc(4.5rem - var(--bs-border-width)) !important;
  color: #444050;
}
.select2-container .select2-search--inline .select2-search__field {
  margin-top: 21px !important;
}
.bootstrap-select > .dropdown-toggle {
  border-radius: 10px !important;
}
.light-style .select2-container--default .select2-selection {
  border: 1px solid #d1d0d4;
  border-radius: 10px !important;
}
.select2-results__option[role=option] {
  border-radius: 0.375rem;
  padding: 0.943rem 1rem !important;
  font-size: 1.4rem !important;
}
.select2-search--dropdown .select2-search__field {
  padding: 15px !important;
}
h5, .h5 {
  font-size: 1.9rem !important;
  line-height: 3rem !important;
}
.avatar {
  position: relative;
  width: 4rem !important;
  height: 4rem !important;
  cursor: pointer;
}
.avatar.icon .ti {
  font-size: 2rem !important;
}
.layout-navbar {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  height: 5rem !important;
}
a.btn.btn-create svg {
  width: 25px !important;
  height: 24px !important;
}
.container-p-y:not([class^=pt-]):not([class*=" pt-"]) {
  padding-top: 4rem !important;
}
.btn {
  cursor: pointer;
  display: inline-flex !important
;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem !important;
  padding: 1rem 2rem !important;
}
a.btn.btn-create {
  border-radius: 50px !important;
  font-size: 1.6rem !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  position: absolute;
  height: 28px !important;
  width: 30px !important;
  top: 44% !important;
  background-repeat: no-repeat;
  background-size: 30px 29px !important;
  transform-origin: center;
  transition: transform 0.3sease;
}
.special {
  width: 300px !important;
  padding: 10px 20px !important;
  border-radius: 8px !important;
}
.special img {
  height: 30px;
  width: 30px;
  object-fit: contain;
}
.special p {
  font-size: 20px !important;
  font-weight: 500;
  line-height: 28px !important;
}
.special h4 {
  font-size: 18px !important;
  font-weight: 700;
  line-height: 18px !important;
}
.nav-pills .nav-link {
  padding: 0.95rem 2.75rem !important;
  font-size: 1.4rem !important;
}
.modal-dialog.modal-lg.modal-simple.modal-edit-user {
  width: 2000px !important;
  min-width: 2000px !important;
}
span.fc-title {
  font-size: 20px !important;
  line-height: 24px !important;
}
.fc-title small {
  font-size: 18px !important;
}
span.fc-title span {
  font-size: 18px !important;
}
h3.s-title {
  font-size: 20px !important;
}
p.s-time {
  font-size: 18px !important;
}
table.dataTable td, table.dataTable th {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  font-size: 20px !important;
}
.drag.details.ui-draggable.ui-draggable-handle {
  width: 250px !important;
  margin-bottom: 8px !important;
  height: 55px !important;
}
.cal-userinfo span {
  font-size: 24px !important;
}
input[type="date"]::-webkit-clear-button {
  font-size: 38px !important;
  height: 40px !important;
  position: relative;
}

input[type="date"]::-webkit-inner-spin-button {
  height: 48px !important;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  font-size: 35px !important;
}
.container-p-y:not([class^=pt-]):not([class*=" pt-"]) {
  padding-top: 3.5rem !important;
}
i.fas.fa-pen {
  font-size: 20px !important;
}
i.fas.fa-trash {
  font-size: 20px !important;
}
.fs-32 {
  font-size: 80px !important;
}
label {
  display: inline-block;
  font-size: 22px;
}
input[type="radio" i], input[type="checkbox" i] {
  width: 22px;
  height: 22px;
}
.active-btn-group .ti {
  font-size: 28px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  font-size: 1.4rem !important;
  padding: 0 1rem !important;
  line-height: 2.4rem !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  margin-right: 1rem !important;
  font-size: 1.4rem !important;
}
.offcanvas.offcanvas-end {
  width: 40rem !important;
}
.status-widget {
  max-width: 850px !important;
  font-size: 22px !important;
}
.status-widget .status-badge {
  width: 16px !important;
  min-width: 16px !important;
  height: 16px !important;
}
.w-px-400.mx-auto.mt-12.pt-5 {
  width: 600px !important;
}
h4, .h4 {
  font-size: 2.2rem !important;
}
.authentication-wrapper.authentication-cover .authentication-inner .auth-cover-bg .auth-illustration {
  max-height: 95% !important;
  max-width: 95% !important;
  z-index: 1;
}
.text-body {
  font-size: 22px !important;
}
.table th, .table td {
  font-size: 24px !important;
}
.opt-edit {
  margin-bottom: 20px !important;
}
.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .app-brand, .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .app-brand {
  padding-left: 2rem !important;
}
.input-group-text i {
  font-size: 2rem;
}
.bootstrap-select.show-tick .dropdown-menu li a span.text {
  margin-right: 34px;
  font-size: 1.4rem;
}
.light-style .flatpickr-calendar, .light-style .flatpickr-days {
  width: calc(18.75rem + 0* 2px) !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  height: 3.25rem !important;
  font-size: 1.4rem !important;
}
.app-calendar-wrapper .app-calendar-sidebar {
  position: absolute;
  overflow: hidden;
  flex-grow: 0;
  flex-basis: 25.75rem !important;
  left: calc(-18.75rem - 1.2rem);
  height: 100%;
  width: 25.75rem !important;
}
.slot-availabilty .ti {
  font-size: 2rem;
}
.slot-availabilty p {
  font-size: 1.4rem;
}
.ti-14px, .ti-14px:before {
  font-size: 1.6rem !important;
}
h6, .h6 {
  font-size: 1.6rem !important;
}
.layout-navbar .navbar-dropdown .dropdown-menu .dropdown-item {
  min-height: 2.875rem !important;
  font-size: 1.6rem !important;
}
.layout-navbar .navbar-dropdown .dropdown-menu .dropdown-item  .ti-md {
  font-size: 1.6rem !important;
}
i.ti.menu-toggle-icon.d-none.d-xl-block.align-middle {
  font-size: 2rem !important;
}
.avatar.avatar-online:after, .avatar.avatar-offline:after, .avatar.avatar-away:after, .avatar.avatar-busy:after {
  width: 12px !important;
  height: 12px !important;
}
h4.chart-title {
  font-size: 26px !important;
  font-weight: 600;
  color: #434247;
  margin-bottom: 20px !important;
}
.popover .popover-body {
  font-size: 20px !important;
}
p {
  font-size: 1.4rem !important;
}
.accordion-item .accordion-button {
  background: #091e31;
  color: #fff;
  font-size: 1.6rem;
}
.table th, .table td {
  font-size: 1.6rem !important;
}
.layout-navbar-fixed .light-style .flatpickr-calendar, .light-style .flatpickr-days {
  width: calc(18.75rem + 0* 2px) !important;
}
.light-style .flatpickr-current-month .cur-month, .light-style .flatpickr-current-month .cur-year {
  font-size: 1.2rem !important;
}
.flatpickr-weekdays {
  max-width: 19.5rem !important;
  width: 100%;
  height: 2.5rem !important;
  text-align: center;
  margin-bottom: 0.25rem !important;
}
.dayContainer {
  min-width: 17.75rem !important;
  max-width: 17.75rem !important;
  width: 17.75rem !important;
}
.light-style span.flatpickr-weekday {
  font-size: 1.2rem !important;
}
.light-style .flatpickr-time input {
  color: #6d6b77;
  font-size: 1.6rem !important;
}
.table td.category {
  font-size: 1.4rem !important;
}
.light-style .fc .fc-col-header-cell-cushion {
  font-size: 1.4rem !important;
}
.fc td, .fc th {
  font-size: 1.5rem !important;
}
.slot-availabilty .ti {
  font-size: 3rem !important;
}
.card.pdf-card {
  width: 1100px !important;
}
span#select2-month-container {
  min-width: 300px;
}
.modal-box img {
  height: 8rem;
  margin-bottom: 20px;
}
}
@media (min-width: 3000px) {
  .menu-vertical .menu-item .menu-link {
    font-size: 2.2rem !important;
}
.menu-vertical .menu-item .menu-link {
  min-height: 100px !important;
}
.modal-box img {
  height: 10rem;
  margin-bottom: 25px;
}
.modal-body ul li {
  font-size: 28px;
  list-style: none;
  padding-bottom: 10px;
}
span#select2-month-container {
  min-width: 400px;
}
.bg-menu-theme .menu-sub > .menu-item > .menu-link:before {
  font-size: 1.5rem !important;
}
.menu-vertical .menu-sub .menu-link {
  padding-left: 3.625rem !important;
}
  .menu-icon {
    font-size: 3.75rem !important;
}
  .menu-vertical, .menu-vertical .menu-block, .menu-vertical .menu-inner > .menu-item, .menu-vertical .menu-inner > .menu-header {
    width: 32.25rem !important;
  }
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 3100px !important;
    padding: 0 !important;
  }   
   html.light-style.layout-navbar-fixed.layout-compact.layout-menu-fixed.layout-menu-collapsed .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 3400px !important;
}
  .layout-menu-fixed:not(.layout-menu-collapsed) .layout-page, .layout-menu-fixed-offcanvas:not(.layout-menu-collapsed) .layout-page {
    padding-left: 32.25rem !important;
  }
  .layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar, .layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar, .layout-menu-fixed-offcanvas.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar {
    left: 32.25rem !important;
  }
  html.light-style.layout-navbar-fixed.layout-compact.layout-menu-fixed.layout-menu-collapsed .layout-navbar.navbar-detached .layout-navbar-fixed .layout-navbar.navbar-detached{
    width: calc(100% - 1.5rem* 2 - 19.25rem) !important;
  }
  .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical, .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical {
    width: 10.375rem !important;
  }
  .container-p-y:not([class^=pt-]):not([class*=" pt-"]) {
    padding-top: 5rem !important;
}
.authentication-bg h4.mb-1 {
  margin-bottom: 2rem !important;
}
.form-label {
  margin-bottom: 1rem !important;
  font-size: 2rem !important;
}
.form-check-label {
  font-size: 2rem !important;
  margin-left: 10px !important;
}
.authentication-bg .form-check-input {
  width: 2em !important;
  height: 2em !important;
  margin-right: 1rem;
  position: absolute;
  top: 5px;
}
.avatar.avatar-online:after, .avatar.avatar-offline:after, .avatar.avatar-away:after, .avatar.avatar-busy:after {
  width: 20px !important;
  height: 20px !important;
}
p.mb-0.text-warning {
  font-size: 2rem !important;
}
.app-brand-text.demo {
  font-size: 2.575rem !important;
}
h6, .h6 {
  font-size: 2rem !important;
}
.layout-navbar .navbar-dropdown .dropdown-menu .dropdown-item {
  min-height: 2.875rem !important;
  font-size: 2rem !important;
}
.layout-navbar .navbar-dropdown .dropdown-menu .dropdown-item  .ti-md {
  font-size: 2rem !important;
}
i.ti.menu-toggle-icon.d-none.d-xl-block.align-middle {
  font-size: 2.4rem !important;
}
.menu-toggle::after {
  font-size: 2.5rem !important;
}
.light-style .select2-container--default:not([dir=rtl]) .select2-selection--single .select2-selection__rendered {
  padding-left: calc(1.9375rem - var(--bs-border-width)) !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-right: 4.1875rem !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  right: 20px !important;
}
.card-header, .card-body {
  padding: 3rem 2rem !important;
}
.menu-vertical .menu-inner > .menu-item {
  margin: 1.5rem 0 0 !important;
}
.menu-vertical .menu-icon {
  width: 6rem !important;
}
.fc-event .fc-content {
  padding: .5rem 0;
  font-size: 1rem;
  padding: 15px;
  border-radius: 8px !important;
  margin-bottom: 5px;
}
.form-control {
  display: block;
  width: 100%;
  padding: calc(1.426rem - var(--bs-border-width)) calc(1.4375rem - var(--bs-border-width)) !important;
  font-size: 1.8rem !important;
  font-weight: 400;
  line-height: 2.825;
  border-radius: 10px !important;
}
.light-style .select2-container--default .select2-selection--single {
  height: calc(2.425em + 3.28rem+ calc(var(--bs-border-width)* 2)) !important;
}
.light-style .select2-container--default .select2-selection--multiple {
  min-height: calc(2.425em + 3.28rem + calc(var(--bs-border-width)* 2)) !important;
  padding: calc(0.826rem - var(--bs-border-width) - 0.4375rem) calc(0.9375rem - var(--bs-border-width));
}
.light-style .select2-container--default .select2-selection--multiple {
  min-height: calc(3.2em + 3.28rem + calc(var(--bs-border-width)* 2)) !important;
  padding: calc(0.826rem - var(--bs-border-width) - 0.4375rem) calc(0.9375rem - var(--bs-border-width));
}
.select2-container--default .select2-search--inline .select2-search__field {
  font-size: 2rem !important;
}
.light-style .select2-container--default .select2-selection__placeholder {
  color: #acaab1;
  font-size: 2rem !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  font-size: 2rem !important;
}
.light-style .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: calc(5.95rem - var(--bs-border-width)) !important;
  color: #444050;
}
.select2-container .select2-search--inline .select2-search__field {
  margin-top: 30px !important;
}
.light-style .select2-container--default .select2-selection {
  border: 1px solid #d1d0d4;
  border-radius: 10px !important;
}
.select2-results__option[role=option] {
  border-radius: 0.375rem;
  padding: 1.4rem 1.5rem !important;
  font-size: 1.8rem !important;
}
.select2-search--dropdown .select2-search__field {
  padding: 20px !important;
}
h5, .h5 {
  font-size: 2.4rem !important;
}
.avatar {
  position: relative;
  width: 4rem !important;
  height: 4rem !important;
  cursor: pointer;
  margin-right: 1rem;
}
.avatar.icon .ti {
  font-size: 3rem !important;
}
.layout-navbar {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
  height: 6rem !important;
}
a.btn.btn-create svg {
  width: 35px !important;
  height: 34px !important;
}
.container-p-y:not([class^=pt-]):not([class*=" pt-"]) {
  padding-top: 5rem !important;
}
.btn {
  cursor: pointer;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem !important;
  padding: 1.5rem 2.5rem !important;
}
a.btn.btn-create {
  border-radius: 50px !important;
  font-size: 2rem !important;
  padding: 1.5rem 2rem !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  position: absolute;
  height: 34px !important;
  width: 36px !important;
  top: 50% !important;
  background-repeat: no-repeat;
  background-size: 40px 39px !important;
  transform-origin: center;
  transition: transform 0.3sease;
}
.special {
  width: 400px !important;
  padding: 15px 30px !important;
  border-radius: 10px !important;
}
.special img {
  height: 60px;
  width: 60px;
  object-fit: contain;
}
.special p {
  font-size: 32px !important;
  font-weight: 500;
  line-height: 32px !important;
}
.special h4 {
  font-size: 28px !important;
  font-weight: 700;
  line-height: 24px !important;
}
.nav-pills .nav-link {
  padding: 1.3rem 3.5rem !important;
  font-size: 1.8rem !important;
}
.modal-dialog.modal-lg.modal-simple.modal-edit-user {
  width: 2500px !important;
  min-width: 2500px !important;
}
span.fc-title {
  font-size: 28px !important;
  line-height: 32px !important;
}
.fc-title small {
  font-size: 24px !important;
}
span.fc-title span {
  font-size: 24px !important;
}
h3.s-title {
  font-size: 28px !important;
  margin-bottom: 10px;
  line-height: 30px !important;
}
p.s-time {
  font-size: 24px !important;
}
table.dataTable td, table.dataTable th {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  font-size: 2rem !important;
  line-height: 3rem !important;
}
.drag.details.ui-draggable.ui-draggable-handle {
  width: 400px !important;
  margin-bottom: 10px !important;
  height: 75px !important;
}
.cal-userinfo span {
  font-size: 26px !important;
}
input[type="date"]::-webkit-clear-button {
  font-size: 38px !important;
  height: 40px !important;
  position: relative;
}

input[type="date"]::-webkit-inner-spin-button {
  height: 48px !important;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  font-size: 35px !important;
}
.container-p-y:not([class^=pt-]):not([class*=" pt-"]) {
  padding-top: 4.5rem !important;
}
i.fas.fa-pen {
  font-size: 20px !important;
}
i.fas.fa-trash {
  font-size: 20px !important;
}
.ti.fs-32 {
  font-size: 100px !important;
}
label {
  display: inline-block;
  font-size: 26px;
}
input[type="radio" i], input[type="checkbox" i] {
  width: 26px;
  height: 26px;
}
.active-btn-group .ti {
  font-size: 36px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  font-size: 1.8rem !important;
  padding: 0 1rem !important;
  line-height: 2.8rem !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  margin-right: 1.4rem !important;
  font-size: 1.8rem !important;
}
.offcanvas.offcanvas-end {
  width: 50rem !important;
}
.status-widget {
  max-width: 1200px !important;
  font-size: 2rem !important;
}
.status-widget .status-badge {
  width: 20px !important;
  min-width: 20px !important;
  height: 20px !important;
}
.w-px-400.mx-auto.mt-12.pt-5 {
  width: 700px !important;
}
h4, .h4 {
  font-size: 3.2rem !important;
}
.authentication-wrapper.authentication-cover .authentication-inner .auth-cover-bg .auth-illustration {
  max-height: 95% !important;
  max-width: 95% !important;
  z-index: 1;
}
.opt-edit {
  margin-bottom: 18px !important;
  margin-top: 8px;
}
small, .small {
  font-size: 2rem !important;
}
.ti-14px, .ti-14px:before {
  font-size: 2rem !important;
}
.fc td, .fc th {
  font-size: 30px !important;
}
.btn .ti {
  font-size: 2.8rem !important;
}
.input-group-text i {
  font-size: 2.4rem !important;
}
th.cal-toprow {
  min-width: 300px !important;
}
.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .app-brand, .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .app-brand {
  padding-left: 4rem !important;
}
.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand {
  width: 6.375rem !important;
}
.app-calendar-wrapper .app-calendar-sidebar {
  position: absolute;
  overflow: hidden;
  flex-grow: 0;
  flex-basis: 30.75rem !important;
  left: calc(-18.75rem - 1.2rem);
  height: 100%;
  width: 30.75rem !important;
}
.slot-availabilty .ti {
  font-size: 4rem !important;
}
.slot-availabilty p {
  margin-bottom: 0;
  font-size: 2rem;
}
h5.card-title.mb-1 {
  margin-bottom: 2rem !important;
}
.badge.p-2.mb-3.rounded {
  margin-bottom: 3rem !important;
}
.bootstrap-select.show-tick .dropdown-menu li a span.text {
  margin-right: 34px;
  font-size: 1.8rem !important;
}
.bs-searchbox .form-control {
  background-position: 25px 30px !important;
  padding-left: 80px !important;
  background-size: 30px !important;
}
.multiselect-picker.bootstrap-select .dropdown-menu li a span.check-mark {
  width: 32px !important;
  height: 32px !important;
  border-radius: 8px !important;
}
.multiselect-picker.bootstrap-select.show-tick .dropdown-menu li a {
  padding-left: 60px !important;
}
.multiselect-picker.bootstrap-select .dropdown-menu li.selected .bs-ok-default:after {
  display: block;
  left: 10px !important;
  position: relative;
}
select.form-select.mx-0 {
  font-size: 2rem !important;
}
div.dataTables_wrapper div.dataTables_info {
  font-size: 1.8rem !important;
}
.page-link, div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item.next .page-link, div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item.previous .page-link, div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item.first .page-link, div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item.last .page-link {
  border-radius: 0.575rem !important;
  font-size: 1.8rem !important;
  padding: 1rem 2rem !important;
}
button.btn.btn-primary.add-new-user-btn.mt-md-0.mt-4.add-category-btn.waves-effect.waves-light {
  width: 35rem !important;
}
span.ti.ti-list-details.me-3.ti-md {
  font-size: 2.6rem !important;
}
.offcanvas .offcanvas-header .btn-close {
  background-image: url(data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4.5L5 13.5' stroke='%232f2b3d' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 4.5L5 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='%232f2b3d' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A);
  background-size: 3rem !important;
}
.add-new-user-btn {
  min-width: 350px !important;
}
.app-calendar-wrapper .fc-toolbar h2 {
  font-size: 3rem !important;
  line-height: 2.375rem;
}
.form-select {
  font-size: 1.8rem !important;
  background-size: 42px 44px !important;
  background-position: right 0.1rem center !important;
  padding: calc(1.426rem - var(--bs-border-width)) calc(2.4375rem - var(--bs-border-width)) !important;
}
h4.chart-title {
  font-size: 30px !important;
  font-weight: 600;
  color: #434247;
  margin-bottom: 20px !important;
}
.popover .popover-body {
  font-size: 30px !important;
}
p {
  font-size: 2rem !important;
  line-height: 2.5rem;
}
.accordion-item .accordion-button {
  background: #091e31;
  color: #fff;
  font-size: 2rem;
}
.table th, .table td {
  font-size: 2rem !important;
}
div#DataTables_Table_0_wrapper .btn {
  min-width: 250px;
}
.light-style .flatpickr-calendar, .light-style .flatpickr-days {
  width: calc(20.75rem + 0* 2px) !important;
}
.light-style .flatpickr-current-month .cur-month, .light-style .flatpickr-current-month .cur-year {
  font-size: 1.4rem !important;
}
.flatpickr-weekdays {
  max-width: 21.5rem !important;
  width: 100%;
  height: 2.8rem !important;
  text-align: center;
  margin-bottom: 0.25rem !important;
}
.dayContainer {
  min-width: 19.75rem !important;
  max-width: 19.75rem !important;
  width: 19.75rem !important;
}
.modal-header h3 {
  font-size: 2.5rem !important;
}
.weekDays-selector input[type=checkbox]+label {
  height: 80px !important;
  width: 200px !important;
  margin-right: 10px;
  line-height: 80px !important;
  font-size: 2rem !important;
}
.modal-header.p-3 {
  padding: 1.5rem !important;
}
.row.modal-body.px-3.pt-0 {
  padding: 1.5rem !important;
}
.col-12.col-md-6.mb-3 {
  margin-bottom: 1.5rem !important;
}
.modal-body .form-check {
  padding-left: 1.8em;
  margin-bottom: 1.5rem !important;
}
div#calplaceholder {
  max-height: 1000px !important;
}
.flatpickr-day {
  position: relative;
  display: inline-block;
  flex-basis: 15.2857143% !important;
  justify-content: center;
  box-sizing: border-box;
  margin: 0;
  max-width: 3.25rem !important;
  width: 15.2857143% !important;
  height: 3.25rem !important;
  border: 1px solid transparent;
  background: none;
  text-align: center;
  font-weight: 400;
  line-height: calc(3.25rem - 2px) !important;
  cursor: pointer;
}
.light-style span.flatpickr-weekday {
  font-size: 1.4rem !important;
}
.light-style .flatpickr-time input {
  font-size: 2rem !important;
}
.bootstrap-select .bs-ok-default:after {
  content: "";
  display: block;
  width: 1em !important;
  height: 2em !important;
  border-style: solid;
  border-width: 0 0.46em 0.46em 0;
  transform-style: preserve-3d;
  transform: rotate(45deg);
}
.app-calendar-content .fc-daygrid-event-harness {
  width: 100px !important;
}
.light-style .flatpickr-time input {
  font-size: 2rem !important;
}
.form-control-color {
  width: 3rem;
  height: calc(2.8em + 0.852rem + calc(var(--bs-border-width)* 2)) !important;
}
.table td.category {
  font-size: 1.8rem !important;
}
.light-style .fc .fc-col-header-cell-cushion {
  font-size: 2rem !important;
}
.fc td, .fc th {
  font-size: 2rem !important;
}
.age-range img{
  height: 50px !important;
}
.age-range-start {
  height: 150px !important;
}
.age-range-end {
  height: 150px !important;
}
span.alert.alert-outline-danger.d-flex.justify-content-center.align-items-center.p-1 {
  padding: 1.5rem !important;
}
.ti {
  vertical-align: middle;
  font-size: 2rem !important;
}
.apexcharts-text tspan {
  font-family: inherit;
  font-size: 1.1rem !important;
}
.card.pdf-card {
  width: 1500px !important;
}
.light-style .select2-container--default .select2-results__option {
  font-size: 1.8rem !important;
}
.app-brand-text.demo {
  font-size: 2.5rem;
}
  }