@font-face {
font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('fonts/opensans-semibold-webfont.eot');
    src: url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('fonts/opensans-semibold-webfont.woff') format('woff'),
         url('fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
*{font-style: normal;}
body{ font-family: 'open_sansregular' !important; }
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover{color: #fff!important;background-color: #0B76C9!important;border-color: #0B76C9!important;}
.btn-primary{color: #fff!important;background-color: #0B76C9!important;border-color: #0B76C9!important;}
.btn-primary:hover {color: #fff!important;background-color: #1f86d8!important;border-color: #2196f3!important;}
:any-link {text-decoration: none;}
.btn-success {background-color: #4ba614!important;border-color: #4ba614!important; color:#fff!important;}
.btn-success:hover{background-color:#489e14!important}
.top-bar{background-color: #0B76C9; margin-bottom:0px; border:0px;}
a{outline: medium none !important;}
.top-bar .navbar-brand {height: auto !important; padding:4px 0 0px 0px;float: left;}
.top-bar.navbar-default .navbar-nav.navbar-right > li > a{ color:#fff; font-size:15px; text-decoration:none; background:url("images/brd-topmenu.png") no-repeat scroll right center; padding:10px 10px}
.top-bar.navbar-default .navbar-nav.navbar-right > li > a:hover {color:#fff;}
.top-bar .navbar-right{ margin-top:0; margin-right:0px;}
.top-bar .navbar-toggle {padding:9px; margin:10px 12px 8px 12px }
.main-nav-top{ border-radius:0px; border-bottom: 1px solid #b2b2b2; min-height:44px; width:100%; display: table; margin-bottom:0px;background: #fff;box-shadow: 0px 5px 5px 0px rgb(161 118 100 / 10%);
/*background: -moz-linear-gradient(top,#ccc 0%,#666 100%);background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ccc),color-stop(100%,#666));background: -webkit-linear-gradient(top,#ccc 0%,#666 100%);
background: -o-linear-gradient(top,#ccc 0%,#666 100%);background: -ms-linear-gradient(top,#ccc 0%,#666 100%);background: linear-gradient(to bottom,#ccc 0%,#666 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc',endColorstr='#666666',GradientType=0);*/}
.main-nav-top.navbar-nav > li{ display:table-cell; float:none;}
.main-nav-top .navbar-collapse{ padding:0px}
.main-nav-top.navbar-nav > li > a {padding: 13px 8px 12px 8px; font-size:13px; color:#fff12p; text-decoration:none; border-right: 1px solid #b2b2b2; color:#545A6D !important; text-align:center; white-space: nowrap;text-transform: uppercase;font-weight: bold;}
.main-nav-top.navbar-nav > li:last-child a{border-right:0px;}
/*.main-nav-top.navbar-nav > li > a:hover, .main-nav-top.navbar-nav > li > a:focus, .main-nav-top .ActiveButton{ background: #333;background: -moz-linear-gradient(top,#333 0%,#5f5f5f 100%);background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#333),color-stop(100%,#5f5f5f));background: -webkit-linear-gradient(top,#333 0%,#5f5f5f 100%);
background: -o-linear-gradient(top,#333 0%,#5f5f5f 100%);background: -ms-linear-gradient(top,#333 0%,#5f5f5f 100%);background: linear-gradient(to bottom,#333 0%,#5f5f5f 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333',endColorstr='#5f5f5f',GradientType=0); color:#fff;}*/
/*.main-nav-top.navbar-nav > li > a:hover, .main-nav-top.navbar-nav > li > a:focus, .main-nav-top .ActiveButton{ background: #5da2d7;color: #fff;}*/
.main-nav-top.navbar-toggle{ float:left; margin-left:15px;}
.navbar-nav.navbar-right:last-child{margin-right:0px;}
.navbar-default .navbar-toggle .icon-bar{ background-color:#fff;}
.ques_btn {margin-top:10px;float: left; margin-right: 5px;}
.ques_btn a {color: #fff !important; text-transform: uppercase; font-size: 14px;border: 1px solid #fff; padding: 3px; border-radius: 4px;}
.main-nav-top i {position: relative;top: 1px; font-size: 16px;margin-right: 5px;}
.main-nav-top li.ActiveButton a {color: #fff !important;}
.top-bar .navbar-brand img{width: 140px;}
.main-nav-top.navbar-nav > li > a:hover, .main-nav-top.navbar-nav > li > a:focus, .main-nav-top .ActiveButton{ background: #333 !important;
    background: -o-linear-gradient(top, #333 0%, #5f5f5f 100%)!important; background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#5f5f5f))!important;
    background: linear-gradient(to bottom, #333 0%, #5f5f5f 100%)!important;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#5f5f5f', GradientType=0);color: #fff !important;-webkit-text-fill-color: #fff;}

/****************/
.grid-w-100{width: 100% !important;}
.ui-widget-content{background: #eee;}
#spnRefreshPrinter {top: 9px;}
.onboarding-popup .modal-header {padding: 10px 15px;border-bottom: 1px solid #e5e5e5;background: #3376C9;color: #fff;border-radius: 4px 4px 0px 0px;}
.onboarding-popup .modal-title{color: #fff;}
.onboarding-popup .modal-header .close {margin-top: 0px;color: #fff;opacity: 1;}
.onboarding-popup .modal-content .modal-body li {list-style: none;display: inline;margin-left: 20px;}
.onboarding-popup .modal-content .modal-body li:first-child {margin-left: 0;}
.onboarding-popup .modal-content .modal-body ul {padding-left: 0;margin-top: 3px;margin-bottom: 0; text-align: right;}
.onboarding-popup .modal-body span {font-size: 16px;font-weight: 600;}
.onboarding-popup .modal-content .modal-body .checkbox {margin-bottom: 5px;margin-top: 5px;}
.onboarding-popup .modal-content .modal-footer .checkbox { margin-top: 5px;}
.onboarding-popup .modal-content .onboarding-list a {text-decoration: underline !important;color: #337ab7;}
.onboarding-list .radio-inline {color: #727272;}
.mar-left {margin-left: 20px;}
.onboarding-popup hr {margin-top: 10px;margin-bottom: 10px; border: 0;border-top: 1px solid #eee;}
/*****close onboarding css**********/
/****************11-04-2022************************/
#cascade .te_new_button {margin-bottom: 20px;}
.show_advance .enum.name { margin: 15px 0;}
/*************************************/

/**************export & coloumn icon css 15-02-2023**********************/
.icon-color.column {
     filter: invert(36%) sepia(108%) saturate(3654%) hue-rotate(177deg) brightness(91%) contrast(110%); }
.icon-color.export {
    filter: invert(24%) sepia(90%) saturate(3647%) hue-rotate(122deg) brightness(93%) contrast(101%); }

/*************************/
.form-group{
    margin-bottom: 20px;
    position:relative;
}
.form-control {
    height: 40px;
}
.float-label {
    position: absolute;
    top: 13px!important;
    left: 12px!important;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 600;
    padding: 0;    
    margin: 0;
    pointer-events: none;
    width: auto;
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.form-control:focus ~ .float-label, .form-control.fill-input ~ label.float-label, .form-control.valid ~ label.float-label, .float-n {
    top: -5px!important;
    font-size: 11px;
    font-weight: 600;
    background: #fff;
}
.bootstrap-tagsinput.focus ~ .form-control ~ label.float-label {
    top: -5px!important;
    font-size: 11px;
    font-weight: 600;
    background: #fff;
}
.bootstrap-tagsinput {
    height: 40px;
}

select.form-control.opt-bold {
    font-weight: 600;
    font-size: 12px;
    line-height: 1.2;
    color: #212529;
    padding: 6px;
}
select.form-control.opt-bold > option{
    font-size: 14px;
}
select.form-control.opt-bold.fill-input{
    font-weight: 400
}
body .form-group .bootstrap-tagsinput{
    height: 40px!important
}
.btn{
    padding: 9px 12px;
    height:40px;
}
.btn-group-sm>.btn, .btn-sm {
    padding: 5px 10px;
     height:auto; 
}
/*.btn-sm{
    padding: 9px 10px;
}*/
.bootstrap-select .dropdown-toggle .filter-option{
    height: auto;
}
.filter-option-inner {
    padding-top: 4px;
}
.form-horizontal.Logistics label.control-label {
    padding-top: 10px;
}
.input-group-btn .btn-default {
    height: 40px;
    
}
/*====================09-05-22=================after-compare css/btn-default css=================*/
/***** Start search css**********/
/*.expandable-search {
    display: none;
}*/

.expandable-search input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
}

.expandable-search input::-webkit-search-decoration,
 expandable-search input::-webkit-search-cancel-button {display: none;}
.expandable-search input[type=search] {
    background: url(images/white-search-icon.png) no-repeat right center;
    border: solid 1px #fff;
    padding: 0px 10px 0px 5px;
    width: 71px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
     border-radius: 4px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s; 
    float: left;
    height:5px;
    min-height: 24px;
    margin-top:7px;
    color:#fff;
    margin-right: 3px;
    font-size: 14px;
}

.expandable-search input[type=search]:focus {
    background: #fff url(images/black-search-icon.png) no-repeat right center;
    width: 110px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 5px rgba(109, 207, 246, .5);
    -moz-box-shadow: 0 0 5px rgba(109, 207, 246, .5);
    box-shadow: 0 0 5px rgba(109, 207, 246, .5);
    color:#000;
}

.expandable-search .order-input{width: 80px;}
.expandable-search .order-input:focus{width: 120px;}
.expandable-search input:-moz-placeholder {color: #fff !important}
.expandable-search input::-webkit-input-placeholder {color: #fff !important;}
.expandable-search :-ms-input-placeholder { color: #fff !important;}
.expandable-search input:focus::-webkit-input-placeholder {color: #000 !important;}
.expandable-search input:focus::-ms-input-placeholder {color: #000 !important; /* IE11 needs the !important flag */}
.yellow-strip{ background-color: #fdfd95;}
.yellow-strip li a:hover,
.yellow-strip li a.active {background-color: rgb(255, 230, 0) !important;}
.web-icon img {position: relative;top:8px; opacity: .9;}
.web-icon img:hover{opacity:1;}
.remove-bg-border {background: none !important;}
#termsModalBody ul{padding: 15px !important;}

/*------ 13-01-2023 ------*/
#paymentContainer #invoice_payment #partialContainer{
    margin-top:10px;
}
.dx-datagrid-content .dx-datagrid-table .dx-row>td {
    vertical-align: middle !important;
}
@media all and (-ms-high-contrast:none)
     {
     *::-ms-backdrop, .expandable-search input[type=search] { width: 90px; } /* IE11 */
     *::-ms-backdrop, .expandable-search .order-input[type=search] { width: 95px !important; } /* IE11 */
     *::-ms-backdrop, .expandable-search .order-input:focus{width: 120px;}
 }  
 
 .top-bar .navbar-header{width:100%;}
 .getting-search .navbar-header{width:auto;}

/***** End search css**********/

/***** User submenu css**********/
.cus-resetbtn-tabcontent{
    padding-top: 20px;
}
.cus-resetbtn-tabcontent .error{
    color: #CC0033;
}
.cus-reset-nav{
    display: flex;
    justify-content: center;
    border: 2px solid #3376c9 !important;
    border-radius: 4px !important;
}

.cus-reset-nav .cus-reset-navli-item{
    width: 50%;
    text-align: center;
    margin: 2px !important;
}
.cus-reset-nav .cus-resetpin-btn{
    margin-right: 0px !important;
}

.cus-reset-nav.nav-tabs>li.active>a{
    color: #fff !important;
    cursor: default;
    background-color: #3376c9 !important;
    border-radius: 4px !important;
    border:none !important;
}
.cus-reset-nav.nav-tabs>li>a{
    border:none !important;
    font-size:14px;
}
.cus-resetbtn-modal{
    overflow:hidden !important;
}
.cus-resetbtn-modal .modal-header{
    background-color: #fff !important;
    padding: 15px !important;
}
.cus-resetbtn-modal .modal-header h4{
    color:#000 !important;
    font-weight: 600;
}
.cus-resetbtn-modal .modal-header .close{
    color:#000 !important;
}
.resetpin-btn-hide{
    display:none;
}
.cus-resetbtn-footer .pass-text h4{
    padding-bottom: 10px;
    color: #000 !important;
}
/***** User submenu css end**********/


/***** Responsive css**********/

@media (max-width:1225px) and (min-width:1199px){
    .cus-hidden{display: none !important;}
    .cus-visible{display: block !important;}
}

@media only screen and (min-width:768px) and (max-width:1200px){
    .cus-header-ul{
        display: flex;
        align-items:center;
    }
    .cus-header-ul .expandable-search input[type=search]{
        margin-top: 0px !important
    }
}

@media (max-width:1400px) and (min-width:1201px){
    .top-bar.navbar-default .navbar-nav.navbar-right > li > a{padding: 12px 5px;} 
    .expandable-search input[type=search] {width: 68px;}
    .expandable-search input[type=search]:focus {width: 75px;}
    .expandable-search .order-input { width: 75px !important;}
    .expandable-search .order-input:focus {width: 80px !important;}
    .expandable-search input[type=search]{margin-top: 9px;}
    .main-nav-top.navbar-nav > li > a { padding: 13px 6px 13px 6px;}
}

@media (max-width: 1225px) and (min-width: 1025px){
    .cus-visible {position: absolute;right: 566px;}
}

@media (max-width: 1024px) and (min-width: 992px){
    .top-bar.navbar-default .navbar-nav.navbar-right > li > a{padding: 13px 10px;font-size: 11px;}
    .top-bar .navbar-brand {padding: 4px 0px;}
    .expandable-search input[type=search] {margin-top: 7px !important;float: left;margin-right: 5px !important;min-height: 21px;font-size: 14px;width: 65px;}
     .cus-visible {position: absolute;right: 465px; top: 0px;}
     .on_borading_do_not_show_done { position: absolute; top: 4px; right: 5px;}
     .top-bar .navbar-brand img {width: 130px;}
     .top-bar.navbar-default .navbar-nav.navbar-right > li > a {    padding: 9px 5px !important;}
     .main-nav-top i{font-size: 14px;margin-right: 2px;}
     .main-nav-top.navbar-nav > li > a {padding: 8px 0px !important;font-size: 10px;}
     .main-nav-top{min-height: 35px;}
     .expandable-search .order-input {width: 70px !important;}
     .expandable-search input[type=search]:focus {width: 75px;}
     .expandable-search .order-input:focus {width: 80px;}
     .ques_btn a{padding: 2px;}
     .getting-search .ques_btn a{font-size: 13px;}
     .getting-search .expandable-search input[type=search]{font-size: 13px;width: 60px;}
     .getting-search .expandable-search .order-input {width: 65px !important;}
     .cus-visible {right: 564px;}
     .ques_btn {margin-top: 9px !important;}
}

@media (max-width: 800px) and (min-width: 768px){
    .top-bar .navbar-header .navbar-brand img{max-width: 140px;}
}
    
@media (max-width: 992px) and (min-width: 768px){
    .main-nav-top.navbar-nav > li > a{font-size: 10px;padding: 8px 0px !important;}   
    .main-nav-top{min-height:auto;}
    .expandable-search input[type=search]{margin-top: 0px;float: left;font-size: 12px;}
    .top-bar.navbar-default .navbar-nav.navbar-right > li > a{padding: 6px 5px;font-size: 10px;}
    .expandable-search .order-input{width: 67px !important;}
    .expandable-search .order-input:focus{width: 67px;}
    .top-bar .navbar-header .navbar-brand img {width: 140px;}
    .ques_btn {margin-top: 15px;}
    .ques_btn a{font-size: 12px;}
    .on_borading_do_not_show_done { position: absolute; top: 0px; right: 0px;}
    .cus-visible {position: absolute;right: 428px;    top: 3px;}
    .expandable-search input[type=search]:focus{width:65px;}
    .expandable-search input[type=search]{width:67px;}
    .main-nav-top i{display: none;}
    #navbar ul li i {display: none;}
    .expandable-search input[type=search]{padding: 0px 6px 0px 4px;}
    .top-bar .navbar-brand {padding: 0px 0 0px 0px;}
    .web-icon img {top: 4px;left: -3px;}
    .getting-search .navbar-nav.navbar-right li a {padding: 7px 3px !important;}
    .getting-search .navbar-brand img {width: 100px !important;}
    .getting-search .navbar-brand {padding: 6px 0px !important;}
    .getting-search .order-input {width: 62px !important;}
    .getting-search .order-input:focus{width: 62px !important;}
    .getting-search .ques_btn {margin-top: 7px;}
    .getting-search .ques_btn a{padding: 4px 1px;}
    .getting-search .top-bar.navbar-default .navbar-nav.navbar-right > li > a {font-size: 9px;}
    .getting-search .cus-visible {right: 395px;top: 4px;}
    .getting-search .expandable-search input[type=search] {font-size: 10px; width: 58px;padding: 0px 0px 0px 2px;}
}

@media (max-width: 767px) {
    .top-bar .navbar-brand {padding: 10px 0 10px 0px;}
    .top-bar .navbar-brand img{ height:auto;width:125px;}
    .main-nav-top .navbar-collapse{ padding-left:15px}
    .main-nav-top{ width:auto;background-color: #fff;}
    .main-nav-top ul{margin-top:0px;}
    .nav.navbar-nav.navbar-right > li{ float:left;}
    .top-bar.navbar-default .navbar-nav.navbar-right > li > a {font-size: 14px;}
    .main-nav-top{ margin-bottom:0px;}
    .top-bar.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background-color:#0E8FF2}
    .main-nav-top.navbar-nav > li{ display:inline-table; width:100%}
    .main-nav-top.navbar-nav > li > a {padding: 14px 32px;text-align: left;}
    .onboarding-popup .modal-content .modal-body li {margin-left: 10px;}
    .onboarding-popup .modal-content .modal-body ul {padding-left: 25px; text-align: left;}
    .expandable-search input[type=search]{float: inherit;margin-top:12px;margin-left: 0px !important;font-size: 12px;width: 89px;}
    .expandable-search input[type=search]:focus{width:89px}
    .top-bar.navbar-default .navbar-nav.navbar-right > li > a{padding: 13px 10px;}
    .expandable-search input[type=search] { float: left; margin-left: 7px;}
    .top-bar .navbar-collapse .navbar-right { padding-left: 15px;}
    .expandable-search .order-input:focus {width: 89px;}
    .top-bar .navbar-toggle {margin: 12px 7px 0px 0px;}
    .expandable-search{float: right;}
    .top-bar .navbar-toggle {padding: 5px;}
    .web-icon img {top: 13px;right: 4px;}
    .ques_btn {margin-top: 15px;}
    .top-bar .navbar-collapse {width:100%;}
}

@media (max-width: 470px){
    .nav.navbar-nav.navbar-right > li{ width:50%; text-align: left;padding-left: 20px;}
    .getting-search .ques_btn a{padding: 3px;margin-right: 5px;}
    .getting-search .expandable-search {float: left;width: 100%;margin-left: 10px;margin-bottom: 10px;}
    .getting-search input[type=search] {margin-top: 0px;width: 42.5% !important;}
/*    .expandable-search input[type=search]:focus {width: 42.5% !important;}*/
}

@media (max-width: 1225px) and (min-width: 994px){
    /*    .top-bar .navbar-header { float: none;}*/
    /*    .top-bar .navbar-header .expandable-search input {margin-left: 10px; margin-right: 0;float: left;}*/
    .top-bar.navbar-default .navbar-nav.navbar-right > li > a{font-size: 11px; padding: 12px 10px;}
    .on_borading_do_not_show_done {position: absolute; top: 0px;right: 0px;}
}

@media (max-width: 1225px) {
/*    .top-bar .navbar-header {
        float: none;
    }*/
/*    .top-bar .navbar-toggle {
        display: block;
    }*/
    .top-bar .navbar-collapse {
/*        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);*/
        padding: 0;
/*        width:100%;*/
    }
/*    .top-bar .navbar-collapse.collapse {
        display: none!important;
        
    }*/
/*    .top-bar .navbar-nav {
        float: none!important;
            margin: 0;
    
    }*/
/*    .top-bar .navbar-nav>li {
        float: none;
    }*/
    .top-bar .navbar-nav>li>a {padding-top: 12px;padding-bottom: 12px;}
    .top-bar .navbar-text {float: none;margin: 15px 0;}
/*    .top-bar .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .top-bar .collapsing {
        overflow: hidden!important;
    }*/
    .top-bar .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background: transparent}
/*  .expandable-search input[type=search] {float: right;}*/
/*    .expandable-search input[type=search]{margin-right: 5px;}*/
}

@media (max-width: 450px){
    .expandable-search input[type=search]{width: 62px;}
    .expandable-search input[type=search]:focus{width:62px}
    .expandable-search .order-input { width: 62px}
    .expandable-search .order-input:focus {width: 62px;}
}

@media (max-width: 320px){
    .top-bar .navbar-brand { padding: 9px 0px;}
    .top-bar .navbar-brand img {height: 30px;}
    .top-bar .navbar-toggle {margin: 10px 10px 8px 0px;}
    .web-icon img {top: 7px;}
    .top-bar .navbar-toggle {margin: 7px 4px 0px 0px !important;}
    .top-bar .navbar-brand img {width: 90px;height: auto !important;}
    .navbar { min-height: 40px;}
    .getting-search input[type=search] { margin-top: 10px;width: 41.5%;}
    .getting-search .ques_btn {margin-top: 12px;}
    .expandable-search input[type=search] {margin-top: 7px;}
    .expandable-search {float: none;}
}