:root{
    --white:#fff;
    --primaryDefault:#333;
    --text-bold:600;
    --box-shadow:rgba(9, 30, 66, 0.25) 0px 4px 8px -2px,rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
    --headingFont:'Roboto Slab', serif;
    --primarycolor:#f95d23;
    --primarycolor-rgb:249 93 35;
    --bs-card-bg: #0b0f19;
}
b, strong {
    font-weight: 500;
}
body{color:var(--primaryDefault);font-family:'Roboto',system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5;}
a{text-decoration: none; }
a:hover{color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration: underline;}
.page_body.sign_in_page{background-color: #393939;  min-height: 100vh; display: flex; flex-direction: column; position: relative; background-image: url(../img/world-map.png); background-position: center center; background-size: cover; background-repeat: no-repeat;}
/* opacity: 0.6; */
.page_body.sign_in_page .page_bodyContent { display: flex; align-items: center;flex: 1 1 auto; position: relative; z-index: 1;}
.page_body.sign_in_page .xpress_center-footer {width: 100%;background: #393939; padding: 10px 0; font-size: 14px; color: var(--white);}

.sign_in_page_box, .ss_small_page_box { border-radius: 4px;--bs-card-bg: var(--bs-body-bg); background: var(--bs-card-bg); padding: 30px; box-shadow: var(--box-shadow); margin: 0 auto; max-width: 520px; margin-bottom: 20px; }

.sign_in_page_box h1, .ss_small_page_box h1  { font-weight: 600; text-align: left; font-size: 22px; margin-bottom: 15px; }
.page_body.sign_in_page .header-logo { margin-bottom: 40px; padding-top: 15px; }
.sign_in_page_box .form-group, .ss_small_page_box .form-group { margin-bottom: 15px; }

.or-separator{margin-top:20px;text-align:center;text-transform:uppercase;position:relative;margin-bottom:15px}
.or-separator::after{content:"";position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;height:.5px;background-color:#ccc}
.or-separator span{background:#fff;position:relative;padding:0 8px;z-index:1}
.Login_with_social_text { font-size: 15px; font-weight: 500; }

.social_media_btn .btn { display: inline-flex; align-items: center; justify-content: center; ; text-align: center; }
.social_media_btn .btn .social_icon { display: inline-block; vertical-align: middle; margin-right: 8px; color: var(--teal); }

.password-input-group .form-floating{flex:1 0}
.password-input-group .form-floating .form-control{border-radius:.25rem 0 0 .25rem}
.password-input-group .Password_btn{padding:10px;background:0 0;outline:0;box-shadow:none;border-left:0;border:1px solid #ced4da;border-radius:0 .25rem .25rem 0;width:40px}
.password-input-group .Password_btn:focus-visible{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}

.form-group.remember_me_box{ font-size: 16px;}

.btn{text-decoration: none;}
.btn:hover,.dropdown-item:hover{text-decoration: none!important;}
.btn-link{text-decoration: none;}
/*.btn-light{--bs-btn-bg:#e5e5e5}
.btn-primary{--bs-btn-bg:#f95d23;--bs-btn-border-color:#f95d23;--bs-btn-hover-border-color:#c94514;--bs-btn-active-border-color:#c94514;--bs-btn-active-bg:#c94514;--bs-btn-hover-bg:#c94514;}*/
.btn-group-lg > .btn, .btn-lg{--bs-btn-padding-y:0.5rem;--bs-btn-padding-x:1.2rem;--bs-btn-font-size: 1.1rem;}

[data-bs-theme=light] .form-control{--bs-border-color:#ced4da}
.form-floating>.form-control-plaintext~label::after, .form-floating>.form-control:focus~label::after, .form-floating>.form-control:not(:placeholder-shown)~label::after, .form-floating>.form-select~label::after{ display: none;}
/*.form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select{    height: calc(3rem + calc(var(--bs-border-width) * 2)); min-height: calc(3rem + calc(var(--bs-border-width) * 2));}*/

.form-floating>.form-control-plaintext:focus, .form-floating>.form-control-plaintext:not(:placeholder-shown), .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown){padding-top: 1.5rem;}
.form-floating>label{ padding: 0.8rem .75rem;}


.custom_fa{ width: 18px; height: 18px; display: block; background-size: 18px; background-repeat: no-repeat; background-position: center center;}
.custom_fa.fa-eye{ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="16" width="18" viewBox="0 0 576 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path opacity="1" fill="%231E3050" d="M288 144a110.9 110.9 0 0 0 -31.2 5 55.4 55.4 0 0 1 7.2 27 56 56 0 0 1 -56 56 55.4 55.4 0 0 1 -27-7.2A111.7 111.7 0 1 0 288 144zm284.5 97.4C518.3 135.6 410.9 64 288 64S57.7 135.6 3.5 241.4a32.4 32.4 0 0 0 0 29.2C57.7 376.4 165.1 448 288 448s230.3-71.6 284.5-177.4a32.4 32.4 0 0 0 0-29.2zM288 400c-98.7 0-189.1-55-237.9-144C98.9 167 189.3 112 288 112s189.1 55 237.9 144C477.1 345 386.7 400 288 400z"/></svg>');}
.custom_fa.fa-eye-slash{ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="16" width="20" viewBox="0 0 640 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path opacity="1" fill="%231E3050" d="M634 471L36 3.5A16 16 0 0 0 13.5 6l-10 12.5A16 16 0 0 0 6 41l598 467.5a16 16 0 0 0 22.5-2.5l10-12.5A16 16 0 0 0 634 471zM296.8 146.5l134.8 105.4C429.4 191.9 380.5 144 320 144a112.3 112.3 0 0 0 -23.2 2.5zm46.4 219.1L208.4 260.2C210.7 320.1 259.5 368 320 368a113 113 0 0 0 23.2-2.5zM320 112c98.7 0 189.1 55 237.9 144a285.5 285.5 0 0 1 -44 60.2l37.7 29.5a333.7 333.7 0 0 0 52.9-75.1 32.4 32.4 0 0 0 0-29.2C550.3 135.6 442.9 64 320 64c-36.7 0-71.7 7-104.6 18.8l46.4 36.3c18.9-4.3 38.3-7.1 58.2-7.1zm0 288c-98.7 0-189.1-55-237.9-144a285.5 285.5 0 0 1 44.1-60.2l-37.7-29.5a333.6 333.6 0 0 0 -52.9 75.1 32.4 32.4 0 0 0 0 29.2C89.7 376.4 197.1 448 320 448c36.7 0 71.7-7.1 104.6-18.8l-46.4-36.3C359.3 397.2 339.9 400 320 400z"/></svg>');}

.footer_info{ color: var(--white); font-size: 14px;}



/* dashboard css  */
body{background-color: #f7f7f7;}
.page_container{min-height: calc(100vh - 37px);display: flex;flex-direction: column; transition: 0.3s; -webkit-transition: 0.3s;}
header{ padding: 0px 1rem; position: sticky;top: 0; left: 0; right: 0; background-color: #2c2c36; z-index: 999; box-shadow: var(--box-shadow);}
header .header_logo{ padding-right: 1.5rem; margin-bottom: -3px;}
header .header_top_nav>li>.nav-link{color: var(--white); font-size: 14px;--bs-nav-link-padding-x:0.8rem;--bs-nav-link-padding-y:0.7rem; position: relative;text-decoration: none;}
header .header_top_nav>li>.nav-link:hover,
header .header_top_nav .selected>.nav-link,
header .header_top_nav .active>.nav-link,
header .header_top_nav>li>.nav-link:focus{color: var(--bs-gray-200); background-color: var(--bs-black);text-decoration: none;}
header .header_top_nav .nav-link i[class*="icon-"]{margin-right: 0.2rem;font-size: 16px; vertical-align: 1px;}
header .header_top_nav .nav-link[aria-haspopup="true"]:after{  content: '\e830'; display:inline-block; vertical-align:4px; margin-left:6px; font-size: 13px;
    font-family: "xcicons"; font-style: normal; font-weight: normal; speak: none; text-decoration: inherit; font-variant: normal; text-transform: none; }

header .header_top_nav>li{ position: relative;}
/* header .header_top_nav>li.selected>a{pointer-events: none;} */

header .mega_menu {display: none; position: absolute; top: 100%; left: 0; z-index: 50; background: var(--bs-body-bg); color: var(--primaryDefault); box-shadow: var(--box-shadow); border-radius: 0 0 9px 9px;padding: 1rem;}
.all_website_list{display: grid;grid-template-columns: repeat(auto-fill,minmax(20%, 1fr)); margin: 0; padding: 0; list-style-type: none; max-width: 600px; border-left: 1px solid var(--bs-gray-400); border-top: 1px solid var(--bs-gray-400)}
.all_website_list li{display: flex; align-items: center; justify-content: center; border-bottom: 1px solid var(--bs-gray-400); border-right: 1px solid var(--bs-gray-400);background-color: var(--white);}

.header_contacts_box{ min-width: 600px;}
.header_contacts_box .nav-tabs .nav-link{--bs-nav-link-padding-x: 0.65rem; --bs-nav-link-padding-y: 0.4rem; font-size: 14px;}
.header_contacts_box .nav{--bs-nav-link-color:var(--primaryDefault);--bs-nav-link-hover-color:var(--primaryDefault);}
.header_contacts_box .tab-content{ border: 1px solid var(--bs-border-color); border-top: none;}
.header_contacts_box .contacts_no_list{ border-right:1px solid #dee2e6;}
.header_contacts_box .contacts_no_list .search_input{ padding: 8px;}
.header_contacts_box .contacts_no_list .list{padding: 0px; margin: 0px; list-style: none; height: 310px; overflow: auto; font-size: 14px; border-top: 1px solid var(--bs-border-color);}
.header_contacts_box .contacts_no_list .list li{ padding: 2px 8px; border-top: 1px solid var(--bs-border-color); cursor: pointer;}
.header_contacts_box .contacts_no_list .list li:nth-child(1){ border-top: none;}
.header_contacts_box .contacts_no_list .list li.active{background-color: var(--bs-gray-300);}
.header_contacts_box .contacts_no_box{display: flex;}
.header_contacts_box .contacts_no_box .contacts_no_details{flex: 1 0 auto; padding: 15px; max-width:362px;}
.header_contacts_box .contacts_no_box .contacts_no_details .contact_profile{ display: flex; align-items: center; gap: 15px;}
.header_contacts_box .contacts_no_box .contacts_no_details .contact_profile .contact_name{ font-size: 14px;line-height: 1.4;flex: 1 0 auto;} 
.header_contacts_box .contacts_no_box .contacts_no_details .contact_profile .contact_name .name{font-weight: 500; font-size: 18px;}

.header_contacts_box .contacts_no_box .contacts_no_details .contact_info{ display: flex; gap: 15px; font-size: 14px; margin-top: 8px;}
.header_contacts_box .contacts_no_box .contacts_no_details .contact_info .contact_label{width: 90px;text-align: right;}
.header_contacts_box .contacts_no_box .contacts_no_details .contact_info .contact_details{flex: 1 0;}

header .navbar-collapse{flex-grow: 0;}
header .header_search_flex_grow{flex-grow: 1;}
.header_search_box{ max-width: 245px; padding: 4px 0;position: relative; margin-left: 0.9rem;}

.Links_menu_box{ --headerHeight:46px; display: block; width: 800px; max-height: calc(100vh - calc(var(--headerHeight) * 2 )); overflow: auto;}
.Links_menu_box .items{ text-align: left;}
.Links_menu_box .items + .items{ padding-top: 8px; border-top: 1px solid var(--bs-gray-200); margin-top: 8px;}
.Links_menu_box ul{ margin: 0 ; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap;line-height: normal; column-gap: 8px; row-gap: 6px;}
.Links_menu_box ul>li{--column_space:24px;  width: calc(25% - var(--column_space) / 4);}
.Links_menu_box ul>li>a{color: var(--primaryDefault); font-size: 13px; text-decoration: none; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}
.Links_menu_box ul>li .badge.text-bg-danger{display: none;}
.Links_menu_box ul>li>a:hover{text-decoration: underline;color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));}
.Links_menu_box ul>li>a .icon-right-dir{color: var(--primarycolor);}
.Links_menu_box .Links_menu-title{font-size: 16px; font-weight: 400; padding-bottom: 5px;line-height: normal; color: var(--bs-black);font-family: var(--headingFont); font-weight: 600;letter-spacing: 0.5px;}
.Links_menu_box .Links_menu-title i{color: var(--primarycolor); margin-right: 5px;}
.Links_menu_box ul + .Links_menu-title{margin-top: 10px;}

.header_search_box input[type="search"]::-webkit-search-decoration,
.header_search_box input[type="search"]::-webkit-search-cancel-button,
.header_search_box input[type="search"]::-webkit-search-results-button,
.header_search_box input[type="search"]::-webkit-search-results-decoration { display: none; }
.header_search_box .form-control{ padding-left: 35px; padding-right: 27px;;}

[data-bs-theme=light] .header_search_box .form-control{border-color: var(--bs-gray-600);color: var(--bs-gray-400);}

.header_search_box .form-control::placeholder{color: #b3b3b3}
.header_search_box .form-control:focus{border-color: var(--bs-body-bg);box-shadow: none;}
.header_search_box::after{ content: '\e802';   font-family: "xcicons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; font-variant: normal; text-transform: none; line-height: 1em;
    position: absolute; top: 50%; left: 10px; transform: translateY(-50%); color: var(--white); font-size:16px;
}
.header_search_box .search_reset_btn{position: absolute; right: 0; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; padding: 5px 8px; border: 0;background-color: transparent; color: var(--bs-gray-500); text-decoration: none; z-index: 1;}

header .header_right_nav .nav>li{color: var(--bs-gray-500); font-size: 14px; align-self: center; padding: 0px 0.6rem;border-right: 1px solid var(--bs-gray-700);line-height:normal;}
header .header_right_nav .nav>li.user_li{ padding: 0;}
header .header_right_nav .nav>li.user_li .dropdown-toggle{ padding: 8px 0.8rem; }
header .header_right_nav .nav>li.user_li .dropdown-toggle.show{color: var(--bs-gray-200);background-color: rgba(0,0,0,0.2);}
header .header_right_nav .nav>li.user_li .port_number{user-select: none; pointer-events: none;}
header .header_right_nav .nav>li.user_li .port_number .dropdown-item{ padding-top: 0px; padding-bottom: 0px; text-align: center;}
header .header_right_nav .nav>li.user_li .user_name{user-select: none;pointer-events: none;} 

header .header_right_nav .nav>li.user_li .dropdown-menu li + li{ border-top:1px solid var(--bs-gray-300)}

header .header_right_nav .nav>li.user_li .dropdown_user_box{ text-align: center; padding: 0 16px 8px;}
header .header_right_nav .nav>li.user_li .dropdown_user_box .dropdown_user_img{width: 50px; height: 50px; display: block; margin: 0 auto;}
header .header_right_nav .nav>li.user_li .dropdown_user_box .dropdown_user_name{font-size: 14px;font-weight: 500; display: inline-block;margin-top: 3px;}
header .header_right_nav .nav>li:last-child{ border-right: none;}

header .header_right_nav .nav>li.user_li .theme_update_btn{width: 100%;  position: relative;}

header .header_right_nav .nav>li.user_li .theme_update_btn .btn-link{ color: var(--bs-dropdown-link-color);}
header .header_right_nav .nav>li.user_li .theme_update_btn .dropdown-toggle { padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); width: 100%;}
header .header_right_nav .nav>li.user_li .theme_update_btn .dropdown-toggle:hover{color: var(--bs-dropdown-link-hover-color); background-color: var(--bs-dropdown-link-hover-bg);}
header .header_right_nav .nav>li.user_li .theme_update_btn .dropdown-toggle::after{color: var(--bs-dropdown-link-color);  transition: 0.3s; margin-left: 5px;}
header .header_right_nav .nav>li.user_li .theme_update_btn .theme_option{ margin: 0; list-style-type: none; position: absolute; right: 100%;margin-right: 5px; opacity: 0; visibility: hidden; transition: 0.3s; -webkit-transition: 0.3s; display: block; top: 0;}
header .header_right_nav .nav>li.user_li .theme_update_btn:hover .theme_option{ opacity: 1; visibility: visible;}
header .header_right_nav .nav>li.user_li .theme_update_btn:hover .dropdown-toggle::after{transform: rotate(-90deg);}
header .header_right_nav .nav>li.user_li .theme_update_btn:hover .btn-link{    color: var(--bs-dropdown-link-hover-color); background-color: var(--bs-dropdown-link-hover-bg);}

header .dropdown-toggle::after{color: var(--white); display: none;}
.dropdown-menu { --bs-dropdown-item-padding-y: 0.2rem; --bs-dropdown-font-size: 14px; --bs-dropdown-divider-margin-y: 0.2rem; }
header .profile_name{color: #fff; margin-left: 4px;}
footer{background-color: RGBA(var(--bs-dark-rgb),0.88); color: var(--bs-gray-400); padding: 8px 10px; font-size: 14px;}

.page_container .page_bodyContent{flex: 1 1 auto; -ms-flex: 1 1 auto; padding:1rem 0 1rem;}
.dashboard_card_box{box-shadow: var(--box-shadow); border: none;--bs-card-title-spacer-y:0.6rem;height: 100%; --bs-card-spacer-y: 0.8rem 1rem; --bs-card-spacer-x: 1rem;}
.dashboard_card_box + .dashboard_card_box{ margin-top: 1rem;}
.page-title{margin-bottom: 16px; font-size: 31px; font-weight: 300;font-family: var(--headingFont);}
.page-subtitle { font-size: 16px; }
.dashboard_card_box .card-title {
    font-size: 20px;
    font-family: var(--headingFont);
    font-weight: 600;
    letter-spacing: 0.5px;
}
.dashboard_card_box .card-title i{ color: var(--primarycolor); display: inline-block; margin-right: 4px;}
.dashboard_card_box.Promo_box .card-body{ min-height: 140px;}
.dashboard_card_box .dashboard_card_links{ display: grid;grid-template-columns: repeat(auto-fill,minmax(50%, 1fr)); margin: 0; padding: 0 0 0 16px; list-style-type: none; row-gap: 6px;}
.dashboard_card_box .dashboard_card_links li{line-height: normal;}
.dashboard_card_box .dashboard_card_links a{color: var(--bs-body-color); font-size: 14px;position: relative; padding-left: 18px; display: inline-block; line-height: normal;}
.dashboard_card_box .dashboard_card_links a i.icon-right-dir{color: var(--primarycolor);position: absolute; top: 0; left: 0;}
.dashboard_card_box .dashboard_card_links a:hover{color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration: underline;}

.dashboard_card_box .dashboard_card_links li .badge ,
.dashboard_card_box .dashboard_card_links a .badge{ margin-left: 5px;--bs-badge-font-size:11px;--bs-badge-font-weight:normal;--bs-badge-border-radius-pill:3px;line-height: normal;--bs-badge-padding-y:2px;--bs-badge-padding-x:8px;--bs-danger-rgb: 25, 135, 84;}
.Links_menu_box ul .badge{margin-left: 2px;--bs-badge-font-size:10px;--bs-badge-font-weight:normal;--bs-badge-border-radius-pill:3px;line-height: normal;--bs-badge-padding-y:2px;--bs-badge-padding-x:5px;--bs-danger-rgb: 25, 135, 84;}

.dashboard_card_box .dashboard_card_links + .dashboard_card_links{ margin-top: 0.8rem; padding-top: 0.8rem; border-top: 1px solid var(--bs-gray-400);}

.alert.alert-sm{--bs-alert-padding-x: 00.6rem; --bs-alert-padding-y: 00.5rem; font-size: 14px;}

.theme_mode_btn{ position: relative;display: inline-block;}
.theme_mode_btn .dropdown-toggle{color: var(--white);justify-content: center; width: 40px;height: 100%;}
.theme_mode_btn .dropdown-toggle .bi{width: 20px;height: 20px;}
.theme_mode_btn .dropdown-menu{--bs-dropdown-padding-x:4px;border-radius: 8px;}
.theme_mode_btn .dropdown-item{ font-size: 14px;border-radius: 4px;}
.bi { width: 16px; height: 16px; vertical-align: -0.125em; fill: currentcolor; }
.btn-close:focus{box-shadow: none;}
.theme_mode_btn .dropdown-menu .active .bi { display: block !important; }

.loader_box{display: flex; align-items: center;}
header .loader_box{min-width: 250px;}
.loader_box .spinner-border{--bs-spinner-width:15px;--bs-spinner-height:15px; --bs-spinner-border-width:2px;margin-right: 5px;}

.daily_sales_chart_box > canvas{max-width: 100%;}
.chart_bottom_row{ display: flex; max-width: 1200px; margin: 0 auto; padding-left: 50px;}
.chart_bottom_row .item{flex: 1 0; text-align: center;}
.chart_bottom_row .item .count{ display: block; font-size: 18px;font-weight: 500;color: var(--bs-gray-500);line-height: normal;}
.chart_bottom_row .item .price{font-size: 14px; display: block;line-height: normal;margin: 2px 0 4px;}
.chart_bottom_row .item .img{display: block;}

.humburger_icon{width: 60px;display: block; height: 45px; position: relative; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;     position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%) scale(0.6); -webkit-transform: translateY(-50%) translateX(-50%) scale(0.4); }

.humburger_icon span { display: block; position: absolute; height: 9px; width: 50%; background: var(--white); opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }

.humburger_icon span:nth-child(even) { left: 50%; border-radius: 0 9px 9px 0; }
.humburger_icon span:nth-child(odd) { left:0px; border-radius: 9px 0 0 9px; }
.humburger_icon span:nth-child(1), .humburger_icon span:nth-child(2) { top: 0px; }
.humburger_icon span:nth-child(3), .humburger_icon span:nth-child(4) { top: 18px; }
.humburger_icon span:nth-child(5), .humburger_icon span:nth-child(6) { top: 36px; }
header .navbar-toggler[aria-expanded="true"] .humburger_icon span:nth-child(1),header .navbar-toggler[aria-expanded="true"] .humburger_icon span:nth-child(6) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
header .navbar-toggler[aria-expanded="true"] .humburger_icon span:nth-child(2),header .navbar-toggler[aria-expanded="true"] .humburger_icon span:nth-child(5) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
header .navbar-toggler[aria-expanded="true"] .humburger_icon span:nth-child(1) { left: 5px; top: 7px; }
header .navbar-toggler[aria-expanded="true"] .humburger_icon span:nth-child(2) { left: calc(50% - 5px); top: 7px; }
header .navbar-toggler[aria-expanded="true"] .humburger_icon span:nth-child(3) { left: -50%; opacity: 0; }
header .navbar-toggler[aria-expanded="true"] .humburger_icon span:nth-child(4) { left: 100%; opacity: 0; }
header .navbar-toggler[aria-expanded="true"] .humburger_icon span:nth-child(5) { left: 5px; top: 29px; }
header .navbar-toggler[aria-expanded="true"] .humburger_icon span:nth-child(6) { left: calc(50% - 5px); top: 29px; }

.xpress_table_layout .table-sm{ font-size: 12px;}
.xpress_table_layout th{ font-weight: 500;}
.xpress_table_layout .table{border: 1px solid var(--bs-border-color);}
.xpress_table_layout .table>:not(caption)>*>*{border-bottom: none;}
.xpress_table_layout .table tbody td.a-holiday{background-color: rgba(255, 253, 196, 0.69);}
.xpress_table_layout .table tbody td.saturday{background-color: rgba(253, 218, 218, 0.45);}
.xpress_table_layout .table tbody td.sunday{background-color: rgba(253, 4, 4, 0.1)}
.xpress_table_layout .table tr.highlighted td{background: #deeaff !important;}
.xpress_table_layout .table > thead>tr>th:nth-child(1), .xpress_table_layout .table > tbody>tr>td:nth-child(1), .xpress_table_layout .table > tfoot>tr>td:nth-child(1) { padding-left: 10px; padding-right: 10px; text-align: Left; min-width: 90px;white-space: nowrap; position: sticky; left: -1px; z-index: 1; }
.xpress_table_layout .table>thead>tr>th { background-color: #fae7ea; color: var(--primaryDefault); white-space: nowrap; position: relative; }
.xpress_table_layout .table>thead>tr>th::after{content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 1px;  background-color: var(--bs-border-color);}
.xpress_table_layout .table>thead>tr>th::before{content: ""; position: absolute; bottom: 0; right: 0; left: 0; height: 1px; background-color: var(--bs-border-color);}
.xpress_table_layout .table a:not(:hover){color: var(--primaryDefault);}


.xpress_table_layout .table>tfoot>tr>td{background-color: #e5f0f9; color: var(--primaryDefault); text-align: center;white-space: nowrap; position: relative; font-weight: 500;}
.xpress_table_layout .table>tfoot>tr>td::after{content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 1px;  background-color: var(--bs-border-color);}
.xpress_table_layout .table>tfoot>tr>td::before{content: ""; position: absolute; top: 0; right: 0; left: 0; height: 1px; background-color: var(--bs-border-color);}
.table-legend ul{ margin: 0; padding: 0;list-style-type: none;gap: 8px; font-size: 12px;}
.table-legend ul li{line-height: normal;}
.table-legend .color{width: 15px; height: 15px;  display: inline-block; vertical-align: middle; border: 1px solid #adadad; margin-right: 3px; margin-top: -3px;}
.table-legend .saturday-color.color{background-color: rgba(253, 218, 218, 0.45);}
.table-legend .sunday-color.color{background-color: rgba(253, 4, 4, 0.1);}
.table-legend .a-holiday-color.color{background-color: rgba(255, 253, 196, 0.69);}
.table-legend .b-holiday-color{background-color: rgba(241, 255, 234, 0.7);}

/*.form-select{ font-size: 14px;}*/
table > thead > tr > th.sorting, table > thead > tr > th.sorting_asc, table > thead > tr > th.sorting_desc { padding-right: 18px; }
table thead .sorting { background: url(../images/sort_both_blue.png) no-repeat center right; cursor: pointer; }
table thead .sorting_asc { background: url(../images/sort_asc.png) no-repeat center right; cursor: pointer; }
table thead .sorting_desc { background: url(../images/sort_desc.png) no-repeat center right; cursor: pointer; }
.xpresscenter_tabs_style .nav{--bs-nav-link-color:var(--primaryDefault);}
.xpresscenter_tabs_style .nav .nav-link{border-top: none;}

.sales_report_filter_box{ padding: 10px;}
.sales_report_filter_box .form-group label{ font-size: 14px;font-weight: 500; margin-bottom: 5px;}
.sales_report_filter_box .month_change_btn{ font-size: 12px;margin-top: 2px;}
.cursor-pointer{ cursor: pointer;}

.search_result_box { font-size: 14px;line-height: 1.4;}
.search_result_box p{ margin-bottom: 4px;}
.search_result_box .search_result_table{ font-size: 12px;}
.search_result_box .search_result_table th{ font-weight: 500;}
.dashbord_white_box{ padding: 15px; background-color: #fff; box-shadow: var(--box-shadow); border-radius:6px;}

.nav-link:hover{text-decoration: none;}


.dropdown-toggle.show{background-color: rgba(0,0,0,0.2);}
header .header_right_nav .nav>li.user_li .dropdown-toggle.show .profile_name,
header .header_right_nav .nav>li.user_li .dropdown-toggle.show::after,
header .dropdown-toggle.show,
header .dropdown-toggle.show::after{color: var(--white)!important;}
.bootstrap-select .dropdown-toggle::after{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);background-repeat: no-repeat;background-position: center center;background-size: 16px 12px;    border: none;width: 16px;height: 14px;margin:0; flex-shrink:0;
}


.custom_header_modal .modal-backdrop {z-index: 1 !important;}
.custom_header_modal .modal-dialog {z-index: 2 !important;}

.custom_header_modal.modal.fade .modal-dialog {transition: transform .3s ease-out;transform: translate(0, -50px);}
.custom_header_modal.modal.show .modal-dialog {transform: none;}

.custom_header_modal.modal.show .modal-dialog {animation: ModalAnimation 0.3s ease-out; max-width: 500px;}
@keyframes ModalAnimation { from {transform: translate(0, -50px);} to {transform: translate(0, 0px);} }
header .header_right_nav .nav > li.user_li .dropdown-menu .dropdown-item{ padding:8px 16px;}


/* .has_table_view{ overflow: hidden;}
.has_table_view .page_bodyContent>.container-fluid{} */

[data-bs-theme=light] .xpress_table_layout .table>tfoot>tr>td::after{ background-color: #90bad9;}
[data-bs-theme=light] .xpress_table_layout .table>tfoot>tr>td::before{background-color: #90bad9;}

[data-bs-theme=light] .xpresscenter_tabs_style .nav{background-color: #f1f1f1;}
[data-bs-theme=light] .xpress_table_layout .table>thead>tr>th{ background-color: #e5f0f9;}
[data-bs-theme=light] .xpress_table_layout .table>tfoot>tr>td::before,
[data-bs-theme=light] .xpress_table_layout .table>thead>tr>th::before,
[data-bs-theme=light] .xpress_table_layout .table>thead>tr>th::after,
[data-bs-theme=light] .xpress_table_layout .table>tfoot>tr>td::after{ background-color: #90bad9}
[data-bs-theme=light] .xpress_table_layout .table:not(.xc_stop_table_hover_force_default){border-color: #90bad9;}
/*[data-bs-theme=light] .xpress_table_layout .table-striped>tbody>tr:nth-of-type(odd)>*:not(.a-holiday,.saturday,.sunday){ background-color: #fff;}
[data-bs-theme=light] .xpress_table_layout .table-striped>tbody>tr:nth-of-type(even)>*:not(.a-holiday,.saturday,.sunday){ background-color: #f6fafd;}*/

[data-bs-theme=light] .xpress_table_layout .table tr.highlighted:hover td{background: #deeaff !important;}
[data-bs-theme=dark] .xpress_table_layout .table tr.highlighted td,
[data-bs-theme=dark] .xpress_table_layout .table tr.highlighted:hover td{background: #124399 !important;}
[data-bs-theme=dark] .xpress_table_layout .table tbody td.a-holiday,
[data-bs-theme=dark] .xpress_table_layout .table tbody td.a-holiday a,
[data-bs-theme=dark] .xpress_table_layout .table tbody td.saturday,
[data-bs-theme=dark] .xpress_table_layout .table tbody td.saturday a{ color: var(--bs-black)!important;}
[data-bs-theme=dark] .xpress_table_layout .table tr.MyAssetTag_tr td{ background-color: rgba(255,255,255,0.5)!important;}

[data-bs-theme=dark] .xpress_table_layout .table>tfoot>tr>td, 
[data-bs-theme=dark] .xpress_table_layout .table>thead>tr>th,
[data-bs-theme=dark] .xpress_table_layout .table > thead>tr>th:nth-child(1),
[data-bs-theme=dark] .xpress_table_layout .table > tfoot>tr>td:nth-child(1){ background-color: var(--bs-black)!important;}
[data-bs-theme=dark] .xpresscenter_tabs_style{ background-color: rgba(0,0,0,0.2);}
[data-bs-theme=dark] .xpresscenter_tabs_style .nav{ --bs-nav-tabs-link-active-bg:#2a3036;}
[data-bs-theme=dark] .nav-tabs .nav-item.show .nav-link,
[data-bs-theme=dark] .nav-tabs .nav-link.active{ border-bottom-color: #2a3036;}
[data-bs-theme=dark] .dashbord_white_box{ background-color: #2a3036;border: 1px solid rgba(255, 255, 255, 0.15);}

/* .xpress_table_layout */

[data-bs-theme=light] .table-hover:not(.xc_stop_table_hover_force_default)>tbody>tr:hover>*{background-color: #fffaec!important;box-shadow: none!important;}


[data-bs-theme=light] .form-control-dark{ background-color: RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,1))!important;}
[data-bs-theme=dark]{ --primaryDefault:var(--bs-body-color); --bs-gray-300:#323232; --box-shadow:none; --primarycolor:#c56440; --border-color:#1f212a; --bs-gray-100: #1B1C22; --bs-gray-100-rgb: 27,28,34; --bs-gray-200: #26272F; --bs-gray-200-rgb: 38,39,47; --bs-gray-300: #363843; --bs-gray-300-rgb: 54,56,67; --bs-gray-400: #464852; --bs-gray-400-rgb: 70,72,82; --bs-gray-500: #636674; --bs-gray-500-rgb: 99,102,116; --bs-gray-600: #808290; --bs-gray-600-rgb: 128,130,144; --bs-gray-700: #9A9CAE; --bs-gray-700-rgb: 154,156,174; --bs-gray-800: #B5B7C8; --bs-gray-800-rgb: 181,183,200; --bs-gray-900: #F5F5F5; --bs-gray-900-rgb: 245,245,245; --bs-danger-rgb: 228,40,85; --bs-dark-rgb: 39,42,52; --bs-drawer-overlay-bg-color: rgba(0, 0, 0, 0.4); --bs-menu-dropdown-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3); --bs-menu-dropdown-bg-color: #1C1D22; --bs-scrollbar-color: #26272F; --bs-scrollbar-hover-color: #363843; --bs-overlay-bg: rgba(255, 255, 255, 0.05); --bs-emphasis-color: #ffffff; --bs-emphasis-color-rgb: 255, 255, 255; --bs-secondary-color: rgba(245,  245,  245,  0.75); --bs-secondary-color-rgb: 245, 245, 245; --bs-secondary-bg: #252F4A; --bs-secondary-bg-rgb: 37, 47, 74; --bs-tertiary-color: rgba(245,  245,  245,  0.5); --bs-tertiary-color-rgb: 245, 245, 245; --bs-tertiary-bg-rgb: 22, 34, 65; --bs-primary-text-emphasis: #76b5ff; }

[data-bs-theme=dark] body{background-color:var(--bs-body-bg)}
[data-bs-theme=dark] .card,
[data-bs-theme=dark] .sign_in_page_box,
[data-bs-theme=dark] .ss_small_page_box{--bs-card-bg:#2a3036;border: 1px solid var(--bs-border-color-translucent);}
[data-bs-theme=dark] header{background-color: #111416; border-bottom: 1px solid var(--border-color)}
[data-bs-theme=dark] footer{background-color: #111416; border-top: 1px solid var(--border-color);}
[data-bs-theme=dark] .dashboard_card_box .card-title,
[data-bs-theme=dark] .Links_menu_box .Links_menu-title{color: var(--bs-heading-color);}
[data-bs-theme=dark] .Links_menu_box .items + .items{border-color: var(--border-color)}
[data-bs-theme=dark] .header_contacts_box .contacts_no_list{border-color:var(--bs-border-color);}
[data-bs-theme=dark] .dashboard_card_box .dashboard_card_links + .dashboard_card_links{border-color:var(--bs-border-color-translucent);}
[data-bs-theme=dark] header .header_top_nav>li>.nav-link{color: var(--bs-gray-700);font-weight: 500;}
[data-bs-theme=dark] header .header_top_nav>li>.nav-link:hover,
[data-bs-theme=dark] header .header_top_nav .selected>.nav-link,
[data-bs-theme=dark] header .header_top_nav .active>.nav-link,
[data-bs-theme=dark] header .header_top_nav>li>.nav-link:focus{color: var(--white);background-color: var(--bs-menu-dropdown-bg-color);}
[data-bs-theme=dark] header .header_right_nav .nav>li{color: var(--primaryDefault); border-color: var(--border-color);}
[data-bs-theme=dark] header .profile_name{color: var(--primaryDefault);}
[data-bs-theme=dark] .dropdown-toggle.show{background-color: var(--bs-menu-dropdown-bg-color);}
[data-bs-theme=dark] header .header_right_nav .nav>li.user_li .dropdown-toggle.show .profile_name,
[data-bs-theme=dark] header .header_right_nav .nav>li.user_li .dropdown-toggle.show::after,
[data-bs-theme=dark] .dropdown-toggle.show,
[data-bs-theme=dark] .dropdown-toggle.show::after{color: var(--white)!important;}
[data-bs-theme=dark] .theme_mode_btn .dropdown-toggle,
[data-bs-theme=dark] header .dropdown-toggle::after{color: var(--bs-text-muted);}
[data-bs-theme=dark] .dropdown-menu{--bs-dropdown-bg:var(--bs-menu-dropdown-bg-color);--bs-dropdown-link-active-bg:rgba(0,0,0,0.3);--bs-dropdown-link-color:var(--bs-gray-700);--bs-dropdown-link-hover-bg:rgba(0,0,0,0.3);}
[data-bs-theme=dark] header .mega_menu{background: var(--bs-menu-dropdown-bg-color);box-shadow: var(--bs-menu-dropdown-box-shadow);}
[data-bs-theme=dark] header .header_right_nav .nav>li.user_li .dropdown-toggle.show{background-color: var(--bs-menu-dropdown-bg-color);}
[data-bs-theme=dark] .header_contacts_box .contacts_no_list .list li.active{background-color: var(--bs-gray-300);color: var(--white);}
[data-bs-theme=dark] footer{color: var(--bs-gray-700);}
[data-bs-theme=dark] .form-control{ color: var(--bs-gray-900);}
[data-bs-theme=dark] .form-control:focus{background-color: var(--bs-gray-200); border-color: var(--bs-gray-200); box-shadow: none;}
[data-bs-theme=dark] .form-floating>label{color: var(--primaryDefault);}
[data-bs-theme=dark] .header_contacts_tabs .nav{--bs-nav-link-color:var(--bs-gray-600);--bs-nav-tabs-link-active-color:var(--bs-gray-900)}
[data-bs-theme=dark] .header_contacts_box .contacts_no_list .search_input .form-control{ background-color: var(--bs-gray-200);}

[data-bs-theme=dark] header .header_top_nav>li.active::before,
[data-bs-theme=dark] header .header_top_nav>li.selected::before,
[data-bs-theme=dark] header .header_top_nav>li:hover>a::before,
[data-bs-theme=dark] header .header_top_nav>li:hover>a:focus::before{content: ""; position: absolute; bottom: -1px; left: 0; right: 0; height: 2px; background-color: var(--bs-menu-dropdown-bg-color); z-index: 1;}
[data-bs-theme=dark] .chart_bottom_row .item .price{color: var(--primaryDefault);}
[data-bs-theme=dark] .chart_bottom_row .item .count{color: var(--primaryDefault);}

[data-bs-theme=dark] .table-light{--bs-table-bg:transparent;--bs-table-border-color:var(--bs-border-color);--bs-table-color:var(--primaryDefault)}

@media (min-width: 768px){
    .search_result_box .search_result_table th{ white-space: nowrap; }
    .search_result_box .search_result_table tbody td{white-space: nowrap;}
}

@media (min-width: 992px){
    .xpress_table_layout .table>thead{position: sticky;top: 48px; z-index: 3;}
    .xpress_table_layout .table>tfoot{position: sticky;bottom: -1px; z-index: 3;}
}

@media (min-width: 1400px){
    .dashboard_card_box .dashboard_card_links.three_link_in_row{grid-template-columns: repeat(auto-fill,minmax(33%, 1fr));}

}
@media (max-width: 567px){
    .dashboard_card_box .dashboard_card_links{grid-template-columns: repeat(auto-fill,minmax(100%, 1fr));}
    header .profile_name { display:none; }
}
@media (max-width: 1500px){
    header .header_logo{ padding-right: 10px;}
    header .header_top_nav>li>.nav-link{ --bs-nav-link-padding-x: 0.6rem;}
    .header_search_box{ margin-left: 6px;}
}
@media (max-width: 1400px){
    header .header_right_nav .nav>li:not(.user_li){ display: none;}
}
@media (max-width: 1199px){
    header .profile_name{display: none;}
    header{ padding: 0 12px;}
    header .header_logo{ margin-bottom: 0;}    
    header .header_top_nav .nav-link i[class*="icon-"]{ margin-right: 1px;}
    .header_search_box{ max-width: 130px;}

    header .mega_menu{ padding: 0.8rem;}
    .header_contacts_box{min-width: 500px;}
    .all_website_list{ max-width: 500px;}
    .all_website_list li>a>img{max-width: 80px;}
    .Links_menu_box .Links_menu-title{ font-size: 14px;}
    .Links_menu_box ul>li>a{ font-size: 12px;}
    .dashboard_card_box.Promo_box .card-body{min-height: auto;}
    header .header_right_nav .nav>li.user_li .dropdown-toggle{ padding: 2px 0.5rem; }
    header .header_top_nav>li>.nav-link{--bs-nav-link-padding-x: 0.4rem;}
    header .header_logo{ padding-right: 4px;}

    header .header_top_nav .nav-link[aria-haspopup="true"]:after{    margin-left: 3px;}
    .xpresscenter_tabs_style .nav .nav-link{font-size: 14px;}
    
}

@media (max-width: 991px){
    .Links_menu_box{width: 680px;}
    header .header_logo{ flex: 1 auto;}
    header{ padding:6px 10px;}
    header .header_right_nav .nav>li{ padding: 0 1rem;}
    header .profile_name{ display: inline-block;}
    header .navbar-dark{--bs-navbar-toggler-border-color:transparent;}
    header .navbar-toggler svg{ height: 24px;width: 24px;}
    header .navbar-toggler{color: var(--white); margin-right: 0px;    width: 45px; height: 45px; position: relative;}
    header .navbar-collapse{order: 12; margin-top: 10px;}
    header .header_top_nav .nav-link i[class*="icon-"]{display: none;}
    header .header_top_nav>li>.nav-link{--bs-nav-link-padding-x:0.65rem;--bs-nav-link-padding-y:3px}
    header .header_top_nav .header_search_box{display: none;}
    .header_search_box{ max-width: 210px; margin-right: 10px; margin-left: auto;}

    header .header_right_nav .nav>li.user_li .dropdown-toggle{ padding: 2px 0.65rem; }
    header .header_right_nav .nav>li.user_li .dropdown-toggle.show{background-color: transparent!important;}

    .chart_bottom_row .item .count{ font-size: 14px;}
    .chart_bottom_row .item .price{ font-size: 12px;}
    .chart_bottom_row .item .img img{max-width: 32px;}
    
    
    .Links_menu_box{width: 740px;}
    .xpresscenter_tabs_style .nav{--bs-nav-link-padding-x:0.5rem;--bs-nav-link-padding-y:0.4rem;}
    .xpresscenter_tabs_style .nav .nav-link{ font-size: 13px;}

    
    .filter_row_responsive .input-group{ --Label_width:120px;row-gap:10px;}
    .filter_row_responsive .input-group-text{padding:0;font-size:1rem;border:0;background:none;width:var(--Label_width);position:relative}
    .filter_row_responsive .input-group-text:after{content:":";display:inline-block;margin-left:2px;}
    .filter_row_responsive .input-group>.form-control, .input-group>.form-floating, .input-group>.form-select{width:calc(100% - var(--Label_width));max-width:calc(100% - var(--Label_width))!important;}
    .filter_row_responsive .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){border-radius:0.375rem;}
    .filter_row_responsive .search_btn{margin-left:var(--Label_width)!important}
}
@media (max-width: 767px){
    .page_container .page_bodyContent{padding: 1rem 0 1.5rem;}

    header{padding: 6px 15px 6px;}
    .Links_menu_box{ display: flex; flex-flow: column;width: 100%; max-height: inherit; overflow: initial;}
    .Links_menu_box .Links_menu_box .items{display: block; white-space: normal; padding-left: 0;}
    .Links_menu_box ul + .Links_menu-title{ margin: 0;}
    .Links_menu_box ul{ margin-bottom: 0px; display: block;}
    .Links_menu_box .items + .items{ margin-top: 12px; padding-top: 12px;}
    .Links_menu_box ul>li{width: 100%;line-height: normal;}
    .Links_menu_box ul>li + li{ margin-top: 5px;}
    .Links_menu_box ul>li>a{font-size: 14px;vertical-align: bottom;}
    .Links_menu_box .Links_menu-title{ font-size: 18px;}
    header .header_top_nav>li>.nav-link{ font-size: 13px;}
    header .header_top_nav{row-gap: 5px;}
    header .header_top_nav .nav-link i[class*="icon-"]{display: inline-block;vertical-align: 0px;}
    header .header_top_nav .nav-link[aria-haspopup="true"]:after{display: none;}
   
   

    .header_contacts_box{ min-width: auto;}
    .all_website_list{grid-template-columns: repeat(auto-fill,minmax(119px, 1fr));}
    .header_contacts_box .contacts_no_box{flex-flow: column;}
    .header_contacts_box .contacts_no_list{ border-right:none; border-bottom: 1px solid #dee2e6;}
    header .header_right_nav .nav>li.user_li .dropdown-toggle{ padding: 2px 0; margin-right: 8px;}

    .search_result_table{ border: none;}
    .search_result_table thead{ display: none;}
    .search_result_table tr {  display: block;  border: 1px solid var(--bs-border-color); border-radius: 6px; overflow: hidden;}
    .search_result_table tr + tr{ margin-top: 12px;}
    .search_result_table td { display: block; text-align: left;border: none;clear: both; background-color: var(--bs-gray-100); position: relative; --BeforeWidth:90px; padding-left: calc(var(--BeforeWidth) + 10px);}
    .search_result_table td + td{ border-top: 1px solid var(--bs-border-color);}
    .search_result_table td::before  { content: attr(data-label); font-weight: 500; text-transform: uppercase;min-width: var(--BeforeWidth); text-align: right; position: absolute;top: 0%; left: 0; bottom: 0; display: flex; justify-content: end; align-items: center; border-right: 1px solid var(--bs-border-color);padding-right: 10px;}
    .search_result_table td:last-child { border-bottom: 0; }

    .header_right_nav{display: flex; gap: 15px;}

    .filter_row_responsive .input-group{flex-flow:column; gap:8px;}    
    .filter_row_responsive .input-group>.form-control,
    .filter_row_responsive .input-group>.form-control,
    .filter_row_responsive .input-group>.form-floating, .filter_row_responsive .input-group>.form-select{flex: 1 1 100%;width: 100%;max-width:100%!important}    
    .filter_row_responsive .add_user_btn .btn{margin-top:15px;}
    .filter_row_responsive .search_btn{margin-left:0!important}
}

@media (min-width: 576px){
    header .header_search_flex_grow{display: block!important;}
}
@media (max-width: 575px){
    .CloseSearchBox{background-color: transparent; border: none; color: #fff; padding: 0;}

    header .header_search_flex_grow{order: 11;flex: 1 0 100%;}
    header .header_search_box{margin-right: 0; margin-top: 8px;max-width: 100%;}
    header .header_search_flex_grow{display: none;}
    header .header_search_flex_grow .header_search_flex_grow_cont{display: flex; gap: 10px; align-items: center; margin-bottom: 5px; margin-top: 8px;}
    header .header_search_flex_grow .header_search_box{ margin: 0; padding: 0; flex: 1 0;}
    header .header_search_flex_grow .btn-close{width: 35px; height: 35px;box-sizing: border-box; color:#fff}
    .search_box_trigger{background-color: transparent; box-shadow: none; outline: none; border: none; font-size: 20px; padding: 5px; color: #fff; border-radius: 6px;}
    .search_box_trigger:focus,
    .search_box_trigger:hover{background-color: rgba(0, 0, 0, 0.2);}

    [data-bs-theme=dark] .search_box_trigger:focus,
    [data-bs-theme=dark] .search_box_trigger:hover{background-color: var(--bs-menu-dropdown-bg-color);}
    [data-bs-theme=light] header .header_search_flex_grow.active .btn-close{filter: brightness(0) invert(1); opacity: 1;}
}

@media (max-width: 400px){
    .xpresscenter_tabs_style .nav { --bs-nav-link-padding-x: 0.3rem; --bs-nav-link-padding-y: 0.3rem; }
    .xpresscenter_tabs_style .nav .nav-link{font-size: 12px;}
    .sales_report_filter_box .form-group label{ font-size: 13px;}
}
@media (max-width: 360px){
    header{padding: 6px 10px 6px;}
}
@media (min-width: 768px) {
    .row.xc_sticky_filter { position: sticky; top: 71px; z-index: 5; }
    .xc_sticky_filter .card { box-shadow: 0 3px 3px #f7f7f7; transition: all 0.3s; }
    .xc_sticky_filter.xc_sticky_filter_shadow .card { box-shadow: var(--box-shadow); }

    html[data-bs-theme="dark"] .xc_sticky_filter .card { box-shadow: 0 3px 3px #212529; }
    html[data-bs-theme="dark"] .xc_sticky_filter.xc_sticky_filter_shadow .card { box-shadow: 0 3px 3px ##505050; }
}

.form-check-input { border-color: #656769; }
.ss-fw-500 { font-weight: 500 !important; }


.xcSelectStyle.bootstrap-select .dropdown-toggle:focus, .xcSelectStyle.bootstrap-select .dropdown-toggle.show, .xcSelectStyle.bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
    outline-color: transparent !important;
    outline-offset: -2px !important;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25) !important;
    border-color: #86b7fe !important;
}

html:not([data-bs-theme="dark"]) .input-group-text {
    background-color: #f3f3f3;
}

.input-group-text.xc-nobg {
    background-color: transparent !important;
}
.form-check-input.xc-chkbtn {
    width: 18px;
    height: 18px;
}