/*****common-css*****/
:root{
    --bs-body-font-family: 'Montserrat', sans-serif;
    --bs-body-font-size: 0.875rem;
    --bs-body-line-height: 1.125rem;
    --bs-body-color: #1E1E1E;
    --bs-dark: #1E1E1E;
    --bs-dark-rgb: 30, 30, 30;
    --bs-primary: #00A9E0;
    --bs-secondary: #1A2034;
    --bs-primary-rgb: 0, 169, 224;
    --bs-secondary-rgb: 26, 32, 52;
    --bs-gray-dark: #373744;
    --bs-danger: #D31717;
    --bs-warning-rgb: 239, 115, 83;
    --bs-danger-rgb: 211, 23, 23;
    --bs-link-color-rgb: var(--bs-primary-rgb);
    --bs-green: #0FCE89;
    --bs-gray: #979797;
    --bs-gray-200--bs-gray-200: #F0F0F0;
    --bs-gray-300: #CECEDB;
    --bs-gray-400: #D6D6D6;
    --bs-gray-500: #f4f4f4;
    --bs-gray-600: #6F7A7C;
    --bs-gray-700: #838689;
    --bs-border-gray: #DFDADA;
    --bs-border-radius: 0.5rem;
}
body{transition: all 0.4s cubic-bezier(.17,.67,.83,.67);}
h1{font-size: 3rem;line-height: 3.75rem;letter-spacing: -0.038rem;font-weight: 600;margin-bottom: 1.875rem;}
h3{font-size: 1.625rem;line-height: 1;font-weight: 700;color: var(--bs-gray-dark);margin-bottom: 0.625rem;}
h4{font-size: 1.375rem;line-height: 1.625rem;font-weight: 700;margin-bottom: 0.625rem;}
h5{font-size: 1.125rem;line-height: 1.75rem;font-weight: 600;margin-bottom: 1rem;}
h6{font-size: 1rem;line-height: 1.125rem;font-weight: 500;color: var(--bs-black);margin-bottom: 0.313rem;}
a{text-decoration: none;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}a:hover{color: var(--bs-dark);}
p:last-of-type{margin-bottom: 0;}
label{display: block;font-weight: 500;margin-bottom: 0.625rem;letter-spacing: -0.2px;}
.fs-sm{font-size: 0.75rem;line-height: 0.875rem;}.fs-lg{font-size: 1rem;line-height: 1.25rem;}
.text-gray{color: var(--bs-gray);}.text-gray-dark{color: var(--bs-gray-dark);}.text-gray-600{color: var(--bs-gray-600);}.text-gray-700{color: var(--bs-gray-700);}.text-green{color: var(--bs-green);}
.text-shadow-sm{text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.18);}
.outline-none{outline: none;}
.bg-gray-200{background-color: var(--bs-gray-200);}.bg-gray-500{background-color: var(--bs-gray-500);}
.border-gray{border-color: var(--bs-border-gray) !important;}
@media(min-width: 992px){
    .border-lg-end{border-right: 1px solid;}
}
.shadow-xs{box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25) !important;}.shadow-sm{box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25) !important;}.shadow-md{box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.24) !important;}.shadow-lg{box-shadow: 0px 10px 28px rgba(21, 21, 35, 0.1) !important;}
.rounded-8{border-radius: 8px;}
.object-cover{object-fit: cover;}.object-center{object-position: center;}
.btn{--bs-btn-font-size: 0.938rem;--bs-btn-font-weight: 700;--bs-btn-line-height: 1.125rem;--bs-btn-padding-x: 0.938rem;--bs-btn-padding-y: 0.75rem;min-width: 9.375rem;max-width: 100%;--bs-btn-border-width: 2px;border-radius: 0.375rem;}
.btn-primary{--bs-btn-bg: var(--bs-primary);--bs-btn-border-color: var(--bs-primary);--bs-btn-hover-bg: var(--bs-primary);--bs-btn-hover-border-color: var(--bs-primary);--bs-btn-active-bg: var(--bs-primary);--bs-btn-active-border-color: var(--bs-primary);--bs-btn-disabled-bg: var(--bs-primary);--bs-btn-disabled-border-color: var(--bs-primary);}
.btn-primary:hover{background-color: transparent;color: var(--bs-primary);border-color: var(--bs-primary);}
.btn-outline-primary{--bs-btn-color: var(--bs-primary);--bs-btn-border-color: var(--bs-primary);--bs-btn-hover-bg: var(--bs-primary);--bs-btn-hover-border-color: var(--bs-primary);--bs-btn-active-bg: var(--bs-primary);--bs-btn-active-border-color: var(--bs-primary);--bs-btn-disabled-color: var(--bs-primary);--bs-btn-disabled-border-color: var(--bs-primary);}
.btn-white{background-color: var(--bs-white);border-color: var(--bs-white);color: var(--bs-primary);}
.btn-white:hover{background-color: transparent;color: var(--bs-white);border-color: var(--bs-white);}
.btn-sm{--bs-btn-font-size: 0.875rem;--bs-btn-line-height: 1.125rem;--bs-btn-font-weight: 500;padding: 0.5rem 0.938rem;--bs-btn-border-width: 1px;}
.btn.icon-btn{--bs-btn-padding-x: 0.625rem;--bs-btn-padding-y: 0.563rem;}
.form-control, .form-select{font-size: var(--bs-body-font-size);line-height: var(--bs-body-line-height);color: var(--bs-dark);letter-spacing: 0.013rem;font-weight: 500;padding: 0.938rem;background-color: var(--bs-gray-500);border-color: var(--bs-gray-400);border-radius: 0.188rem;}
.form-control:focus, .form-select:focus{box-shadow: none;border-color: var(--bs-primary) !important;}
.form-check{display: flex;gap: 0.625rem;align-items: center;cursor: pointer;min-height: unset;padding: 0;}
.form-check input[type="checkbox"]{width: 1.25rem;height: 1.25rem;border: 2px solid var(--bs-gray-300);border-radius: 0.25rem;float: none;margin: 0;}
.form-check input[type="checkbox"] + label{margin: 0;}
.form-check input[type="checkbox"]:checked{background-color: var(--bs-primary);border-color: var(--bs-primary);}
.form-check input[type="checkbox"]:focus, .form-check-input[type=radio]:focus{box-shadow: none;}
.form-check-input[type=radio]{width: 1.25rem;height: 1.25rem;margin: 0;float: none;border-color: var(--bs-gray);background-color: transparent;}
.form-check-input[type=radio]:checked{border-color: var(--bs-primary);background-color: var(--bs-primary);}
.form-control::placeholder{color: var(--bs-gray);}
.form-control:-ms-input-placeholder{color: var(--bs-gray);}  
.form-control::-ms-input-placeholder{color: var(--bs-gray);}
.dropdown-menu{--bs-dropdown-min-width: 12.5rem;--bs-dropdown-font-size: 0.875rem;--bs-dropdown-padding-y: 0.625rem;--bs-dropdown-link-hover-bg: transparent;--bs-dropdown-link-active-bg: var(--bs-primary);--bs-dropdown-item-padding-y: 0.5rem;}
.dropdown-item{font-weight: 500;}
.mw-unset{min-width: unset;}
.material-symbols-outlined{font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;}
.icon-fill{font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 48;}
.icon-sm{font-size: 1rem;}.icon-md{font-size: 1.25rem;}
.offcanvas{--bs-offcanvas-width: 800px;}
.badge{--bs-badge-font-size: 0.625rem;--bs-badge-font-weight: 500;--bs-badge-padding-x: 0.313rem;--bs-badge-padding-y: 0.313rem;--bs-badge-border-radius: 1.25rem;}
main#main{padding-top: 60px;}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none;-moz-appearance: none;appearance: none;margin: 0;}
/*filter*/
.filter-container .search-container input{width: 300px;max-width: 100%;padding: 10px 15px 10px 40px;}
.filter-container .search-container button{left: 8px;}
/*filter*/
/*select2*/
body .select2-container .select2-selection.select2-selection--multiple{padding: 0.438rem 0.938rem;background-color: var(--bs-gray-500);border-color: var(--bs-gray-400);border-radius: 0.188rem;}
body .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered{display: inline-flex;flex-wrap: wrap;gap: 0.313rem;margin: 0;}
body .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice{display: flex;align-items: center;gap: 0.625rem;flex-direction: row-reverse;background-color: var(--bs-white);font-size: 0.813rem;line-height: 1rem;font-weight: 500;letter-spacing: -0.2px;border-radius: 0.188rem;padding: 0.563rem 0.688rem;margin: 0;border: 0;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);}
body .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove{position: static;font-size: 1.875rem;line-height: 1rem;font-weight: 400;color: var(--bs-gray-600);background: transparent;padding: 0;border: 0;}
body .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove span{display: block;}
.select2-selection__choice__display{padding: 0;}
body .select2-container .select2-selection.select2-selection--multiple .select2-search .select2-search__field{margin: 0;}
/*select2*/
/*table*/
table.table thead tr th{padding: 1rem;position: relative;font-weight: 500;color: #495052;white-space: nowrap;/*min-width: 120px;*/}
table.table thead tr th .title{width: 100%;position: relative;padding-right: 25px;}
table.table thead tr th .title::before, table.table thead tr th .title::after{content: '';display: block;width: 10px;height: 10px;position: absolute;right: 0;cursor: pointer;}
table.table thead tr th .title::before{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%23838689' class='bi bi-chevron-up' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/%3E%3C/svg%3E") no-repeat center;top: 0;}
table.table thead tr th .title::after{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%23838689' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E") no-repeat center;bottom: 0;}
table.table tbody tr td{padding: 1rem;border-color: rgba(0, 0, 0, 0.2);position: relative;font-size: 0.813rem;line-height: 1rem;letter-spacing: -0.2px;}
table.table-striped > tbody > tr:nth-of-type(odd) > *{background-color: #f0f0f0;}
.table>:not(caption)>*>*{box-shadow: none;}
table.table tbody tr:last-child td{border-bottom: 0;}
table.table tbody tr td:not(:last-child)::after, table.table thead tr th:not(:last-child)::after{content: '';display: block;width: 1px;height: 20px;background-color: var(--bs-gray-600);position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
table.table tbody tr td .dropdown .dropdown-toggle::after{display: none;}
table.table-without-separator thead tr th::after, table.table-without-separator tbody tr td::after{display: none !important;}
/*table*/
/*****common-css*****/
/*****header*****/
header#header{transition: all 0.4s cubic-bezier(.17,.67,.83,.67);z-index: 999;}
header#header nav.navbar{padding: 0.625rem 0;}
header#header nav.navbar .navbar-brand img{max-height: 2.5rem;}
header#header nav.navbar .user-btn{background-color: rgba(255, 255, 255, 0.1);padding: 8px 10px;}
header .language-selector .dropdown .dropdown-menu li a:hover{background-color: var(--bs-primary);color: var(--bs-white);}
/*offcanvas*/
#offcanvasSideNav{--bs-offcanvas-width: 300px;}
#offcanvas_navigation{width: 250px;max-width: 100%;transform: translateX(-100%);transition: all 0.4s cubic-bezier(.17,.67,.83,.67);z-index: 999;}
#offcanvas_navigation.opened{transform: none;}
#offcanvas_navigation .nav li:not(:last-child){margin-bottom: 1.563rem;}
#offcanvas_navigation .nav li a:hover, #offcanvas_navigation .nav li.active a{color: var(--bs-primary) !important;}
.menu_leftpnl .menu_list::-webkit-scrollbar{width: 5px;}
.menu_leftpnl .menu_list::-webkit-scrollbar-track{-webkit-border-radius: 10px;border-radius: 10px;}
.menu_leftpnl .menu_list::-webkit-scrollbar-thumb{-webkit-border-radius: 10px;border-radius: 10px;background: rgba(255, 255, 255, 0.3);}
.menu_leftpnl .menu_list::-webkit-scrollbar-thumb:window-inactive{background: rgba(255, 255, 255, 0.3);}
/*offcanvas*/
/*****header*****/
/*****login*****/
#login_wrapper{background-image: url('../img/authentication-bg.jpg');background-repeat: no-repeat;background-position: left center;background-size: 50%;}
/*****login*****/
/*****dashboard*****/
#dashboard_wrapper .card-container{max-width: 900px;}
/*****dashboard*****/
/*****mail*****/
table#mail tbody tr td .sent-to .profile .img{width: 18px;height: 18px;}
#EmailDetailsPopup .offcanvas-body .main-meta ul li:not(:last-child){margin-bottom: 5px;}
#EmailDetailsPopup .offcanvas-body .main-meta ul li > span{min-width: 40px;}
/*****mail*****/
/*****reservation*****/
#saveReservationPopup{width: 900px;}
#reservationTable thead tr th, #reservationTable tbody tr td{min-width: 150px;}
#reservationTable tbody tr td.educator-comments{min-width: 250px;}
#createEmailPopup .preview-selected-templates .templates li input:checked + span{background-color: var(--bs-gray);border-color: var(--bs-gray);color: var(--bs-white);}
.rule-configuration-toggler{padding: 6px 12px;border-top-left-radius: 40px;border-bottom-left-radius: 40px;}
#ruleConfigurationPopup .form-container .action button{--bs-btn-padding-y: 0.875rem;}
.mail-wrapper #columnCollapse .form-container .select2-container .select2-selection--multiple{background-color: var(--bs-white);}
.mail-wrapper #columnCollapse .form-container .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{border: 1px solid var(--bs-body-color);padding: 0.5rem 0.625rem;}
.mail-wrapper #columnCollapse .form-container .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove{color: var(--bs-body-color);}
.mail-wrapper #columnCollapse .form-container .action button{--bs-btn-padding-y: 0.875rem}
.mail-wrapper .filter-container a[data-bs-toggle="collapse"][aria-expanded="true"]{background-color: var(--bs-gray);border-color: var(--bs-gray);}
.mail-wrapper #filterCollapse .form-group .field-container input{padding-left: 2.5rem;}
.mail-wrapper #filterCollapse .form-group .field-container .material-symbols-outlined{left: 0.625rem;}
table#selectEducator tbody tr td.availability p{position: relative;padding-left: 0.938rem;}
table#selectEducator tbody tr td.availability p::before{content: '';display: block;width: 0.625rem;height: 0.625rem;border-radius: 50%;position: absolute;top: 50%;left: 0;transform: translateY(-0.313rem);}
table#selectEducator tbody tr td.availability p.yes::before{background-color: var(--bs-success);}
table#selectEducator tbody tr td.availability p.no::before{background-color: var(--bs-danger);}
/*****reservation*****/
/*****question*****/
.survey-question-wrapper .tab-menu .nav li a.active{background-color: var(--bs-primary) !important;}
/*****question*****/
/*****sales-order*****/
#salesOrderPopup{--bs-offcanvas-width: 1600px;}
#salesOrderPopup .offcanvas-body .order-info .action a{width: 1.875rem;height: 1.875rem;}
#salesOrderPopup .offcanvas-body table#salesOrders thead tr th .filter{margin: 0.5rem -1rem 0 -1rem;padding: 0.5rem 1rem;}
#salesOrderPopup .offcanvas-body table#salesOrders thead tr th .filter select, #salesOrderPopup .offcanvas-body table#salesOrders thead tr th .filter input{min-width: 150px;font-size: 0.75rem;line-height: 0.875rem;padding: 5px 10px;}
#salesOrderPopup .offcanvas-body table#salesOrders thead tr th .filter .btn{min-width: 5.625rem;font-size: 0.75rem;line-height: 0.875rem;padding: 0.25rem 1rem;border-radius: 0.188rem;}
#salesOrderPopup .offcanvas-body table#salesOrders tbody tr td.si p{width: 25px;height: 25px;line-height: 22px;}
/*****sales-order*****/
/*****group*****/
#addGroupPopup .offcanvas-body .nav-tabs .nav-item a{color: var(--bs-secondary);}
#addGroupPopup .offcanvas-body .nav-tabs .nav-item a.active{background-color: var(--bs-gray-700);border-color: var(--bs-gray-700);color: var(--bs-white);}
#addGroupPopup .offcanvas-body .form-container .action .btn{--bs-btn-padding-y: 0.875rem}
#addGroupPopup .offcanvas-body table tbody tr td.members .profile .img{width: 18px;height: 18px;}
/*****group*****/
/*****email-template*****/
#acceptTemplatePopup .thank-you-message .desc{max-width: 450px;}
/*****email-template*****/
.img-preview{width: 100px;height: 100px;flex: 0 0 auto;}
#addCategoryPopup .offcanvas-body .form-group.select-parents .field-container .form-select{padding: 0;min-height: 260px;overflow: auto;}
#addCategoryPopup .offcanvas-body .form-group.select-parents .field-container .form-select option{background-color: var(--bs-white);padding: 8px 10px;margin-bottom: 4px;cursor: pointer;}
#addCategoryPopup .offcanvas-body .form-group.select-parents .field-container .form-select option:checked{background-color: var(--bs-primary);color: var(--bs-white);}
#addCategoryPopup .offcanvas-body .form-group.select-parents .field-container .search-field{padding: 10px 40px 10px 10px;}
#addCategoryPopup .offcanvas-body .form-group.select-parents .field-container .search-field::before, #addCategoryPopup .offcanvas-body .form-group.select-parents .field-container .search-field::after{content: '';display: block;width: 10px;height: 10px;position: absolute;right: 10px;cursor: pointer;}
#addCategoryPopup .offcanvas-body .form-group.select-parents .field-container .search-field::before{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%23838689' class='bi bi-chevron-up' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/%3E%3C/svg%3E") no-repeat center;top: 10px;}
#addCategoryPopup .offcanvas-body .form-group.select-parents .field-container .search-field::after{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%23838689' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E") no-repeat center;bottom: 10px;}
#addCategoryPopup .offcanvas-body .form-group.select-parents .field-container .search-field input{padding: 4px 10px;font-size: 14px;line-height: 16px;}
.repeat-days{min-height: 50px;}
.repeat-days .day label{width: 25px;height: 25px;font-size: 12px;line-height: 25px;text-align: center;color: var(--bs-gray-600);border: 1px solid var(--bs-gray-400);cursor: pointer;transition: all 0.3s ease-in-out;}
.repeat-days .day label:hover{color: var(--bs-dark);border-color: var(--bs-dark);}
.repeat-days .day input[type="checkbox"]:checked + label{background-color: var(--bs-primary);color: var(--bs-white);border-color: var(--bs-primary);}