*{
    padding: 0;
    margin: 0;
}
:root {
    --white: #FFFFFF;
    --black: #1C1C1C;
    --dark_blue: #1A0D70;
    --blue_gradient: linear-gradient(180deg, #07F 0%, #005CC6 100%);
    --red_color: #E20000;
    --grey_color: #777;;
    --blue_color:#4079ED;
    --text_color:#4A4A4A;
    --green_color:#48B64C;
    --yellow_color:#E9B200;
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../fonts/Montserrat/static/Montserrat-Bold.ttf');
}
@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('../fonts/Montserrat/static/Montserrat-SemiBold.ttf');
}
@font-face {
    font-family: 'Montserrat-Medium';
    src: url('../fonts/Montserrat/static/Montserrat-Medium.ttf');
}
@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../fonts/Montserrat/static/Montserrat-Regular.ttf');
}
@font-face {
    font-family: 'Montserrat-Light';
    src: url('../fonts/Montserrat/static/Montserrat-Light.ttf');
}

@font-face {
    font-family: 'Ubuntu-Light';
    src: url('../fonts/Ubuntu/Ubuntu-Light.ttf');
}

@font-face {
    font-family: 'Ubuntu-Regular';
    src: url('../fonts/Ubuntu/Ubuntu-Regular.ttf');
}

@font-face {
    font-family: 'Ubuntu-Medium';
    src: url('../fonts/Ubuntu/Ubuntu-Medium.ttf');
}

@font-face {
    font-family: 'Ubuntu-Bold';
    src: url('../fonts/Ubuntu/Ubuntu-Bold.ttf');
}
@font-face {
    font-family: 'Poppins-Regular';
    src: url('../fonts/Poppins/Poppins-Regular.ttf');
}
@font-face {
    font-family: 'Poppins-Medium';
    src: url('../fonts/Poppins/Poppins-Medium.ttf');
}

h1{font-size: 25px;color: var(--black);font-family: 'Ubuntu-Medium';margin: 0;}
h2{font-size: 24px;color: var(--dark_blue);font-family: 'Ubuntu-Bold';margin: 0;line-height: 32px;}
h3{font-size: 22px;color: var(--black);font-family: 'Ubuntu-Regular';margin: 0;line-height: normal;}
h4{font-size: 18px;color: var(--black);font-family: 'Ubuntu-Bold';margin: 0;line-height: normal;}
h5{font-size: 16px;color: var(--black);font-family: 'Montserrat-Medium';margin: 0;line-height: normal;}
h6{font-size: 14px;color: var(--black);font-family: 'Montserrat-Medium';margin: 0;line-height: normal;}
p{color: #151D48;margin: 0;font-size: 12px;font-family: 'Montserrat-Regular';}

/* Global Css */
.main_wrapper,body {background: var(--white);}
.main_wrapper {display: flex; flex-wrap: wrap;margin-bottom: 20px;}
.main_wrapper .sidebar {width: 267px; height: 100%; min-width: 267px;}
.main_wrapper .page-wrapper {width: calc(100% - 325px);}
body:has(.app_sidebar.toggled) .page-wrapper {width: calc(100% - 140px);}
.main_wrapper .page-wrapper nav {width: 100%;}
.form-group input.form-control:focus-visible {outline:none;}
.form-control:focus,select.form-select:focus,.form-check-input:focus {box-shadow: none;}
button.btn.dropdown-toggle:active,.dropdown ul li:last-child {border: 0;}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {border: 0;color: white;}
.dropdown .btn.dropdown-toggle {padding: 0;border: 0;}
.dropdown .btn.dropdown-toggle:after{display: none;}
.custom_space_between{display:flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap:10px}
.custom_flex{display:flex;align-items: center;gap:10px;}
.custom_row_gap{row-gap:30px;}
.white_box_wrapper {border-radius: 15px; background: var(--white); box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.06); padding: 20px;height:100%;}
.custom_search_box {border-radius: 12px;border: 1px solid #E4E4E4;background: #F9FAFB;padding: 10px 20px;}
.custom_search_box .form-group input.form-control {background: none;border: 0;min-width: 385px;color:#737791;font-family: 'Poppins-Regular';padding: 5px 10px;}
.custom_search_box .form-group {display: flex;align-items: center;}
.custom_search_box .form-group span {font-size: 18px;color: #737791;}
.search_filter_wrapper button.btn.dropdown-toggle.filter_button:after {display: none;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type="date"]::-webkit-calendar-picker-indicator {cursor:pointer;background: url("/website/assets/images/calendar-2.svg") no-repeat;}
.invalid-feedback, .invalid-feedback strong {color: #E20000;font-family: 'Montserrat-Medium';font-size: 12px;}
.form-group:has(.invalid-feedback) .input_icon {bottom: 38%;}
.main_dashboard .custom_search_box {background: transparent;padding: 5px 10px;border-radius: 6px;}
.main_dashboard .custom_search_box span {font-size: 14px;color: #B6B6B6;}

.main_dashboard .info_cards_wrapper { display: flex;gap: 20px;flex-wrap: wrap; }
.main_dashboard .info_cards_wrapper  .user_info_card {background-color: #fff;border: 1px solid #ddd;border-radius: 8px;padding: 20px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);transition: transform 0.3s ease, box-shadow 0.3s ease;}
.main_dashboard .info_cards_wrapper  .users_txt {margin-bottom: 15px;}






button.btn { margin: 0; }
body .btn.blue_btn {background: var(--blue_gradient);}
body .btn.dark_blue_btn {background: var(--dark_blue);}
body .btn.btn_red {background: var(--red_color);padding: 13px 25px;border-radius: 10px;}
body .btn.btn_grey {background: #6C6C6C;padding: 13px 25px;border-radius: 10px;}
body .btn.btn_red_transparent {border: 1px solid var(--red_color);padding: 13px 25px;border-radius: 12px;color: var(--red_color)}
body .btn.btn_blue_transparent {border: 1px solid var(--blue_color);padding: 13px 25px;border-radius: 12px;color: var(--black)}
body .btn.gradient_blue {background: var(--blue_gradient);padding: 13px 25px;border-radius: 10px;}
body .btn {border: 0;border-radius: 8px;padding: 8px 14px;font-size: 12px;color: var(--white);font-family: 'Montserrat-Regular';}
.btn:hover {color: white;}
.btn-check:checked+.btn:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible, .btn:first-child:active:focus-visible, :not(.btn-check)+.btn:active:focus-visible {box-shadow: none;color: white;}
.btn.dark_blue_btn:first-child:active,.btn-check:checked+.btn.dark_blue_btn, .btn.dark_blue_btn.active, .btn.dark_blue_btn.show, .btn.dark_blue_btn:first-child:active, :not(.btn-check)+.btn.dark_blue_btn:active {background: var(--dark_blue);color: white;}
.btn.btn_red:first-child:active,.btn-check:checked+.btn.btn_red, .btn.btn_red.active, .btn.btn_red.show, .btn.btn_red:first-child:active, :not(.btn-check)+.btn.btn_red:active {background: var(--red_color);color: white;}
.btn-check:checked+.btn.btn_blue_transparent, .btn.btn_blue_transparent.active, .btn.btn_blue_transparent.show, .btn.btn_blue_transparent:first-child:active, :not(.btn-check)+.btn.btn_blue_transparent:active {border: 1px solid var(--blue_color);color: var(--black);}

.custom_select select.form-select {border-radius: 8px;padding: 8px 16px;font-size: 12px;color: var(--white);font-family: 'Montserrat-Regular';background: #005CC6;}
.chart_card .custom_select select.form-select {min-width: 100px;background-repeat: no-repeat;background-position: center right;background-image: url("/website/assets/images/arrow-down.svg");background-size: 30% 45%;}
.custom_select select option {background: #005CC6;}

.form-group input.form-control, .form-group select.form-control, .form-group select.form-select, .form-group textarea.form-control { border-radius: 7px; border: 1px solid #C6C6C6; background: var(--white); padding: 10px; font-family: 'Montserrat-Regular'; font-size: 14px; color: var(--black); }
.form-group input.form-control::placeholder,.form-group textarea.form-control::placeholder{color: #D2D2D2;}
.form-group label{color: var(--text_color);font-size: 15px;font-family: 'Ubuntu-Regular';margin-bottom: 5px;}
.form-group input.form-control:disabled {background: #E1E1E1;}
.form-group:has(.input_icon) {position: relative;}

.notification_bar .user_wrapper {overflow: auto;max-height: 450px;}
.notification_bar .user_wrapper::-webkit-scrollbar,.notification_wrapper::-webkit-scrollbar {width: 6px;}
.notification_bar .user_wrapper::-webkit-scrollbar-track,.notification_wrapper::-webkit-scrollbar-track {background: var(--text_color);border-radius: 40px;}
.notification_bar .user_wrapper::-webkit-scrollbar-thumb,.notification_wrapper::-webkit-scrollbar-thumb {background: var(--blue_gradient);border-radius: 40px;}

/* Login Css */
.login_register {height: 100vh;}
.login_register .login_custom_container {height: 100vh;padding: 0;}
.login_register .login_custom_row {align-items: center;height: 100%;margin: 0;}
.login_register .login_box .form-group {margin: 0 0 15px 0;}
/*.login_register .login_box.signup_page .register_wrapper {height: 100%;display: flex;align-items: center;}*/
.forgot_wrapper {display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;}
.login_register .login_box .forgot_wrapper label {margin: 0;}
.login_register .login_box .forgot_wrapper a.forget_btn {color: var(--blue_color);font-size: 17px;font-family: 'Ubuntu-Medium';}
.login_register .login_box .submit_btn {margin: 30px 0;}
.login_register .login_box .submit_btn button {width: 100%;}
.sign_up_account {text-align: center;}
.sign_up_account a.blue_text {color: #1F89F7;text-decoration: underline;text-underline-offset: 5px;font-size: 14px;font-family: 'Montserrat-Medium';}
.form-group .input_icon {position: absolute;right: 15px;bottom: 15%;opacity: 0.5;font-size: 14px;}
.login_register .login_logo {height: 100vh;width: 100%;}
.login_register .login_logo img {height: 100%;width: 100%;object-fit: cover;}
.login_register .form-group input.form-control::placeholder,body .login_register .form-group textarea.form-control::placeholder,body .login_register .form-group select.form-select::placeholder {color: #8f8e8e;}
.login_register .login_custom_column:first-child {padding: 0;}
.login_register .login_box {padding: 0 10px;background-repeat: no-repeat;background-image: url('/website/assets/images/login_back.svg');background-position: center;}
.login_register .login_box h1 {margin-bottom: 20px;}
.form-material .form-control:focus {border-radius: 7px;border: 1px solid #C6C6C6;background: transparent;}
.form-group .input_icon.fa-eye {opacity: 1;color: black;}
.login_register .login_box .login_head h4 {margin-bottom: 10px;}
.login_head a.back_btn {border-radius: 50%;background: var(--blue_gradient);width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;color: white;position: absolute;left: 0;top: -45px;text-decoration: none;}
.login_head .head_txt {margin-bottom: 20px;}
.login_head {position: relative;}

/* Filter Css */
button.filter_button:after {display: none;}
.search_filter_wrapper button.btn.dropdown-toggle.filter_button {display: flex;align-items: baseline;gap: 10px;}
.filter_img {width: 15px;height: 15px;}
.filter_img img {height: 100%;width: 100%;object-fit: cover;}
.filter_dropdown_content {border: 0;padding: 10px;border-radius: 8px;background: white;box-shadow: 2px 0px 30px rgba(0, 0, 0, 0.10);min-width: 15%;}
.filter_head {display: flex;justify-content: space-between;margin-bottom: 10px;align-items: center;}
.filter_head p {font-family: 'Montserrat-Medium';}
.filter_head a {color: var(--green);font-family: 'Montserrat-Medium';font-size: 10px;}
.filter_date_heading, .filter_status_heading {background: var(--blue_gradient);padding: 10px;margin-bottom: 5px}
.filter_date_heading h5, .filter_status_heading h5 {color: var(--white);font-size: 14px;}
.filter_startend_date {display: flex;gap: 5px;margin-bottom: 10px;}
.search_filter_wrapper label {color: var(--text_color);font-family: 'Montserrat-Regular';font-size: 10px;}
.filter_startend_date .form-group .form-control {padding: 10px;border-radius: 0;border: 0.5px solid #D6D6D6;font-size: 12px;font-family: 'Montserrat-Regular';}
.filter_startend_date .form-group label {margin-bottom: 5px;}
.filter_startend_date .form-group {width: 100%;}

/* Table Status Color Css*/
.main_wrapper .page-wrapper .table-responsive table tbody tr td.text_success,.general_info .users_information .users_txt span.text_success{color: var(--green_color);font-family: 'Montserrat-SemiBold';font-size: 11px;text-transform: capitalize}
.main_wrapper .page-wrapper .table-responsive table tbody tr td.text_danger,.general_info .users_information .users_txt span.text_danger{color: var(--red_color);font-family: 'Montserrat-SemiBold';font-size: 11px;text-transform: capitalize}
.main_wrapper .page-wrapper .table-responsive table tbody tr td.text_yellow,.general_info .users_information .users_txt span.text_yellow{color: var(--yellow_color);font-family: 'Montserrat-SemiBold';font-size: 11px;text-transform: capitalize}
.general_info .users_information .users_txt span.text_success,.general_info .users_information .users_txt span.text_yellow,.general_info .users_information .users_txt span.text_danger {font-size: 18px;text-transform: capitalize}

/* Home Page Cards */
.cards_wrapper {display: flex;flex-wrap: wrap;column-gap: 1%;row-gap: 15px;}
.cards_wrapper .custom_card {min-width: 19.2%;}
.cards_wrapper .custom_card .card-body {display: flex;flex-direction: column;height: 100%;justify-content: space-between;gap: 8px;}
.cards_wrapper .custom_card .card_img {background: var(--blue_gradient);width: 40px;height: 40px;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-bottom: 10px;}
.cards_wrapper .custom_card .card_img img {height: 20px;width: 20px;}
.cards_wrapper .custom_card .card-body a {font-size: 12px;font-family: 'Montserrat-Medium';color: var(--blue_color);text-decoration: none;}

/* Table Css */
.main_wrapper .page-wrapper .table-responsive table thead tr th {font-size: 10px;font-family: 'Ubuntu-Regular';color: #000;padding: 15px;background: linear-gradient(180deg, rgba(0, 119, 255, 0.10) 0%, rgba(0, 92, 198, 0.10) 100%);border: 0;}
.main_wrapper .page-wrapper .table-responsive table thead tr th:first-child {border-top-left-radius: 7px;border-bottom-left-radius: 7px;}
.main_wrapper .page-wrapper .table-responsive table thead tr th:last-child {border-top-right-radius: 7px;border-bottom-right-radius: 7px;}
.main_wrapper .page-wrapper .table-responsive table tbody tr td {padding: 13px 15px;border-bottom: 1px solid #E4E4E4;color: var( --text_color);font-size: 13px;font-family: 'Montserrat-Regular';}
.main_wrapper .page-wrapper .table-responsive table tbody tr td button.btn.dropdown-toggle {color: black;font-size: 16px;}
.main_wrapper .table-responsive .dt-search {display: none;}
.main_wrapper .table-responsive table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date {text-align: left;}
.main_wrapper .table-responsive .dt-info{font-family:"Montserrat-Regular";color:var(--black);font-size: 14px;}
.download_invoice {color: #005CC6;font-size: 16px;}

/* Table Navigation Css */
.main_wrapper .page-wrapper .table-responsive nav {gap: 15px;display: flex;align-items: center;}
.main_wrapper .page-wrapper nav button.dt-paging-button.current {border-radius: 3px;background: var(--blue_color);color: var(--white)!important;border: 0;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;}
body .main_wrapper .page-wrapper nav button.dt-paging-button {color: #000!important;text-align: center;font-size: 14px;font-family: 'Montserrat-Regular';margin: 0;padding: 10px;cursor: pointer;}
.main_wrapper .page-wrapper nav button.dt-paging-button.previous,.main_wrapper .page-wrapper nav button.dt-paging-button.next {padding: 0;color: var(--blue_color)!important;font-size: 30px;}
.main_wrapper .page-wrapper nav button.dt-paging-button.current:hover {background: var(--blue_color);border: 0;color: var(--white) !important;}
.main_wrapper .page-wrapper nav button.dt-paging-button:hover {background: transparent;color: #000 !important;border: 0;}
.main_wrapper .page-wrapper nav button.dt-paging-button.last , .main_wrapper .page-wrapper nav button.dt-paging-button.first {display: none;}

/* Home Page Notification */
.user_wrapper .user_name_wrapper {display: flex;padding: 10px;align-items: center;gap: 10px;}
.user_wrapper .user_name_wrapper .user_details_img {display: flex;width: 33px;height: 33px;background: var(--blue_gradient);border-radius: 50%;align-items: center;justify-content: center;color: white;}
.user_wrapper .user_name_wrapper .user_details_img i {font-size: 14px;}
.user_wrapper .user_name_wrapper.active {border-radius: 10px;background: #E6F0FC;}
.user_wrapper .user_name_wrapper p {color: var(--black);font-family: 'Poppins-Regular';}
.user_wrapper .user_name_wrapper .user_name p {line-height: 25px;}
.user_wrapper .user_name_wrapper.active .user_details_img {background: white;color: var(--blue_color);}
.white_box_wrapper h4 {margin-bottom: 15px;}

/* Chart Css */
.chart_container {height: 350px;}
.chart_container canvas {width: 100%!important;height: 100%!important;}
.custom_doughnut_chart .chart_container {width: 350px;margin: auto;}

/* User Info */
.general_info .users_information {display: flex;flex-wrap: wrap;column-gap: 3%;row-gap: 20px;margin-top: 15px;}
.general_info .users_txt {display: flex;flex-direction: column;gap: 10px;}
.users_detail_section .general_info {margin: 30px 0;border-bottom: 1px solid #D3D3D3;padding-bottom: 30px;}
.general_info:not(:last-child) {margin: 30px 0;border-bottom: 1px solid #D3D3D3;padding-bottom: 30px;}
.general_info .users_txt label {font-size: 15px;font-family: 'Ubuntu-Light';color: var(--black);}
.general_info .users_txt span {font-family: 'Montserrat-Medium';font-size: 18px;color: var(--black);}
.booking_details .service_detail .users_information {flex-direction: column;}
.booking_details .service_detail .users_information .additional_info label {font-family:'Montserrat-Light';font-size: 18px;}
.additional_info h5 {font-family: 'Ubuntu-Medium';}
.additional_info .users_txt {margin-top: 10px;}
.search_filter_wrapper .btn.gradient_blue {display: flex;gap: 10px;padding: 8px 14px;}
.invoice_img {height: 60px;width: 45px;}
.invoice_img img {height: 100%;width: 100%;object-fit: cover;}
.payment_invoice {margin-top: 20px;}

/* Create Discount */
.create_discount .forms_content {margin-top: 20px;}
.create_discount .forms_content .custom_row_gap {row-gap: 15px;}
.create_discount .forms_content .form_submit_btn {margin-top: 25px;display: flex;align-items: center;gap: 20px;flex-wrap: wrap}
.form_submit_btn button {min-width: 200px;}

/* Select 2 Css */
.custom_multi_select .select2-container .selection .select2-selection {border-radius: 7px;border: 1px solid #C6C6C6;background: var(--white);padding: 10px;font-size: 13px;font-family: 'Montserrat-Regular';}
.select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice {margin: 0;color: var(--black);font-size: 13px;font-family: 'MONTSERRAT-REGULAR';border: 0;background: rgba(0, 92, 198, 0.15);border-radius: 50px;padding: 5px 20px 5px 10px;}
.custom_multi_select .select2-container {width: 100%!important;}
.custom_multi_select .select2-container .select2-search--inline .select2-search__field{margin:0}
.custom_multi_select .select2-container .selection .select2-selection ul.select2-selection__rendered {margin: 0;display: flex;align-items: center;flex-wrap: wrap;gap: 10px;}
.select2-container.select2-container--default .select2-dropdown {border-radius: 6px;}
.select2-container.select2-container--default .select2-results__option--selectable {padding: 10px;font-family: 'Montserrat-Medium';font-size: 14px;}
.select2-container--open {z-index: 9999;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {border: 0;padding: 0;font-size: 20px;right: 8px;left: unset;}
.select2-container--default .select2-selection--multiple .select2-selection__clear {font-size: 20px;top: 0;margin: 0;right: 5px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {background: transparent;}

.create_discount .forms_content select.form-select,.custom_multi_select .select2-container .selection .select2-selection {background-image: url("/website/assets/images/arrow-caret-down.svg");background-repeat: no-repeat;background-position: right center;background-size: 5% 50%;cursor: pointer;}
.custom_multi_select .select2-container .selection .select2-selection:has(li) {background-size: 5% 30%;}

/* Dropdown Css */
.dropdown-menu {background: #FFF;padding: 15px;box-shadow: 0px 6px 40px 0px rgba(0, 0, 0, 0.15);border-radius: 15px;}
.dropdown-menu a.dropdown-item {padding: 0;color: var(--text_color);font-family: 'Poppins-Medium';font-size: 14px;}
.dropdown-menu li:not(:last-child) a.dropdown-item {margin-bottom: 10px;}
.dropdown-item:focus, .dropdown-item:hover {background: #E6F0FC;border-radius: 4px;}

/* Upload Image Css */
.upload_image_container {border-radius: 16px;border: 1px solid #C6C6C6;background: #FFF;padding: 10px 20px;position: relative;height: 125px;}
.upload_image_container .upload_image_icon {display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%;gap: 12px;}
.upload_image_container label.upload_file_icon {position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: 0;padding: 0;}
.image_input {height: 100%;width: 100%;margin: auto;text-align: center;}
.upload_image_container .upload_image_icon .icon_img {height: 32px;width: 32px;}
.upload_image_container .upload_image_icon .icon_img img {height: 100%;width: 100%;object-fit: cover;}
.upload_image_container .upload_image_icon h6 {font-family: 'Montserrat-Regular';color: var(--text_color);}
.upload_image_container span.cross_file_icon {color: white;padding: 0;border-radius: 50%;background: var(--red_color);width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;position: absolute;top: 0;right: 0;}
.image_input img.uploaded_img {height: 100%;width:100%;object-fit: cover;border-radius: 16px;}
.upload_image_container.blog_image {width: 255px;}

/* Modal Css */
.modal .modal-dialog.modal-dialog-centered {max-width: 32%;}
.modal-content {border-radius: 15px;background: #FFF;box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.06);padding: 20px;}
.modal-header {padding: 0;border: 0;}
.modal-body {padding: 0;margin: 25px 0 35px 0;}
.modal-body .form-group:not(:last-child) {margin-bottom: 15px;}
.modal-footer {padding: 0;border: 0;justify-content: start;gap: 10px;}
.modal-footer button {min-width: 136px;}
.modal-header .btn-close {padding: 0;font-size: 14px;opacity: 1;}

/* Summer Note Css */
.note-editor .note-toolbar>.note-btn-group.note-view button.btn-fullscreen {display: none;}
.blog_description .note-editor {border-radius: 7px;border: 1px solid #C6C6C6;background: #FFF;padding: 10px;}
.blog_description .note-editor .note-toolbar {padding: 0;background: transparent;border: 0;display: flex;gap: 10px;align-items: center;flex-wrap: wrap}
.blog_description .note-editor .note-toolbar .note-btn-group {margin: 0;}
.blog_description .note-editor.note-frame .note-statusbar {background: transparent;border: 0;}
.blog_description .note-editor .note-toolbar .note-btn-group button.note-btn {border: 0;padding: 10px;font-size: 16px;}
.blog_description .note-editor .note-icon-undo:before {content: '\f2ea';font-family: 'FontAwesome';}
.blog_description .note-editor .note-icon-redo:before {content: '\f2f9';font-family: 'FontAwesome';}
.blog_description .note-editor .note-toolbar .note-btn-group .dropdown-toggle::after {display: none;}

/* Services Management */
.custom_tabs_content .nav-tabs {gap: 10px;border: 0;margin: 30px 0;}
.custom_tabs_content .nav-tabs button.nav-link {border-radius: 8px;border: 1px solid #07F;padding: 10px 20px;color: #005CC6;font-size: 11px;font-family: 'Montserrat-Regular';}
.custom_tabs_content .nav-tabs button.nav-link.active {background: var(--blue_gradient);color: white;}
.edit_btn button.edit_services {display: flex;align-items: baseline;gap: 10px;}
.details_listing {margin-top: 20px;}
.tabs_details .white_box_wrapper {border-radius: 10px;border: 1px solid #D7D7D7;}
.details_listing .cards_wrapper {margin-top: 15px;display: block;}
.additional_details h5 {margin-bottom: 15px;}
.details_listing .cards_wrapper .custom_card .card_img {width: 100%;height: 215px;border-radius: 10px;background: transparent;display: block;}
.details_listing .cards_wrapper .custom_card .card_img img {height: 100%;width: 100%;object-fit: cover;border-radius: 10px;}
.details_listing .cards_wrapper .row {row-gap: 15px;}
.additional_details .details_txt h4 {font-family: 'Montserrat-SemiBold';font-size: 14px;}
.custom_range_selectBox select.form-select {border-radius: 7px;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);padding: 11px 35px 11px 20px;font-size: 14px;font-family: 'Montserrat-Medium';}
.details_listing .row {row-gap: 20px;}
.additional_details .custom_select select.form-select {background-color: transparent;border-radius: 10px;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);color: #AEAEAE;font-size: 16px;margin-top: 13px;background-repeat: no-repeat;background-position: center right;background-image: url("/website/assets/images/chevron-down.svg");background-size: 3% 20%;}
.additional_details .custom_text_desc {margin-top: 20px;}
.details_listing label {font-family: 'Montserrat-Regular';color: #1C1C1C;}
.additional_details .custom_text_desc span {border-radius: 10px;background: #FFF;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);padding: 10px 15px;height: 135px;display: block;margin-top: 10px;    font-family: 'Montserrat-Regular';color: #AEAEAE;}
.additional_details .custom_select select.form-select option {background: white;}

/* Edit Service Management */
.edit_cards .edit_card_body .form-group:not(:first-child) {margin-top: 15px;}
.edit_cards h5 {margin-bottom: 15px;}
.edit_cards .edit_card_body .form-group input.form-control {box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.10);border-radius: 5px;border: 0;}
.edit_cards .edit_card_body .add_price_range {display: flex;justify-content: space-between;align-items: center;gap: 10px;margin-top: 15px;}
.edit_cards .edit_card_body .add_price_range .select_range {display: flex;align-items: center;gap: 10px;}
.edit_cards .edit_card_body .add_price_range .form-group {width: 100%;margin: 0;}
.edit_cards .edit_card_body .form-group p {border-radius: 5px;background: #FFF;box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.10);padding: 10px;width: 100%;}
.edit_cards .edit_card_body .form-group textarea.form-control {box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);border: 0;margin-top: 15px;}
.custom_radio_button {display: flex;align-items: center;gap: 10px;}
.custom_radio_button .form-check {border-radius: 5px;background: #FFF;box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.10);padding: 10px;margin: 0;min-width: 145px;text-align: center;display: flex;align-items: center;justify-content: center;gap: 10px;}
.custom_radio_button .form-check label {margin: 0;}
.custom_radio_button .form-check input {margin: 0;float: unset;}
.custom_tabs_content .form_submit_btn {margin-top: 45px;display: flex;align-items: center;gap: 20px;}
.custom_tabs_content .form_submit_btn button {min-width: 200px;}
.range_selection label {margin-bottom: 5px;}
.edit_cards .edit_img .upload_image_container.blog_image {width: 100%;border: 0;padding: 0;height: 215px;}
.edit_cards .edit_img .upload_image_container.blog_image img.uploaded_img {object-fit: cover;width: 100%;}
.hover_txt {display: none;}
.hover_txt span {border-radius: 5px;background: #FFF;box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.10);padding: 10px;color: #1C1C1C;font-size: 10px;font-family: 'Montserrat-Regular';}
.edit_cards .edit_img .upload_image_container.blog_image:hover .hover_txt {display:block;position: absolute;top: 45%;left: 0;right: 0;bottom: 0;}

/* Service Smart Home Tabs*/
.home_installation_tabs .custom_multi_select .select2-container .selection .select2-selection {box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.10);border: 0;}
.home_installation_tabs h3 {font-family: 'Ubuntu-Medium';}
.home_installation_tabs .nav-tabs {gap: 20px;}
.home_installation_tabs .nav-tabs button.nav-link {border: 0;font-family: Ubuntu-Light;font-size: 16px;color: var(--black);}
.home_installation_tabs .nav-tabs button.nav-link.active {font-family: 'Ubuntu-Medium';color: var(--black);background: transparent;border-bottom: 1px solid #005CC6;);border-radius: 0;}

/* CMS */
.content_management .advertisement_cms{display: flex;justify-content: space-between;}
.content_management .advertisement_cms  .form-switch  input{width: 45px;height:25px}
.content_management .custom_tabs_content {margin-top: 40px;}
.content_management .custom_tabs_content .nav-pills {gap: 15px;}
.content_management .custom_tabs_content .nav-pills .nav-link {border-radius: 8px;border: 1px solid #C5C5C5;);background: #E4E4E7;);box-shadow: -4.573px 4.573px 12.804px 0px rgba(0, 0, 0, 0.05);padding: 13px 22px;font-size: 14px;font-family: 'Poppins-Regular';color: #6C6C6C;}
.content_management .custom_tabs_content .nav-pills .nav-link.active {background: var(--blue_gradient);color: white;border: 0;}
.content_management .cms_section {margin-top: 30px;border: 1px solid #E4E4E7;}
.content_management .cms_section h3 {font-family: 'Montserrat-Bold';margin-bottom: 30px;}
.content_management .cms_section .custom_row {row-gap: 20px;}
.content_management .cms_section .form-group label, .content_management .sub_sections h5 {font-family: 'Montserrat-SemiBold';font-size: 16px;margin-bottom: 10px;}
.content_management .cms_section .upload_image_container {height: 150px;width: 150px;padding: 0;}
.content_management .cms_section .upload_image_container img.uploaded_img {width: 100%;object-fit: cover;}
.content_management .sub_sections {margin-top: 20px;}
.content_management .sub_sections .cms_section {margin: 0;}
.content_management .sub_sections .add_tags_btn {margin: 20px 0;text-align: right;}
.content_management .sub_sections .appended_tags {display: flex;flex-wrap: wrap;gap: 15px;align-items: center;border-radius: 7px;border: 1px solid #C6C6C6;background: #FFF;padding: 10px;}
.content_management .sub_sections .appended_tags .posted_tags {border-radius: 50px;background: rgba(0, 92, 198, 0.15);padding: 10px;display: flex;align-items: center;gap: 10px;}
.content_management .sub_sections .appended_tags .posted_tags a.delete_tag {font-size: 12px;color: var(--blue_color);}
.content_management .cms_section .custom_profile_upload.multi_profile_images {display: flex;align-items: center;flex-wrap: wrap;gap: 30px;}
.content_management .upload_btn {margin-top: 30px;display: flex;align-items: center;gap: 20px;flex-wrap: wrap;}
.content_management .upload_btn .btn {min-width: 200px;}
.content_management .cms_section .upload_image_container span.edit_img,.content_management .cms_section .upload_image_container span.cross_file_icon {border-radius: 50%;background: #C5C5C5;width: 26px;height: 26px;display: flex;align-items: center;justify-content: center;color: #E4E4E7;font-size: 10px;position: absolute;right: 5px;top: 5px;}

/* Profile Setting */
.profile_details img.uploaded_img {width: 100%;object-fit: cover;}

/* Notification */
.navbar_notification {margin-top: 5px;border-radius: 5px;background: #f1f1f154;backdrop-filter: blur(7.5px);padding: 15px 10px;display: flex;justify-content: space-between;align-items: center;}
.navbar_notification .user_text h4 {color: var(--text_color);font-family: 'Montserrat-SemiBold';}
.navbar_notification .status_time i {color: var(--blue_color);font-size: 14px;}
.navbar_notification .notification_section h3 {margin-bottom: 10px;}
.custom_notification .dropdown-menu.notification_dropdown {left: unset!important;min-width: 900px;background: white;padding: 20px;top: 25px!important;box-shadow: 0px 6px 40px 0px rgba(0, 0, 0, 0.15);border-radius: 15px;}
.notification_wrapper {overflow: auto;max-height: 600px;padding-right: 10px;}
.view_all a:after {content: "\f078";font-family: 'FontAwesome';color: var(--grey_color);font-size: 10px;}
.view_all {text-align: center;margin-top: 10px;}
.view_all a {color: var(--grey_color);font-family: 'Montserrat-SemiBold';text-decoration: none;}
.view_all a h4 {color: var(--grey_color);font-family: 'Montserrat-SemiBold';}
.user_profile_img .user_profile {width: 70px;height: 70px;}
.user_profile_img .user_profile img {height: 100%;width: 100%;object-fit: cover;}


.form-group input.label_input_text.txt_field_edit{box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.10);border-radius: 5px;border: 0;padding: 10px}
.form-group input.label_input_text{border:none;color:#1C1C1C;font-family:'Montserrat-Regular'}
.form-group input.label_input_text:focus{outline:none !important}
/* Loader Css */
.loader {width: 100px;height: 100px;border: 4px dotted #2C3146;border-style: solid solid dotted dotted;border-radius: 50%;animation: rotation 2s linear infinite;position: relative;}
.loader::after {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;border: 4px dotted #4079ED;;border-style: solid solid dotted dotted;width: 70px;height: 70px;border-radius: 50%;animation: rotationBack 1s linear infinite;}
.loader_img {position: absolute;top: 50.2%;left: 50.1%;transform: translate(-50%, -50%);z-index: 2;width: 40px;height: 40px;}
.loader_img img {width: 100%;height: 100%;object-fit: contain;}
#loading {width: 100%;height: 100%;position: fixed;z-index: 9999;background: rgba(255, 255, 255);display: flex;justify-content: center;align-items: center;top:0;}
@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotationBack {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}

@media only screen and (max-width: 1366px) {
    .custom_doughnut_chart .chart_container {
        width: 300px;height: 300px;
    }
}

/*login   */
.hero_section_right{position: relative;}
 .hero_section_left p{margin:20px 0px 30px 0px;font-size: 16px;font-family: 'Montserrat-Medium';line-height: 30px;color:var(--black);}
 .hero_section_right {position: relative;display: flex;justify-content: center;align-items: center;min-height: 520px;overflow: hidden;}
 .hero_section_right  .decorative-dots {position: absolute;width: 100%;height: 100%;z-index: 1;}
 .hero_section_right  .dot {position: absolute;background-color: #2563eb;border-radius: 50%;  animation: dots_animation 2s infinite ease-in-out;}
 .hero_section_right  .dot1 {width: 41px;height: 41px;top: 9%;right: 22%;   animation-delay: 0s;}
 .hero_section_right .dot2 {width: 16px;height: 16px;top: 20%;left: 30%;  animation-delay: 0.5s;}
 .hero_section_right  .dot3 {width: 8px;height: 8px;bottom: 47%;left: 5%;  animation-delay: 1s;}
 .hero_section_right .dot4 {width: 8px;height: 8px;bottom: 21%;right: 5%;  animation-delay: 1.5s;}
 .hero_section_right .circle-bg {position: relative;z-index: 2;display: flex;justify-content: center;align-items: center;}
 .hero_section_right .circle-bg::after {content: "";background: linear-gradient(135deg, #93c5fd, #bfdbfe);width: 500px;height: 500px;display: block;position: absolute;border-radius: 50%;z-index: -1;bottom: -55%;left: 50%;transform: translate(-50%, -50%);overflow: hidden;}
 .hero_section_right .worker-figure {height: 520px;position: relative;z-index: 3;display: flex;justify-content: center;align-items: center;}
 .hero_section_right .worker-figure img {width: 100%;height: 100%;object-fit: cover;object-position: center;}
/*Calendar Css*/
.calendar{padding-bottom:120px }
.calendar .slot-form-group {display:flex;align-items:center;}
.calendar .slot-form-group .row{width:100%}
.calendar  .slot-form-group label{color: #1A0D70;font-family: 'Montserrat-Bold';width:90px}
.calendar .secondary-slots-info {display:flex;flex-direction:column;gap:24px;height:100%}
.calendar .slot-text.slot-unavailable{border:1px solid red}
.calendar .slot-container {border-radius: 15px;background: var(--white);box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.06);padding:20px 15px}
.calendar .slot-container h4 span{font-size:20px;color:var(--black);font-family: 'Ubuntu-Regular';letter-spacing: 0.6px;line-height:normal;margin-left: 5px}
.calendar .slot-grid {;overflow: hidden;border-radius: 10px;background: var(--white);}
.calendar .time-header {background-color: var(--white);padding: 20px 10px;text-align: center;border-bottom: 1px solid #D4D4D4;border-right: 1px solid #D4D4D4;font-size: 14px;  font-family: 'Montserrat-Regular';}
.calendar .day-cell {background: var(--white);padding: 14px;border-right: 1px solid #D4D4D4;width: 185px;font-family: 'Ubuntu-Regular';font-size:25px;color:var(--black);letter-spacing: 0.75px;line-height: normal;border-bottom: 1px solid #D4D4D4}
.calendar .day-date {font-size: 18px;color: var(--black);font-weight: normal;font-family: 'Montserrat-Regular';letter-spacing: 0.54px;line-height: normal;margin-top: 10px;}
.calendar  .slot-cell {padding: 0px 8px;border-right: 1px solid #D4D4D4;border-bottom: 1px solid #D4D4D4;height: 90px;position: relative;cursor: pointer;transition: all 0.2s;display: flex;align-items: center;background: white}
.calendar .slot-available {background-color: #F8F8F8;}
.calendar  .slot-primary {background: var(--linear);color: var(--white);}
.calendar .slot-secondary {background:#87BFFF ;color: var(--white);}
.calendar .slot-unavailable {background-color: #e0e0e0;color: #757575;cursor: not-allowed;}
.calendar .slot-cell:has(.slot-unavailable) {cursor: not-allowed;}
.calendar .slot-cell:has(.slot-unavailable):hover {transform: none;box-shadow: none;}
.calendar .slot-text {font-size: 15px;font-family: 'Montserrat-Regular';text-align: center;padding: 8px;border-radius: 4px;display: flex;height:45%;width:100%;align-items: center;justify-content: center;line-height: normal;}
.calendar .user-avatar {width: 24px;height: 24px;border-radius: 50%;position: absolute;top: 5px;right: 5px;border: 2px solid white;}
.calendar .primary-slot-info {height:100%;border-radius: 10px;background: linear-gradient(181deg, #07F -1066.5%, #FFF 99.37%);box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);color: var(--white);padding: 20px;margin-top: 30px;}
.calendar .currentMonth{font-size:20px;font-family:'Ubuntu-Medium';min-width: 155px;text-align: center}
.calendar .slot-container h4{text-align:center;margin:auto;font-size:20px;color:var(--black)}
.calendar .slots_details h4 span {font-family: 'Ubuntu-Regular';font-size:12px}
.calendar .slots_details {font-size: 14px;color: var(--black);font-family: 'Montserrat-Regular';letter-spacing: 0.6px;}
.calendar .slots_details strong{color: #1A0D70;font-family: 'Montserrat-Bold';}
.calendar .primary-slot-info .selected_slots{display: flex;flex-direction: column;gap:30px}
.calendar .primary-slot-info h4, .secondary-slots-info h4{  font-family: 'Ubuntu-Regular';font-size: 20px;color:var(--black)}
.calendar .secondary-slots-info {background-color: #f8f9fa;border-radius: 10px;padding: 20px;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);margin-top: 30px;}
.calendar .secondary-slots-info:has(.slot-item) {display:flex;flex-direction:column;gap:20px}
.calendar .slot-item p {font-size: 14px;font-family: 'Montserrat-Regular';letter-spacing: 0.6px;line-height: normal;color: var(--black);}
.calendar .slot-item p span  {font-family: 'Montserrat-SemiBold';;margin-right: 10px;color:#1A0D70;}
.calendar .slot-item:last-child {border-bottom: none;}
.calendar .grid-container {display: grid;grid-template-columns: 185px repeat(6, 1fr);grid-template-rows: auto;}
.calendar .row-container {display: contents;}
.calendar .button_wrapper {margin-top:100px;display:flex;justify-content:space-between;align-items:center}
.calendar  .slot-available{color:#DBDBDB;}
.schedule_management_calendar.calendar .slot-grid{overflow: scroll}
.services_pictures {height: 200px;width: 200px;margin-top: 20px;}
.services_pictures img {height: 100%;width: 100%;object-fit: cover;}
.tox .tox-promotion{display: none}

.cke_notification {
    display: none !important;
}



/* Admin Responsive*/
@media only screen and (max-width: 1200px) {
    .cards_wrapper .custom_card{min-width: 25%}
    .calendar .day-cell {font-size: 14px;width: 160px}
    .calendar .day-date {font-size:15px}
    .calendar .day_name{font-size: 20px}
    .calendar .grid-container {grid-template-columns: 160px repeat(6, 1fr)}
    .calendar .primary-slot-info .selected_slots {gap:20px}
    .calendar .secondary-slots-info {gap:18px}
    }

@media only screen and (max-width: 1024px) {
    .main_wrapper .page-wrapper .table-responsive nav{gap:0px}
    .main_wrapper .page-wrapper .table-responsive table tbody tr td{font-size: 12px}
    .main_wrapper .table-responsive .dt-info{font-size: 12px}
    .cards_wrapper .custom_card {min-width: 30%}
    .cards_wrapper{column-gap: 15px}
    .calendar .grid-container{grid-template-columns: 105px repeat(6, 1fr);}
    .calendar .day-cell{width: 105px;padding: 10px;}
    .calendar .day_name {font-size: 18px}
    .calendar .day-date {font-size: 13px}
    .calendar .slot-text {height: 75%;font-size: 12px}
    .calendar .slot-cell{height:70px}
    .calendar .secondary-slots-info{margin-top: 0px}
    .calendar .primary-slot-info{margin-top: 0px}
    .calendar-header .btn.gradient_blue{font-size:12px;padding:12px}
}

@media only screen and (max-width: 991px) {
    .custom_doughnut_chart .chart_container{width: 250px;height: 250px}
    .chart_container {height: 280px}
    .custom_row_gap{row-gap: 20px}
    body:has(.app_sidebar.toggled) .page-wrapper{overflow: hidden}
    .general_info .users_txt span {font-size: 15px}
    .main_dashboard .custom_search_box {width: 250px}
    .general_info .users_information .users_txt span.text_success,.general_info .users_information .users_txt span.text_yellow,.general_info .users_information .users_txt span.text_danger {font-size: 15px;}
    .calendar .time-header {font-size: 10px;padding: 10px;text-align: start}
    .calendar .day-cell{font-size: 20px;letter-spacing: normal}
    .calendar .day-date {font-size: 14px;margin-top: 5px;}
    .calendar .slot-text{font-size:12px}
    .calendar .day_name {font-size: 16px}
    .calendar .slot-container h4{font-size: 18px}
    .calendar .slot-form-group select{font-size: 12px}
    .calendar .button_wrapper {margin-top: 40px}
    .calendar{padding-bottom: 50px}
    .app_sidebar ul.sidebar_menus:not(.logout_button){height: 350px}
}
@media only screen and (max-width: 800px) {
    .calendar .slot-text {font-size: 8px}
    .calendar .slot-cell{height: 50px}
    .calendar .day_name {font-size: 14px}
    .calendar .grid-container {grid-template-columns: 85px repeat(6,1fr)}
    .calendar .day-cell {width: 85px}
    .calendar .slot-container .row{row-gap: 10px}
    .calendar .primary-slot-info .selected_slots{gap: 15px}
    .calendar .secondary-slots-info {gap:15px}
    .calendar .calendar_heading  h4, .calendar .calendar_heading  h4 span{font-size:18px }
    .calendar .calendar_heading {margin-bottom:5px !important}
    .calendar .currentMonth {font-size:18px}
    .calendar .day-date{font-size: 10px;margin-top: 0px}
}
@media only screen and (max-width: 767px) {
    .custom_row_gap{row-gap: 15px}
    h1{font-size: 22px}
    h2{font-size: 20px}
    h3{font-size: 18px}
    h4{font-size: 16px}
    h5{font-size: 13px}
    h6{font-size: 12px}
    body .btn.gradient_blue, body .btn.btn_blue_transparent {padding: 10px}
    .content_management .custom_tabs_content .nav-pills .nav-link {padding: 10px 15px;font-size: 12px}
    .app_sidebar ul.sidebar_menus li {padding: 0px}
    .content_management .custom_tabs_content{margin-top: 20px}
    .content_management .cms_section .form-group label, .content_management .sub_sections h5{font-size: 14px}
    .editZipModal.modal .modal-dialog.modal-dialog-centered {max-width: 50%;margin: auto;}
    .modal-content{padding: 15px;border-radius: 10px}
    .content_management .cms_section h3 {margin-bottom: 20px}
    .content_management .cms_section {margin-top: 15px;}
    .form-group input.form-control, .form-group select.form-control, .form-group select.form-select, .form-group textarea.form-control{font-size: 12px;padding:7px}
    /*.additional_details .details_body p:first-child{font-size:22px !important}*/
    .search_filter_wrapper.custom_flex{flex-wrap: wrap}
    .custom_search_box .form-group input.form-control {padding: 0px 10px}
    .main_wrapper .page-wrapper .table-responsive table thead tr th{padding: 12px}
    .main_wrapper .page-wrapper .table-responsive table tbody tr td {font-size: 10px}
    .custom_navbar .navbar_header {margin: 10px 0px;padding: 15px}
    .white_box_wrapper {padding: 15px}
    aside.app_sidebar.toggled .mini_site_logo {width: 45px;height: 45px}
    aside.app_sidebar.toggled ul.sidebar_menus li a.menu_link {padding: 5px 20px}
    body:has(.app_sidebar.toggled) .sidebar_toggle {top:75px}
    .sidebar_toggle a {width: 30px;height: 30px}
    .sidebar_toggle a i {font-size: 16px}
    .main_dashboard .col-md-12{padding: 0}
    .cards_wrapper .custom_card .card_img {width: 30px;height: 30px}
    .cards_wrapper .custom_card .card_img img{width: 15px;height: 15px}
    .cards_wrapper .custom_card .card-body {gap: 0px}
    .cards_wrapper .custom_card h5{font-size: 13px}
    .cards_wrapper .custom_card h2{font-size: 20px}
    .custom_navbar .top_navbar ul.navbar_nav {width: 100%;justify-content: space-between}
    .page-wrapper{padding-left: 15px;padding-right: 15px;}
    aside.app_sidebar.toggled ul.sidebar_menus li a.menu_link{gap:10px}
    body .btn.btn_red{padding: 10px}
    .calendar .button_wrapper .btn{padding:10px;font-size:10px}
    .white_box_wrapper.create_discount{padding: 30px}
}
@media only screen and (max-width: 600px) {
    .users_detail_section .general_info{margin: 15px 0px}
    .cards_wrapper .custom_card {min-width: 46%}
    .chart_card .custom_select select.form-select{padding: 6px 10px;font-size: 10px}
    .chart_container{height: 250px}
    .form-group label {font-size: 13px}
    .general_info .users_txt span{font-size: 14px}
    .invoice_img{height: 48px;width: 40px}
    .content_management .advertisement_cms .form-switch input {width: 30px;height: 15px}
    .content_management .cms_section .custom_row {row-gap: 12px}
    .general_info .users_txt label{font-size: 13px;}
    .main_wrapper .page-wrapper .table-responsive table tbody tr td .btn{padding: 5px 8px}
    .home_installation_tabs .nav-tabs {gap: 10px}
    .main_wrapper .page-wrapper .table-responsive table tbody tr td {padding: 10px}
    .white_box_wrapper h4{margin-bottom: 0px}
    .main_wrapper .page-wrapper .table-responsive table thead tr th:first-child{padding: 10px}
    .container-fluid{padding: 0px 10px 10px}
    .content_management .custom_tabs_content .nav-pills {gap: 9px}
    body .main_wrapper .page-wrapper nav button.dt-paging-button {font-size: 12px}
    .custom_navbar .profile_detail .user_profile {width: 35px;height: 35px}
    .custom_navbar li.nav-item.dropdown.profile_setting_dropdown button {align-items: center}
    .custom_navbar li.nav-item.custom_notification button {width: 22px;height: 22px}
    span.notification_number {top: 2px}
    .custom_range_selectBox select.form-select {font-size: 12px;padding: 10px 40px 10px 10px}
    .app_sidebar {margin: 10px 10px 0px 10px}
    .editZipModal.modal .modal-dialog.modal-dialog-centered{max-width: 65%}
    .calendar .slot-text {height: 62%}
    .calendar .calendar_heading  h4, .calendar .calendar_heading  h4 span{font-size:15px }
    .calendar .calendar_heading {margin-bottom:5px !important}
    .calendar .currentMonth {font-size:15px}
    .content_management .upload_btn .btn {font-size: 10px;min-width: 100%;}
    }
@media only screen and (max-width: 480px) {
    .calendar .day-cell {width: 72px}
    .calendar .slot-grid{overflow-x: scroll}
    .calendar .grid-container {grid-template-columns: 72px repeat(6,1fr)}
    .calendar .slot-text {height: 100%;border-radius: 0px}
    .calendar .slot-cell{padding: 0px}
    h3{font-size: 16px}
    .create_discount .forms_content .form_submit_btn {row-gap: 10px;}
    

    }
@media only screen and (max-width: 425px) {
    .cards_wrapper{column-gap:10px;row-gap: 10px}
    h4{font-size: 16px}
    .calendar .currentMonth{min-width: unset}
    .calendar .calendar_heading  h4, .calendar .calendar_heading  h4 span{font-size:13px;text-align: start}
    .calendar .calendar_heading {margin-bottom:5px !important}
    .calendar .currentMonth {font-size:13px}
}
@media only screen and (max-width: 375px) {
    .cards_wrapper .custom_card {min-width: 100%}
    .custom_doughnut_chart .chart_container {width: 200px;height: 200px}
    }