:root {
   --white: #ffffff;
    --black: #000000;
    --primary: #012663;
    /* --primaryblue: #012663; */
    --primaryblue: #05376A;
    --lightprimary: #043d9e;
    --blue:#0094a9;
    --lightblue:#59B8C9;
    --cream: #D9BD88;
    --cream1:#b89a64;
    --grey:#ede9e9;
    --grey1: #f4f4f4;
    --grey2: #bbb6b6;
    --orange:#FFA22D;
    --green:#0aa34a;
    --yellow:#ffb21d;
    --lightblue1:#4075e8;

    font-size: 12px;

    --f_sz11:0.786rem; 
    --f_sz12:0.86rem; 
    --f_sz13:0.929rem;
    --f_sz14:1rem;
    --f_sz15:1.071rem; 
    --f_sz16:1.143rem; 
    --f_sz17:1.214rem;
    --f_sz18:1.286rem; 
    --f_sz19:1.357rem; 
    --f_sz20:1.429rem;
    --f_sz21:1.5rem;
    --f_sz22:1.571rem;
    --f_sz24:1.714rem; 
    --f_sz26:1.857rem; 
    --f_sz28:2rem; 
    --f_sz30:2.142rem;

}


.accent-custom { font-family: 'adobe-clean', sans-serif; font-weight: 400; font-size: 13px; color: #000000; }


.f_sz11 { font-size:0.786rem; }
.f_sz12 { font-size:0.86rem; }
.f_sz13 { font-size:0.929rem !important; }
.f_sz14 { font-size:1rem !important; }
.f_sz15 { font-size:1.071rem; }
.f_sz16 { font-size:1.143rem; }
.f_sz17 { font-size:1.214rem; }
.f_sz18 { font-size:1.286rem !important; }
.f_sz19 { font-size:1.357rem; }
.f_sz20 { font-size:1.429rem !important; }
.f_sz21 { font-size:1.5rem!important; }
.f_sz22 { font-size:1.571rem; }
.f_sz24 { font-size:1.714rem; }
.f_sz26 { font-size:1.857rem; }
.f_sz28 { font-size:2rem; }
.f_sz30 { font-size:2.142rem; }

.f_primary { color: var(--primary); }
.f_lgtprimary { color: var(--lightprimary); }
.f_black { color: var(--black); }
.f_white { color: var(--white); }
.f_red { color: var(--red); }
.f_green { color: var(--green); }
.f_yellow { color: var(--yellow); }
.f_orange { color: var(--orange); }
.f_cream { color: var(--cream); }
.f_cream1 { color: var(--cream1); }
.f_grey1 { color: var(--grey1); }
.f_grey2 { color: var(--grey2); }
.f_blue { color: var(--blue); }

.border_radius4 { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }



.bg_primary { background-color: var(--primary); }
.bg_lightprimary { background-color: var(--lightprimary); }
.bg_cream { background-color: var(--cream); }

.flex_flow_rowwrap { flex-flow: row wrap; }
.align_items_cntr { align-items: center; }
.crsr_pntr { cursor: pointer; }


.fwt_400 { font-weight: 400; }
.fwt_500 { font-weight: 500; }
.fwt_600 { font-weight: 600; }
.fwt_800 { font-weight: 800; }

.accent-custom  .badge-warning {
    color:var(--white);
    background-color: #a20000;
}

.accent-custom  .badge-warning1 {
  color:var(--white);
  background-color: #a20000;
}

.accent-custom .navbar-badge1 {
  font-size: .6rem;
  font-weight: 300;
  padding: 2px 4px;
  position: absolute;
  right: 4px;
  top: 1px;
}

.accent-custom .login-box.login_div { max-width: 515px; width: 96%; }


/* .accent-custom.login-page .card-primary.card-outline { border-top: 8px solid #0070BC; } */

.accent-custom.login-page .card-primary.card-outline .card-header { /*border-bottom:3px solid #8DC73D;*/ padding: 1.50rem 1.25rem; background-color: var(--white); border-radius: .25rem .25rem 0 0; -moz-border-radius: .25rem .25rem 0 0; -webkit-border-radius: .25rem .25rem 0 0; }

.accent-custom .btn { border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; padding: .375rem 1.75rem; }
.accent-custom .btn1 { border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; }

.accent-custom .btn-primary { color:var(--white) !important;  background-color:var(--black); border-color: var(--black); }
.accent-custom .btn-primary:hover, .accent-custom .btn-primary:focus, .accent-custom .btn-primary.focus { color:var(--white) !important; background-color: var(--primary); border-color: var(--primary); }
.accent-custom .btn-primary:not(:disabled):not(.disabled).active, 
.accent-custom .btn-primary:not(:disabled):not(.disabled):active,
.accent-custom .show>.btn-primary.dropdown-toggle { background-color: var(--black); border-color: var(--black); }


.accent-custom .btn-cream, .accent-custom .btn-cream:hover, .accent-custom .btn-cream:focus, .accent-custom .btn-cream.focus, .accent-custom .btn-cream.active, .accent-custom .btn-cream:active { background-color: var(--cream); border-color: var(--cream); color: var(--white);  }


.accent-custom .btn-blue { color:var(--white) !important;  background-color:var(--blue); border-color: var(--blue); }
.accent-custom .btn-blue:hover, .accent-custom .btn-blue:focus, .accent-custom .btn-blue.focus { color:var(--white) !important; background-color: var(--lightblue); border-color: var(--lightblue); }
.accent-custom .btn-blue:not(:disabled):not(.disabled).active, 
.accent-custom .btn-blue:not(:disabled):not(.disabled):active,
.accent-custom .show>.btn-blue.dropdown-toggle { background-color: var(--blue); border-color: var(--blue); }



.accent-custom .btn-danger:hover, .accent-custom .btn-danger:focus { color:var(--white); }

.txt_lft { text-align: left; }
.txt_rgt { text-align: right; }

.txtarea_hgt { height: 150px !important; resize: none; }
.txtarea_hgt_50 { height: 50px !important; resize: none; }

.accent-custom .dashlogo { max-width: 95px; max-height: 80px; }

.accent-custom .frmwdth_cntr { max-width: 1024px; width: 96%; margin: 0 auto; }
.accent-custom .frmwdth_cntr_640 { max-width: 640px; width: 96%; margin: 0 auto; }

.accent-custom a { color:var(--primary); }
.accent-custom a:hover, .accent-custom a:focus, .accent-custom a.focus, .accent-custom a:active, .accent-custom a.active { color:var(--primary); }

.accent-custom .dropdown-item { color:var(--black); }
.accent-custom .dropdown-item.active, .accent-custom .dropdown-item:active { background-color: var(--blue); color: var(--white); }

.accent-custom .input-group-text { background-color: var(--primary); }
.accent-custom .input-group-text i { color:var(--white);  }

.accent-custom .login-logo img, .accent-custom .register-logo img { max-width:90px;  } 
.accent-custom .login_lftimg img { max-width: 100%; max-height: 300px; }
.accent-custom .multifactor_lftimg img { max-width: 100%; max-height: 400px; }
.accent-custom .frgtpwd_lftimg img { max-width: 100%; max-height: 400px; }
.accent-custom .resetpwd_lftimg img { max-width: 100%; max-height: 300px; }

.accent-custom .navbar { padding:1.2rem .2rem; }
.accent-custom .nav-pills .nav-link.active, .accent-custom .nav-pills .show>.nav-link { background-color: #6dcf00; }

.accent-custom .brand-link .brand-image-xs { left:90px;  max-height: 40px; }

.accent-custom [class*=sidebar-dark-] { background-color:var(--primaryblue); }

.accent-custom [class*=sidebar-dark] .brand-link, .accent-custom [class*=sidebar-dark] .brand-link .pushmenu { background-color:var(--white); padding: 1.5rem .5rem; }

.accent-custom .logo-xs.brand-image-xl { left: 10px; top: 15px; max-height: 30px; }

.accent-custom .user_div { position: relative;  }
.accent-custom .usercharacter { width:32px; height: 32px; display: inline-block; line-height: 32px; text-align: center; font-size: var(--f_sz22); background-color:var(--blue); color: #ffffff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;  }

.accent-custom .sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link { text-align: left; color: var(--white); }

.accent-custom .nav-sidebar .nav-link p, .accent-custom .nav-sidebar .nav-item>.nav-link { text-align: left; }

.accent-custom .sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, 
.accent-custom [class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link

{ background-color: var(--blue); color:var(--white); text-decoration: none; }

.accent-custom [class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link  { background-color: var(--lightprimary); color:var(--white); text-decoration: none; }
.accent-custom [class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link.active  { background-color: var(--blue); color:var(--white); text-decoration: none; }

/* Sidebar scroll fix - only sidebar scrolls when content overflows */
.accent-custom .main-sidebar {
  position: fixed !important;
  height: 100vh !important;
  overflow-y: hidden !important;
  overflow-x: hidden !important;
}

.accent-custom .sidebar {
  height: calc(100vh - (3.5rem + 1px)) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  position: relative;
  max-height: calc(100vh - (3.5rem + 1px));
  padding-bottom: 2rem !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
}

/* Ensure nav content has proper spacing at bottom */
.accent-custom .sidebar nav {
  padding-bottom: 2rem;
}

.accent-custom .sidebar::-webkit-scrollbar {
  width: 6px !important;
}

.accent-custom .sidebar::-webkit-scrollbar-track {
  background: transparent !important;
}

.accent-custom .sidebar::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.3) !important;
  border-radius: 3px;
}

.accent-custom .sidebar::-webkit-scrollbar-thumb:hover {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

/* Prevent AdminLTE from rotating fa-angle-down icon */
.accent-custom .nav-sidebar .nav-item.menu-open > .nav-link i.right.fa-angle-down,
.accent-custom .nav-sidebar .nav-item.menu-open > .nav-link p > i.right.fa-angle-down,
.accent-custom .nav-sidebar .menu-open > .nav-link i.right.fa-angle-down,
.accent-custom .nav-sidebar .menu-open > .nav-link p > i.right.fa-angle-down {
  -webkit-transform: none !important;
  transform: none !important;
}

/* Smooth expand/collapse animation for nav-treeview */
.accent-custom .nav-sidebar .nav-treeview {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.6s ease-in-out, opacity 0.5s ease-in-out;
  opacity: 0;
  display: block;
}

.accent-custom .nav-sidebar .nav-treeview.menu-open,
.accent-custom .nav-sidebar .nav-item.menu-open > .nav-treeview {
  max-height: 500px;
  opacity: 1;
}

/* .accent-custom [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active, 
.accent-custom [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus, 
.accent-custom [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover { background-color:var(--lightprimary); color: var(--white); } */

/* .accent-custom [class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link.active .nav-item .nav-treeview>.nav-item.menu-open>.nav-treeview .nav-item .nav-link.active, 
 { background-color:var(--white) !important; color: var(--white); } */

.menu-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #696a6a;
}

.accent-custom .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; }
.accent-custom .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f8d7da; }

.accent-custom .footer_logotxt { text-align: left; }
.accent-custom .footer_copyrgt { text-align: right; }

.accent-custom .table thead th { background-color: var(--primary); color:var(--white); font-weight: 600;  }
.accent-custom .table a { color: var(--blue); }
.accent-custom .page-item.active .page-link {  background-color: var(--primary); border-color: var(--primary); }


.accent-custom .dashboard_dsply { max-width: 98%; margin: 0 auto; display: flex; flex-flow: row wrap;  }
.accent-custom .dashboard_boxes { display: flex; justify-items: center; }

.accent-custom .small-box .icon>i { font-size: 40px; opacity: 0.4; }

.accent-custom .dash_icon svg, .accent-custom .dash_icon img  { position: absolute; right: 15px; top:20px; width: 50px; opacity: 0.8;  }

.multifactor_div_cntr { max-width: 960px; width: 96%; margin: 0 auto;  }
.qrcode_img img { max-width: 100%; }

.accent-custom .card-primary.card-outline { border-top: 3px solid var(--blue); }

.accent-custom .card-title { font-weight: 500; font-size: var(--f_sz16); color: var(--primary); margin-bottom: 5%;}


.accent-custom .col-form-label, .accent-custom label { font-weight: 600 !important; }

.accent-custom .txtdsply  {  padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); }


.accent-custom .icheck-primary>input:first-child:checked+input[type=hidden]+label::before, 
.accent-custom .icheck-primary>input:first-child:checked+label::before {
    background-color: var(--blue);
    border-color: var(--blue); 
}


.accent-custom .icheck-primary > input:first-child:not(:checked):not(:disabled):hover + label::before,
.accent-custom .icheck-primary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: var(--blue); 
}


.accent-custom .subtitle { border-bottom: 1px solid var(--grey);   }
.accent-custom .subtitle  h4 { border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0;  background-color:var(--primary); color: var(--white); padding: 8px; display: inline-block; }

.accent-custom .login_logo img { max-height: 85px; }

.accent-custom .s_profileupld .btn-bs-file { padding: 5px 15px; display: inline-block; border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; }
.accent-custom .s_profileupld i { font-size: 20px; }

/***************File Upload***************/
.accent-custom .btn-bs-file{
    position:relative;
  cursor:pointer;
  }
  .accent-custom .btn-bs-file input[type="file"]{
    position: absolute;
    top: -9999999;
    filter: alpha(opacity=0); 
    opacity: 0;
    width:0;
    height:0;
    outline: none;
    cursor: inherit;
  }
  
  /***************File Upload***************/


.accent-custom .product_imgdiv { width: 100%; display: flex; flex-flow:row wrap; justify-content: center; position: relative; border: 1px solid #ced4da; border-radius: .375rem; -moz-border-radius: .375rem; -webkit-border-radius: .375rem; padding: 10px; }
.accent-custom .product_imgdiv img { max-width: 100%; max-height: 400px; }
.accent-custom .product_imgdel { position: absolute; right: -10px; top:-15px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; background-color: #db0b00;  border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; padding: 10px; font-size:16px; color:#ffffff; } 

.accent-custom .prodlist_img img { max-height: 100px; }
.accent-custom .brand_img img { max-height: 45px; }

.accent-custom .multiselectdiv .multiselect-container>li>a>label { padding: 3px 10px 3px 10px; }
.accent-custom .multiselectdiv .multiselect-container>li>a { color:var(--black); }
.accent-custom .multiselectdiv .dropdown-menu { min-width:220px; }

/* Remove margin from dropdown-menu */
.accent-custom .dropdown-menu {
    margin: .999rem 0 0 !important;
}

.accent-custom .viewimages_wrapper img { max-width: 100%; }
.accent-custom .store_imgdiv { width: 100%;  display: flex; flex-flow:row wrap; position: relative; border: 1px solid #ced4da; border-radius: .375rem; -moz-border-radius: .375rem; -webkit-border-radius: .375rem; padding: 10px; justify-content: center; }
.accent-custom .storeimg { height: 195px; width: 100%; display: flex; align-items: center; justify-content: center; }
.accent-custom .store_imgdiv img { max-width: 100%; margin-bottom: 5px; max-height: 180px; }
.accent-custom .store_imgdel { position: absolute; right: -10px; top:-15px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; background-color: #db0b00;  border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; padding: 10px; font-size:16px; color:#ffffff; }  

.accent-custom .tp-product-rating-icon span { font-size: var(--f_sz14); }


.accent-custom .qrcode_scandiv img { max-width: 100%; max-height: 150px; }

.accent-custom .nocontent_div { width: 100%; display: inline-block; text-align: center; background-color: var(--white); padding: 35px 15px;}

.accent-custom .community_imgwrapper { position: relative; }
.accent-custom .community_icon { width: 150px; height: 150px; display: flex; justify-content:center; align-items: center; border: 1px solid var(--grey2);  }
.accent-custom .community_icon img { max-width: 130px; max-height: 100px; }
.accent-custom .community_delicon { position: absolute; top:-10px; right: -10px; background-color: var(--white); }
.accent-custom .community_delicon i { font-size: var(--f_sz26); }

.accent-custom .community_banner { width: 100%; height: 150px; display: flex; justify-content: center; align-items: center; border: 1px solid var(--grey); padding: 10px; }
.accent-custom .community_banner img { max-width: 100%; max-height: 150px; }

.accent-custom .search_suggestion_div { position: absolute; top:35px;  width: 100%; display: flex; flex-flow: row wrap;  background-color: var(--white); border-radius: .375rem; -moz-border-radius: .375rem; -webkit-border-radius: .375rem; border:1px solid #E0E2E3; padding: 15px; }

.accent-custom .search_suggest_list { width: 100%; display: flex; flex-flow:row wrap; max-height: 190px; overflow-y: auto; }
.accent-custom .search_suggest_item { width: 100%; display: flex; flex-flow:row wrap; font-size: 16px; padding: 5px; }
.accent-custom .search_suggest_item:hover { background-color: #f5f5f5; }

.accent-custom .community_categories { width: 100%; display: flex; flex-flow: row wrap; }
.accent-custom .community_categories .commu_catgry { padding: 5px 10px; background-color: var(--primary); color: var(--white); display: inline-flex; justify-content: center; align-items: center; }
.accent-custom .community_categories .commu_catgry i { font-size: var(--f_sz18); }


.accent-custom .socialmedia_network a { display: inline-block; width: 30px; height: 30px; line-height: 28px; text-align: center; border: 1px solid var(--grey2); border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin: 2px;  }

.accent-custom .description-clamp { display: -webkit-box; -webkit-line-clamp: 5;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;  white-space: normal; line-height: 1.4em;  max-height: 7em; /* 5 lines * 1.4em */
  cursor: help; }

.accent-custom .subcategory_div { width: 100%; display: flex; flex-flow: row wrap; align-items: center;  border-radius: .25rem; -moz-border-radius: .25rem; -webkit-border-radius: .25rem; }

.accent-custom .subcategory_div1 { width: 100%; display: flex; flex-flow: row wrap; border: 1px solid var(--grey); padding: 10px; border-radius: .25rem; -moz-border-radius: .25rem; -webkit-border-radius: .25rem; }

.accent-custom .add_childcat { width: 100%; display: flex; flex-flow: row wrap; border-top: 1px dashed var(--grey2); font-size: var(--f_sz12); justify-content: end; padding: 5px; text-decoration: underline; }

.accent-custom .view_childcat { width: 100%; display: flex; flex-flow: row wrap; border-top: 1px dashed var(--grey2); }
.accent-custom .view_childcat_listitem { width: 100%; display: flex; flex-flow: row wrap; border-bottom: 1px dashed var(--grey2);  }


.accent-custom .top_products_categoriesdesc { min-width: 300px; background-color: var(--white); z-index: 2; border: 1px solid var(--grey); padding: 15px; max-height: 520px; overflow-y: auto; scrollbar-width: thin; padding-right: 10px; }

.accent-custom .tp-shop-widget-checkbox ul { margin-left: -35px; }

.accent-custom .tp-shop-widget-checkbox ul li ul  { margin-left: -15px; }

.accent-custom .tp-shop-widget-checkbox label { margin-bottom: 0; }

.accent-custom .tp-shop-widget-categories { height: auto; overflow: auto; overscroll-behavior-y: contain; scrollbar-width: thin; padding-right: 10px; }

.accent-custom .tp-shop-widget-categories ul li { list-style: none; width: 100%; }

.accent-custom .tp-shop-widget-categories ul li:not(:last-child) { margin-bottom: 10px; }

.accent-custom .tp_categories .tp-shop-widget-checkbox .tp-shop-widget-brand-item { width: 100%; margin-bottom: 0; }

.accent-custom .innerbox { width: 100%; display: flex; flex-flow: row wrap; border: 1px solid var(--grey); padding: 10px; border-radius: .25rem; -moz-border-radius: .25rem; -webkit-border-radius: .25rem; }

.accent-custom .search_autosuggestdiv { width: 100%; display: flex; padding: 10px; border-radius: .25rem; -moz-border-radius: .25rem; -webkit-border-radius: .25rem; border: 1px solid var(--grey); }

.accent-custom .select2-container .select2-selection--single { height:34px !important; }
.accent-custom .select2-container--default .select2-selection--single{ border: 1px solid #ccc !important;  border-radius: .25rem; -moz-border-radius: .25rem; -webkit-border-radius: .25rem;    }

.accent-custom .categorymapping_page .page-link { padding: 1rem 1.25rem; }

/************switch toggle button style****************/
.accent-custom .toggle-off.btn-xs { padding-left: 1.5rem; }
.accent-custom .toggle-on.btn-xs { padding-left: 0.15rem; }
.accent-custom .toggle-handle {     padding: .375rem 0.75rem .375rem  1.5rem; }
/************switch toggle button style****************/

.accent-custom .benefits_img img { max-height: 45px; }


@media (max-width: 767px) {
.accent-custom .footer_logotxt { text-align: center; }
.accent-custom .footer_copyrgt { text-align: center; }

/* Notification dropdown mobile styles */
.accent-custom .dropdown-menu.dropdown-menu-lg.dropdown-menu-right {
  right: 10px !important;
  left: auto !important;
  max-width: calc(100vw - 20px);
  width: 320px;
  position: fixed !important;
  top: 60px !important;
  transform: none !important;
  max-height: calc(100vh - 80px);
  overflow-y: auto;
  z-index: 1050;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.accent-custom .dropdown-menu.dropdown-menu-lg .dropdown-item {
  white-space: normal;
  word-wrap: break-word;
  padding: 0.75rem 1rem;
}

.accent-custom .dropdown-menu.dropdown-menu-lg .dropdown-item-title {
  font-size: 0.875rem !important;
  word-break: break-word;
}

.accent-custom .dropdown-menu.dropdown-menu-lg .text-sm {
  font-size: 0.8rem !important;
}

.accent-custom .dropdown-menu.dropdown-menu-lg .media-body {
  width: 100%;
}
}

/* Logout Dropdown Item - Cursor Pointer */
.dropdown-item-logout {
  cursor: pointer;
}
.dropdown-item-logout1 {
  cursor: pointer;
}

.dropdown-item-logout:hover {
  background-color: #f8f9fa;
  color: #212529;
}