/* =========================================================
   Alicoq UI Theme - style-awesome-v4.css
   Full replacement file
   ========================================================= */

/* ---------- Base ---------- */
:root{
    --aw-primary:#2f63c6;
    --aw-primary-2:#3f74d8;
    --aw-teal:#1fb6aa;
    --aw-amber:#eb9b12;
    --aw-red:#ea4e5a;
    --aw-bg:#eef3f8;
    --aw-panel:#f7f9fc;
    --aw-line:#d7e1ee;
    --aw-line-2:#c8d4e4;
    --aw-text:#314761;
    --aw-muted:#6d7f98;
    --aw-white:#ffffff;
    --aw-shadow:0 8px 24px rgba(40,74,133,.08);
    --aw-radius:16px;
}

html,body{
    background:var(--aw-bg);
    color:var(--aw-text);
}

body{
    font-family:inherit;
}

a{
    transition:all .2s ease;
}

.card,
.panel,
.content-wrapper .content-body .card{
    border:1px solid var(--aw-line);
    border-radius:var(--aw-radius);
    box-shadow:var(--aw-shadow);
}

.form-control,
.selectpicker,
.input-group-text,
.custom-select,
textarea{
    border-radius:14px !important;
    border-color:var(--aw-line-2) !important;
    box-shadow:none !important;
}

.form-control:focus,
.custom-select:focus,
textarea:focus{
    border-color:#8eb1f1 !important;
    box-shadow:0 0 0 .15rem rgba(63,116,216,.12) !important;
}

.btn{
    border-radius:14px !important;
    font-weight:600;
}

/* ---------- Top bars / nav ---------- */
.navbar-container,
.header-navbar,
.header-navbar .navbar-wrapper,
.header-navbar .navbar-container{
    background:linear-gradient(90deg,var(--aw-primary),var(--aw-primary-2)) !important;
    border:none !important;
}

.header-navbar .navbar-nav .nav-link,
.header-navbar .navbar-nav .dropdown-toggle,
.header-navbar .navbar-nav .nav-item,
.header-navbar .navbar-brand,
.header-navbar .navbar-header a{
    color:#000 !important;
}

.main-menu.menu-light,
.main-menu.menu-dark,
.horizontal-menu .navbar-horizontal{
    background:linear-gradient(90deg,var(--aw-primary),var(--aw-primary-2)) !important;
    border:none !important;
}

.horizontal-menu .navbar-horizontal ul.nav > li > a,
.horizontal-menu .navbar-horizontal .nav-item > a{
    color:#fff !important;
}

.horizontal-menu .navbar-horizontal ul.nav > li.active > a,
.horizontal-menu .navbar-horizontal ul.nav > li > a:hover{
    border-radius:10px;
}

/* dropdown / submenu */
.dropdown-menu,
.megamenu,
.submenu-content,
.main-menu-content .menu-content,
.navbar-container .dropdown-menu{
    background:#fff !important;
    border:1px solid var(--aw-line) !important;
    border-radius:18px !important;
    box-shadow:0 14px 30px rgba(40,74,133,.12) !important;
}

.dropdown-menu a,
.megamenu a,
.submenu-content a,
.navbar-container .dropdown-menu a{
    color:var(--aw-text) !important;
}

.dropdown-menu a:hover,
.megamenu a:hover,
.submenu-content a:hover,
.navbar-container .dropdown-menu a:hover{
    color:var(--aw-primary) !important;
}

@media (max-width: 767.98px){
    .main-menu,
    .main-menu.menu-light,
    .main-menu.menu-dark,
    .horizontal-menu .navbar-horizontal,
    .horizontal-menu .navbar-horizontal .nav-item,
    .horizontal-menu .navbar-horizontal .nav-link{
        background:linear-gradient(90deg,var(--aw-primary),var(--aw-primary-2)) !important;
    }

    .main-menu .navigation > li > a,
    .main-menu .navigation > li > ul a,
    .horizontal-menu .navbar-horizontal ul li a,
    .horizontal-menu .navbar-horizontal ul li span{
        color:#fff !important;
    }

    .main-menu .navigation > li.open > a,
    .main-menu .navigation > li > a:hover,
    .horizontal-menu .navbar-horizontal ul li a:hover{
    }
}

/* ---------- Dashboard widgets ---------- */
.aw-stat{
    position:relative;
    overflow:hidden;
    border-radius:22px;
    padding:22px 18px !important;
    min-height:128px;
    color:#fff;
    text-align:center !important;
    box-shadow:var(--aw-shadow);
}

.aw-stat:after{
    content:"";
    position:absolute;
    right:-28px;
    top:-14px;
    width:108px;
    height:108px;
    border-radius:50%;
    background:rgba(255,255,255,.14);
}

.aw-stat-amber{ background:linear-gradient(135deg,#df8504,#f0a92f); }
.aw-stat-red{ background:linear-gradient(135deg,#e43645,#ef5f6b); }
.aw-stat-primary{ background:linear-gradient(135deg,#315ab8,#5a84e3); }
.aw-stat-teal{ background:linear-gradient(135deg,#159f94,#26c6b9); }

.aw-stat-icon{
    position:static !important;
    display:block !important;
    margin:0 0 8px 0 !important;
    font-size:20px !important;
    line-height:1 !important;
    opacity:1 !important;
    color:#fff !important;
}

.aw-stat-value{
    display:block !important;
    margin:0 !important;
    font-size:34px !important;
    line-height:1.15 !important;
    font-weight:800 !important;
    letter-spacing:-.02em;
    text-align:center !important;
    color:#fff !important;
}

.aw-stat-label{
    display:block !important;
    margin-top:6px !important;
    font-size:18px !important;
    line-height:1.25 !important;
    font-weight:600;
    text-align:center !important;
    color:rgba(255,255,255,.96) !important;
    min-height:22px;
}

@media (max-width: 767.98px){
    .aw-stat{
        min-height:110px;
        padding:18px 14px !important;
    }
    .aw-stat-value{
        font-size:28px !important;
    }
    .aw-stat-label{
        font-size:16px !important;
    }
}

/* ---------- Generic tables/cards ---------- */
.table,
.dataTables_wrapper .table{
    background:#fff;
}

.table thead th{
    background:#f4f8ff;
    color:#3d5675;
    border-color:var(--aw-line) !important;
}

.table td,
.table th{
    border-color:var(--aw-line) !important;
}

.dataTables_wrapper .dataTables_filter input{
    border:1px solid var(--aw-line-2) !important;
    border-radius:14px !important;
    padding:.45rem .85rem !important;
}

/* =========================================================
   POS HARD LAYOUT FIX
   ========================================================= */

form#data_form{
    position:relative !important;
    min-height:calc(100vh - 120px) !important;
}

.sidebar-left.sidebar-fixed{
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    width:540px !important;
    height:100% !important;
    margin:0 !important;
    float:none !important;
    z-index:5 !important;
    background:var(--aw-bg) !important;
    border-right:1px solid var(--aw-line) !important;
}

.sidebar-left .sidebar,
.sidebar-left .sidebar-content{
    width:100% !important;
    height:100% !important;
    display:block !important;
    background:transparent !important;
}

.chat-fixed-search{
    position:relative !important;
    width:100% !important;
    left:auto !important;
    top:auto !important;
    margin:0 !important;
    padding:14px 14px 10px !important;
    background:transparent !important;
    z-index:auto !important;
}

.users-list-padding{
    padding-top:0 !important;
    padding-bottom:94px !important;
    margin-top:0 !important;
}

#customer-box-result,
#customer{
    width:100% !important;
    margin-left:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    overflow:hidden !important;
}

#customer .clientinfo,
#customer_name{
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:normal !important;
    word-break:break-word;
}

#customer-box-result > div,
#customer-box-result .list-group,
#customer-box-result .list-group-item{
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

#customer-box-result{
    margin-top:8px !important;
}

.sidebar-left .bg-gradient-directional-purple{
    background:linear-gradient(90deg,#7a2fb0,#b05cd5) !important;
    border-radius:12px 12px 0 0;
}

.sidebar-left hr{
    border-color:var(--aw-line) !important;
}

.sidebar-left .nav-tabs{
    border-bottom:none !important;
    gap:8px;
    flex-wrap:wrap;
}

.sidebar-left .nav-tabs .nav-item{
    margin-bottom:0;
}

.sidebar-left .tab-content{
    background:transparent !important;
    border:none !important;
    padding-left:0 !important;
    padding-right:0 !important;
}

.content-right{
    position:absolute !important;
    top:0 !important;
    left:540px !important;
    right:0 !important;
    bottom:0 !important;
    width:auto !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
    overflow:hidden !important;
    background:var(--aw-panel) !important;
}

.content-right .content-wrapper,
.content-right .content-body{
    height:100% !important;
    min-height:100% !important;
    margin:0 !important;
    padding:0 !important;
    background:var(--aw-panel) !important;
}

.chat-app-window{
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    bottom:86px !important;
    display:block !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:18px 26px 12px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    background:var(--aw-panel) !important;
    text-align:initial !important;
}

.chat-app-window > .row:first-child{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    margin:0 0 12px 0 !important;
}

.chat-app-window > .row:first-child > div{
    margin-bottom:8px;
}

#pos_item{
    display:block !important;
    width:100% !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
}

#pos_item .col-md-12.pt-0{
    padding-top:0 !important;
    display:block !important;
}

.chat-app-form{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    height:86px !important;
    margin:0 !important;
    padding:14px 12px !important;
    background:#eceff4 !important;
    border-top:1px solid var(--aw-line) !important;
    overflow:hidden !important;
}

.chat-app-form .form-group{
    margin:0 !important;
}

.chat-app-form .btn-group{
    display:inline-flex !important;
    gap:10px;
    flex-wrap:wrap;
}

.chat-app-form .btn{
    min-width:128px;
    border-radius:14px !important;
    font-weight:700 !important;
}

.chat-app-form .btn-warning{
    background:#eb9709 !important;
    border-color:#eb9709 !important;
    color:#fff !important;
}
.chat-app-form .btn-success{
    background:#16aa95 !important;
    border-color:#16aa95 !important;
    color:#fff !important;
}
.chat-app-form .btn-primary{
    background:var(--aw-primary) !important;
    border-color:var(--aw-primary) !important;
}

.content-right .row.m-0,
.chat-app-window .row.m-0,
#pos_item .row.m-0{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:flex-start !important;
}

#pos-customer-box{
    min-height:42px !important;
}

#v2_search_bar{
    min-height:42px !important;
    text-align:center !important;
}

@media (max-width: 991.98px){
    .sidebar-left.sidebar-fixed{
        width:330px !important;
    }

    .content-right{
        left:330px !important;
    }

    .chat-app-window{
        padding:14px 14px 10px !important;
    }

    .aw-stat-value{
        font-size:30px !important;
    }

    .aw-stat-label{
        font-size:16px !important;
    }
}

@media (max-width: 767.98px){
    form#data_form{
        min-height:auto !important;
    }

    .sidebar-left.sidebar-fixed{
        position:relative !important;
        width:100% !important;
        height:auto !important;
        border-right:0 !important;
    }

    .content-right{
        position:relative !important;
        left:auto !important;
        right:auto !important;
        top:auto !important;
        bottom:auto !important;
        width:100% !important;
        height:auto !important;
        overflow:visible !important;
    }

    .content-right .content-wrapper,
    .content-right .content-body{
        height:auto !important;
        min-height:0 !important;
    }

    .chat-app-window{
        position:relative !important;
        top:auto !important;
        bottom:auto !important;
        height:auto !important;
        min-height:420px !important;
        padding:14px !important;
    }

    .chat-app-form{
        position:relative !important;
        height:auto !important;
        padding:14px !important;
    }

    .chat-app-form .btn-group{
        justify-content:center;
    }
}

.alert{
    border-radius:14px;
}

.modal-content{
    border-radius:18px !important;
    border:1px solid var(--aw-line) !important;
}

.pagination .page-link{
    border-radius:10px !important;
    margin:0 2px;
}

.selectpicker.form-control:not([size]):not([multiple]){
    height:42px !important;
}
/* ===== POS customer search modern rounded style ===== */
.chat-fixed-search{
    overflow: visible !important;
}

.chat-fixed-search .input-group{
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    background: #ffffff !important;
    border: 1px solid #d9e4f2 !important;
    border-radius: 22px !important;
    box-shadow: 0 8px 24px rgba(47,99,198,.08) !important;
    padding: 6px !important;
    overflow: visible !important;
}

.chat-fixed-search .input-group-prepend{
    flex: 0 0 auto !important;
    margin-right: 6px !important;
}

.chat-fixed-search .input-group-prepend .input-group-text{
    width: 42px !important;
    height: 42px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #f3f7fd !important;
    color: #2f63c6 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    box-shadow: none !important;
}

.chat-fixed-search .input-group .form-control{
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 44px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 14px !important;
    font-size: 15px !important;
    color: #314761 !important;
}

.chat-fixed-search .input-group .form-control::placeholder{
    color: #8ea1ba !important;
}

.chat-fixed-search .input-group-append{
    flex: 0 0 auto !important;
    margin-left: 8px !important;
    position: relative !important;
}

.chat-fixed-search .input-group-append .btn{
    border: 0 !important;
    border-radius: 16px !important;
    height: 44px !important;
    padding: 0 18px !important;
    background: linear-gradient(135deg, #2f63c6, #3f74d8) !important;
    color: #fff !important;
    font-weight: 700 !important;
    box-shadow: 0 10px 22px rgba(47,99,198,.20) !important;
    white-space: nowrap !important;
}

.chat-fixed-search .input-group-append .btn:hover,
.chat-fixed-search .input-group-append .btn:focus{
    transform: translateY(-1px);
    box-shadow: 0 12px 24px rgba(47,99,198,.24) !important;
}

.chat-fixed-search #customer-box-result{
    margin-top: 10px !important;
}

.chat-fixed-search #customer{
    margin-top: 10px !important;
}

.chat-fixed-search #customer .clientinfo{
    background: #f6f9fe !important;
    border: 1px solid #d9e4f2 !important;
    border-radius: 18px !important;
    padding: 12px 14px !important;
}

@media (max-width: 768px){
    .chat-fixed-search .input-group{
        padding: 5px !important;
        border-radius: 18px !important;
    }

    .chat-fixed-search .input-group-prepend .input-group-text{
        width: 38px !important;
        height: 38px !important;
    }

    .chat-fixed-search .input-group .form-control{
        height: 40px !important;
        font-size: 14px !important;
        padding: 0 10px !important;
    }

    .chat-fixed-search .input-group-append .btn{
        height: 40px !important;
        padding: 0 12px !important;
        font-size: 13px !important;
    }
}
/* =========================================================
   FINAL VISIBILITY FIX - Header search + mobile dropdown
   Added to override theme conflicts safely
   ========================================================= */

/* Header customer search: force white background and readable text */
#head-customerbox,
input#head-customerbox,
.header-navbar #head-customerbox,
.navbar-container #head-customerbox,
.header-navbar input#head-customerbox,
.navbar-container input#head-customerbox,
input.input#head-customerbox{
    background:#ffffff !important;
    color:#1f334a !important;
    border:1px solid #c8d4e4 !important;
    border-radius:14px !important;
    height:40px !important;
    padding:8px 14px !important;
    box-shadow:0 4px 14px rgba(20,40,80,.08) !important;
    opacity:1 !important;
}

/* Header customer search placeholder: darker and readable */
#head-customerbox::placeholder,
input#head-customerbox::placeholder,
.header-navbar #head-customerbox::placeholder,
.navbar-container #head-customerbox::placeholder,
input.input#head-customerbox::placeholder{
    color:#52657d !important;
    opacity:1 !important;
}

#head-customerbox::-webkit-input-placeholder,
input#head-customerbox::-webkit-input-placeholder,
input.input#head-customerbox::-webkit-input-placeholder{
    color:#52657d !important;
    opacity:1 !important;
}

#head-customerbox:-ms-input-placeholder,
input#head-customerbox:-ms-input-placeholder,
input.input#head-customerbox:-ms-input-placeholder{
    color:#52657d !important;
    opacity:1 !important;
}

#head-customerbox::-ms-input-placeholder,
input#head-customerbox::-ms-input-placeholder,
input.input#head-customerbox::-ms-input-placeholder{
    color:#52657d !important;
    opacity:1 !important;
}

#head-customerbox:focus,
input#head-customerbox:focus,
input.input#head-customerbox:focus{
    background:#ffffff !important;
    color:#1f334a !important;
    border-color:#8eb1f1 !important;
    box-shadow:0 0 0 .18rem rgba(63,116,216,.18), 0 8px 20px rgba(20,40,80,.10) !important;
    outline:none !important;
}

/* Mobile nav/dropdown: force blue background with white text */
@media (max-width: 767.98px){

    .header-navbar,
    .header-navbar .navbar-wrapper,
    .header-navbar .navbar-container,
    .navbar-container,
    .main-menu,
    .main-menu.menu-light,
    .main-menu.menu-dark,
    .main-menu-content,
    .main-menu .main-menu-content,
    .main-menu .navigation,
    .main-menu .navigation > li,
    .main-menu .navigation > li.open,
    .main-menu .navigation > li.active,
    .main-menu .navigation > li > ul,
    .main-menu .navigation > li > ul > li,
    .main-menu .navigation .menu-content,
    .horizontal-menu .navbar-horizontal,
    .horizontal-menu .navbar-horizontal .navbar-container,
    .horizontal-menu .navbar-horizontal ul.nav,
    .horizontal-menu .navbar-horizontal ul.nav > li,
    .horizontal-menu .navbar-horizontal .dropdown-menu,
    .horizontal-menu .navbar-horizontal .dropdown-menu li,
    .horizontal-menu .navbar-horizontal .dropdown-menu .dropdown-submenu,
    .horizontal-menu .navbar-horizontal .submenu-content,
    .horizontal-menu .navbar-horizontal .megamenu,
    .dropdown-menu,
    .navbar-container .dropdown-menu{
        background:linear-gradient(90deg,var(--aw-primary),var(--aw-primary-2)) !important;
        background-color:var(--aw-primary) !important;
        border-color:rgba(255,255,255,.20) !important;
    }

    .header-navbar a,
    .header-navbar .nav-link,
    .header-navbar .dropdown-toggle,
    .header-navbar .navbar-brand,
    .main-menu .navigation > li > a,
    .main-menu .navigation > li > a span,
    .main-menu .navigation > li > ul a,
    .main-menu .navigation > li > ul a span,
    .main-menu .navigation .menu-content a,
    .main-menu .navigation .menu-content a span,
    .horizontal-menu .navbar-horizontal ul.nav > li > a,
    .horizontal-menu .navbar-horizontal ul.nav > li > a span,
    .horizontal-menu .navbar-horizontal .dropdown-menu a,
    .horizontal-menu .navbar-horizontal .dropdown-menu a span,
    .horizontal-menu .navbar-horizontal .submenu-content a,
    .horizontal-menu .navbar-horizontal .submenu-content a span,
    .dropdown-menu a,
    .dropdown-menu a span,
    .navbar-container .dropdown-menu a,
    .navbar-container .dropdown-menu a span{
        color:#ffffff !important;
    }

    .main-menu .navigation > li > a:hover,
    .main-menu .navigation > li.open > a,
    .main-menu .navigation > li.active > a,
    .main-menu .navigation > li > ul a:hover,
    .horizontal-menu .navbar-horizontal ul.nav > li > a:hover,
    .horizontal-menu .navbar-horizontal .dropdown-menu a:hover,
    .horizontal-menu .navbar-horizontal .submenu-content a:hover,
    .dropdown-menu a:hover,
    .navbar-container .dropdown-menu a:hover{
        background:rgba(255,255,255,.12) !important;
        color:#ffffff !important;
        border-radius:10px !important;
    }

    .main-menu i,
    .header-navbar i,
    .horizontal-menu i,
    .dropdown-menu i,
    .navbar-container .dropdown-menu i{
        color:#ffffff !important;
    }
}

/* Desktop dropdowns: keep theme blue if they appear from the nav bar */
.header-navbar .dropdown-menu,
.navbar-container .dropdown-menu,
.horizontal-menu .navbar-horizontal .dropdown-menu,
.horizontal-menu .navbar-horizontal .submenu-content,
.horizontal-menu .navbar-horizontal .megamenu{
    background:linear-gradient(90deg,var(--aw-primary),var(--aw-primary-2)) !important;
    background-color:var(--aw-primary) !important;
    border:1px solid rgba(255,255,255,.18) !important;
}

.header-navbar .dropdown-menu a,
.navbar-container .dropdown-menu a,
.horizontal-menu .navbar-horizontal .dropdown-menu a,
.horizontal-menu .navbar-horizontal .submenu-content a,
.horizontal-menu .navbar-horizontal .megamenu a{
    color:#ffffff !important;
}

.header-navbar .dropdown-menu a:hover,
.navbar-container .dropdown-menu a:hover,
.horizontal-menu .navbar-horizontal .dropdown-menu a:hover,
.horizontal-menu .navbar-horizontal .submenu-content a:hover,
.horizontal-menu .navbar-horizontal .megamenu a:hover{
    background:rgba(255,255,255,.12) !important;
    color:#ffffff !important;
}


/* =========================================================
   RIF CRITICAL VISIBILITY FIX - header search + dropdowns
   Source files using this CSS:
   - header.php -> header-va.php / header-ha.php
   - header-pos.php
   ========================================================= */

:root{--rif-header-blue:#2f63c6;--rif-header-blue-2:#3f74d8;--rif-header-text:#1f334a;--rif-header-placeholder:#52657d;}

.header-navbar li.nav-search .search-input input#head-customerbox,
.header-navbar .nav-search .search-input input.input#head-customerbox,
.header-navbar input#head-customerbox,
.navbar-container input#head-customerbox,
input#head-customerbox,
input.input#head-customerbox,
input.nav-link.menu-search.form-control.round#head-customerbox{
    display:block!important;min-width:280px!important;height:40px!important;line-height:40px!important;
    background:#fff!important;background-color:#fff!important;color:var(--rif-header-text)!important;
    -webkit-text-fill-color:var(--rif-header-text)!important;border:1px solid #c8d4e4!important;
    border-radius:14px!important;padding:0 14px!important;opacity:1!important;
    box-shadow:0 4px 14px rgba(20,40,80,.08)!important;caret-color:var(--rif-header-text)!important;
}
.header-navbar li.nav-search .search-input input#head-customerbox::placeholder,
.header-navbar .nav-search .search-input input.input#head-customerbox::placeholder,
.header-navbar input#head-customerbox::placeholder,
.navbar-container input#head-customerbox::placeholder,
input#head-customerbox::placeholder,
input.input#head-customerbox::placeholder{
    color:var(--rif-header-placeholder)!important;-webkit-text-fill-color:var(--rif-header-placeholder)!important;opacity:1!important;
}
.header-navbar input#head-customerbox::-webkit-input-placeholder,
.navbar-container input#head-customerbox::-webkit-input-placeholder,
input#head-customerbox::-webkit-input-placeholder{color:var(--rif-header-placeholder)!important;opacity:1!important;}
.header-navbar input#head-customerbox:-ms-input-placeholder,
.navbar-container input#head-customerbox:-ms-input-placeholder,
input#head-customerbox:-ms-input-placeholder,
.header-navbar input#head-customerbox::-ms-input-placeholder,
.navbar-container input#head-customerbox::-ms-input-placeholder,
input#head-customerbox::-ms-input-placeholder{color:var(--rif-header-placeholder)!important;opacity:1!important;}
.header-navbar input#head-customerbox:focus,
.navbar-container input#head-customerbox:focus,
input#head-customerbox:focus{background:#fff!important;color:var(--rif-header-text)!important;-webkit-text-fill-color:var(--rif-header-text)!important;border-color:#8eb1f1!important;outline:none!important;}

#head-customerbox-result,
.header-navbar #head-customerbox-result,
.navbar-container #head-customerbox-result,
.header-navbar #head-customerbox-result.dropdown-menu,
.navbar-container #head-customerbox-result.dropdown-menu{
    background:linear-gradient(90deg,var(--rif-header-blue),var(--rif-header-blue-2))!important;
    background-color:var(--rif-header-blue)!important;border:1px solid rgba(255,255,255,.22)!important;
    border-radius:14px!important;box-shadow:0 12px 28px rgba(20,40,80,.18)!important;color:#fff!important;
}
#head-customerbox-result *,#head-customerbox-result a,#head-customerbox-result .dropdown-item,
.header-navbar #head-customerbox-result *, .header-navbar #head-customerbox-result a, .header-navbar #head-customerbox-result .dropdown-item{color:#fff!important;-webkit-text-fill-color:#fff!important;background:#2f63c6;}
#head-customerbox-result a:hover,#head-customerbox-result .dropdown-item:hover{background:rgba(255,255,255,.14)!important;color:#fff!important;}

.header-navbar .dropdown-menu, .header-navbar .mega-dropdown-menu, .header-navbar .dropdown-submenu>.dropdown-menu,
.header-navbar .submenu-content, .header-navbar .dropdown-menu .card, .header-navbar .dropdown-menu .card-header,
.header-navbar .dropdown-menu .card-content, .header-navbar .dropdown-menu .card-body, .header-navbar .dropdown-menu .collapse,
.header-navbar .dropdown-menu ul, .header-navbar .dropdown-menu li, .navbar-container .dropdown-menu,
.navbar-container .mega-dropdown-menu, .navbar-container .dropdown-submenu>.dropdown-menu, .navbar-container .submenu-content,
.horizontal-menu .navbar-horizontal .dropdown-menu, .horizontal-menu .navbar-horizontal .mega-dropdown-menu,
.horizontal-menu .navbar-horizontal .dropdown-submenu>.dropdown-menu, .horizontal-menu .navbar-horizontal .submenu-content,
.main-menu .navigation>li>ul, .main-menu .navigation .menu-content{
    background:linear-gradient(90deg,var(--rif-header-blue),var(--rif-header-blue-2))!important;
    background-color:var(--rif-header-blue)!important;border-color:rgba(255,255,255,.18)!important;
}
.header-navbar .dropdown-menu, .header-navbar .mega-dropdown-menu, .navbar-container .dropdown-menu, .navbar-container .mega-dropdown-menu,
.horizontal-menu .navbar-horizontal .dropdown-menu, .horizontal-menu .navbar-horizontal .mega-dropdown-menu{border-radius:14px!important;box-shadow:0 14px 30px rgba(20,40,80,.18)!important;}
.header-navbar .dropdown-menu *, .header-navbar .mega-dropdown-menu *, .header-navbar .dropdown-menu a,
.header-navbar .dropdown-menu a span, .header-navbar .dropdown-menu .dropdown-item, .header-navbar .dropdown-menu .dropdown-header,
.header-navbar .dropdown-menu .text-muted, .header-navbar .dropdown-menu .black, .header-navbar .dropdown-menu .blue,
.header-navbar .dropdown-menu h1, .header-navbar .dropdown-menu h2, .header-navbar .dropdown-menu h3, .header-navbar .dropdown-menu h4,
.header-navbar .dropdown-menu h5, .header-navbar .dropdown-menu h6, .navbar-container .dropdown-menu *, .navbar-container .dropdown-menu a,
.navbar-container .dropdown-menu a span, .navbar-container .dropdown-menu .dropdown-item, .navbar-container .dropdown-menu .dropdown-header,
.navbar-container .dropdown-menu .text-muted, .navbar-container .dropdown-menu .black, .navbar-container .dropdown-menu .blue,
.horizontal-menu .navbar-horizontal .dropdown-menu *, .horizontal-menu .navbar-horizontal .dropdown-menu a,
.horizontal-menu .navbar-horizontal .dropdown-menu a span, .horizontal-menu .navbar-horizontal .dropdown-menu .dropdown-item,
.horizontal-menu .navbar-horizontal .dropdown-menu .dropdown-header, .horizontal-menu .navbar-horizontal .dropdown-menu .text-muted,
.horizontal-menu .navbar-horizontal .dropdown-menu .black, .horizontal-menu .navbar-horizontal .dropdown-menu .blue,
.main-menu .navigation>li>ul a, .main-menu .navigation>li>ul a span, .main-menu .navigation .menu-content a, .main-menu .navigation .menu-content a span{
    color:#fff!important;-webkit-text-fill-color:#fff!important;
}
.header-navbar .dropdown-menu a:hover, .header-navbar .dropdown-menu .dropdown-item:hover,
.header-navbar .dropdown-menu a:focus, .header-navbar .dropdown-menu .dropdown-item:focus,
.navbar-container .dropdown-menu a:hover, .navbar-container .dropdown-menu .dropdown-item:hover,
.horizontal-menu .navbar-horizontal .dropdown-menu a:hover, .horizontal-menu .navbar-horizontal .dropdown-menu .dropdown-item:hover,
.main-menu .navigation>li>ul a:hover, .main-menu .navigation .menu-content a:hover{
    background:rgba(255,255,255,.14)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-radius:10px!important;
}
@media(max-width:767.98px){
    .header-navbar .navbar-container,.header-navbar #navbar-mobile,.header-navbar #navbar-mobile .nav,.header-navbar #navbar-mobile .nav-item,
    .header-navbar #navbar-mobile .dropdown-menu,.header-navbar #navbar-mobile .mega-dropdown-menu,.header-navbar #navbar-mobile .dropdown-submenu>.dropdown-menu,
    .header-navbar #navbar-mobile .submenu-content,.horizontal-menu .navbar-horizontal,.horizontal-menu .navbar-horizontal .navbar-container,
    .horizontal-menu .navbar-horizontal .dropdown-menu,.main-menu,.main-menu .main-menu-content,.main-menu .navigation,.main-menu .navigation>li,
    .main-menu .navigation>li>ul,.main-menu .navigation .menu-content{background:linear-gradient(90deg,var(--rif-header-blue),var(--rif-header-blue-2))!important;background-color:var(--rif-header-blue)!important;}
    .header-navbar #navbar-mobile a,.header-navbar #navbar-mobile a span,.header-navbar #navbar-mobile .dropdown-item,.header-navbar #navbar-mobile .dropdown-header,
    .header-navbar #navbar-mobile .text-muted,.header-navbar #navbar-mobile .black,.header-navbar #navbar-mobile .blue,
    .horizontal-menu .navbar-horizontal a,.horizontal-menu .navbar-horizontal a span,.main-menu .navigation a,.main-menu .navigation a span{color:#fff!important;-webkit-text-fill-color:#fff!important;}
    .header-navbar li.nav-search .search-input input#head-customerbox,.header-navbar .nav-search .search-input input.input#head-customerbox,input#head-customerbox{
        min-width:220px!important;width:100%!important;max-width:calc(100vw - 32px)!important;background:#fff!important;color:var(--rif-header-text)!important;-webkit-text-fill-color:var(--rif-header-text)!important;
    }
}
/* =========================================================
   MOBILE HAMBURGER MENU FIX (REAL SELECTORS)
   ========================================================= */

@media (max-width: 767.98px){

    .main-menu,
    .main-menu.menu-light,
    .main-menu.menu-dark,
    .main-menu-content,
    .main-menu .navigation,
    .main-menu .navigation > li,
    .main-menu .navigation > li.open,
    .main-menu .navigation > li.active,
    .main-menu .navigation > li > ul{

        background: linear-gradient(90deg, var(--aw-primary), var(--aw-primary-2)) !important;
        background-color: var(--aw-primary) !important;
    }

    .main-menu .navigation > li > a,
    .main-menu .navigation > li > a span,
    .main-menu .navigation > li > ul a,
    .main-menu .navigation > li > ul a span{
        color: #ffffff !important;
    }

    .main-menu .navigation > li > a:hover,
    .main-menu .navigation > li.open > a,
    .main-menu .navigation > li.active > a,
    .main-menu .navigation > li > ul a:hover{
        background: rgba(255,255,255,0.12) !important;
        color: #ffffff !important;
    }

    .main-menu i{
        color:#ffffff !important;
    }
}
/* =========================================================
   CUSTOMER SEARCH DROPDOWN FIX (AUTOCOMPLETE)
   ========================================================= */

#customer-box-result{
    background:#ffffff !important;
    border:1px solid #d7e1ee !important;
    border-radius:14px !important;
    box-shadow:0 10px 25px rgba(0,0,0,0.08) !important;
    overflow:hidden !important;
}

#customer-box-result .list-group-item{
    background:#ffffff !important;
    color:#1f334a !important;
    border:0 !important;
    border-bottom:1px solid #eef3f8 !important;
}

#customer-box-result .list-group-item:hover{
    background:linear-gradient(90deg, var(--aw-primary), var(--aw-primary-2)) !important;
    color:#ffffff !important;
}