@charset "utf-8";
/* CSS Document */

@import url('footable.core.min.css');@import url('alertify.default.css');@import url('footable.core.min.css');@import url('alertify.default.css');@font-face{font-family:'Open Sans';src:local('Open Sans Semibold'),local('OpenSans-Semibold'),url('../fonts/custom/OpenSans-Semibold.woff2') format('woff2');font-weight:600;font-style:normal}
@font-face{font-family:'Open Sans';src:local('Open Sans Light'),local('OpenSans-Light'),url('../fonts/custom/OpenSans-Light.woff2') format('woff2');font-weight:300;font-style:normal}
@font-face{font-family:'Open Sans';src:local('Open Sans Bold'),local('OpenSans-Bold'),url('../fonts/custom/OpenSans-Bold.woff2') format('woff2');font-weight:bold;font-style:normal}
@font-face{font-family:'Open Sans';src:local('Open Sans'),local('OpenSans'),url('../fonts/custom/OpenSans.woff2') format('woff2');font-weight:normal;font-style:normal}
@font-face{font-family:'Montserrat Semi';src:local('Montserrat Semi Bold'),local('Montserrat-SemiBold'),url('../fonts/custom/Montserrat-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal}
@font-face{font-family:'Montserrat';src:local('Montserrat Light'),local('Montserrat-Light'),url('../fonts/custom/Montserrat-Light.woff2') format('woff2');font-weight:300;font-style:normal}
@font-face{font-family:'Montserrat';src:local('Montserrat Bold'),local('Montserrat-Bold'),url('../fonts/custom/Montserrat-Bold.woff2') format('woff2');font-weight:bold;font-style:normal}
@font-face{font-family:'Montserrat';src:local('Montserrat Regular'),local('Montserrat-Regular'),url('../fonts/custom/Montserrat-Regular.woff2') format('woff2');font-weight:normal;font-style:normal}
/*! font-family: 'Open Sans', sans-serif;
font-family: 'Montserrat', sans-serif;*/.thead--is-fixed{display:table;position:fixed;top:0;z-index:3}
.map{width:100%;height:640px}
.closeall{display:none}
.dropdown-toggle:hover,.open .dropdown-toggle,.dropdown-toggle:focus{background-color:transparent!important}
*,*:before,*:after{-moz-box-sizing:border-box;box-sizing:border-box}
/*! ===================================================================
*********************** DEFAULT STYLING STARTS HERE ***********************
=================================================================== */html,body{width:100%;min-height:100%;height:100%}
html,body,*{text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{background:#eff3f6;font-family:'Open Sans',sans-serif;color:#727272;overflow-x:hidden;padding-right:0!important}
a,a:hover,a:focus{text-decoration:none}
input,textarea,button,input:focus,textarea:focus,button:focus{outline:none!important}
.btn-custom{border-radius:4px;min-width:150px;height:30px;padding:5px 30px;text-transform:uppercase;font-size:13px;font-weight:600}
review-btn{border-radius:4px;min-width:150px;height:32px;padding:0 30px;text-transform:uppercase;font-size:13px;font-weight:600;line-height:31px}
/*! PRIMARY BACKGROUND COLOR OVERALL*/#znx-admin-menu.navbar-default,#znx-admin-menu.navbar-default .navbar-nav>li>a,.cbp-spmenu,.tab-menu-header .tab-menu-items a:hover::after,.tab-menu-header .tab-menu-items a.active::after,.tab-menu-section .btn-group .btn-primary:hover,.tab-menu-section .btn-group .btn-primary.active,.dist-connect-btn,.jFiler-input-choose-btn.blue:hover,.blue-bg,.primary-clr-bg{background-color:#0078d4}
/*! PRIMARY BORDER COLOR OVERALL*/.tab-menu-section .btn-group .btn-primary,.tab-menu-section .btn-group .btn-primary:hover,.jFiler-input-choose-btn.blue{border-color:#0078d4}
/*! PRIMARY TEXT COLOR OVERALL*/.tab-menu-section .btn-group .btn-primary,.tab-header-right a i,.jFiler-input-choose-btn.blue,.primary-clr-txt,a,a:focus,a:hover{color:#0078d4}
input{border:1px solid #a5a5a5;outline:0}
.noWrap{white-space:nowrap}
.modal-header{border-bottom:0;text-align:center;font-size:16px;font-weight:600;color:#2c405a}
.modal-body{padding-bottom:30px;overflow:hidden}
.modal-header,.modal-body{padding-left:30px;padding-right:30px}
.right-float{float:right!important}
.left-float{float:left!important}
.no-mrg{margin:0!important}
.mrg-5lr{margin-left:5px;margin-right:5px}
.mrg-40t{margin-top:40px}
.mrg-40r{margin-right:40px}
.mrg-20t{margin-top:20px}
.mrg-20b{margin-bottom:20px}
.mrg-20tb{margin:20px 0!important}
.mrg-20r{margin-right:20px}
.mrg-10r{margin-right:10px!important}
.mrg-6l{margin-left:6px!important}
.mrg-10t{margin-top:10px !important;}
.mrg-10b{margin-bottom:10px}
.mrg-20l{margin-left:20px!important}
.mrg-30t{margin-top:30px}
.mrg-30b{margin-bottom:30px!important}
.mrg-30tb{margin:30px 0}
.mrg-30r{margin-right:30px}
.mrg-30l{margin-left:30px}
.mrg-48l{margin-left:48px}
.mrg-0r{margin-right:0!important}
.mrg-0l{margin-left:0!important}
.mrg-0t{margin-top:0!important}
.mrg-0b{margin-bottom:0!important}
.no-pad{padding:0!important}
.mrg-5t{margin-top:5px!important}
.mrg-5r{margin-right:5px!important}
.mrg-5b{margin-right:5px!important}
.pad-30{padding:30px!important}
.pad-20{padding:20px!important}
.pad-5{padding:5px!important}
.pad-7lr{padding-left:7px!important;padding-right:7px!important}
.pad-7t{padding-top:7px!important}
.pad-8b{padding-bottom:8px!important}
.pad-40l{padding-left:40px!important}
.pad-40r{padding-right:40px!important}
.pad-40b{padding-bottom:40px!important}
.pad-40t{padding-top:40px!important}
.pad-40lr{padding:0 40px!important}
.pad-40tb{padding:40px 0!important}
.pad-30tlr{padding-top:30px;padding-left:30px;padding-right:30px}
.pad-30l{padding-left:30px}
.pad-30r{padding-right:30px}
.pad-30b{padding-bottom:30px}
.pad-30t{padding-top:30px}
.pad-30lr{padding:0 30px}
.pad-30tb{padding:30px 0}
.pad-10t{padding-top:10px}
.pad-10b{padding-bottom:10px}
.pad-10l{padding-left:10px!important}
.pad-10r{padding-right:10px!important}
.pad-20r{padding-right:20px!important}
.pad-10tb{padding-top:10px!important;padding-bottom:10px!important}
.mrg-10tb{margin-top:10px!important;margin-bottom:10px!important}
.pad-0{padding:0}
.pad-0lr{padding-left:0;padding-right:0}
.pad-0tb{padding-top:0;padding-bottom:0}
.pad-0b{padding-bottom:0!important}
.pad-0l{padding-left:0!important}
.pad-0r{padding-right:0}
.pad-0t{padding-top:0!important}
.pad-5t{padding-top:5px!important}
.pad-15{padding:15px}
.pad-5lr{padding:0 5px!important}
.pad-5tb{padding-top:5px!important;padding-bottom:5px!important}
.pad-15r{padding-right:15px}
.pad-15t{padding-top:15px}
.white-bg{background:#fff!important}
.light-bg{background:#fafbfc!important}
.round-corners{border-radius:25px}
.no-brdr{border:0 solid transparent!important}
.cust-brdr{border:1px solid #e6eaee}
.lft-brdr{border-left:1px solid #e6eaee}
.rit-brdr{border-right:1px solid #e6eaee}
.top-brdr{border-top:1px solid #e6eaee}
.btm-brdr{border-bottom:1px solid #e6eaee}
.nolft-brdr{border-left:0!important}
.norit-brdr{border-right:0!important}
.notop-brdr{border-top:0!important}
.nobtm-brdr{border-bottom:0!important}
.bblrr3{border-bottom-left-radius:3px;border-bottom-right-radius:3px}
.btlrr3{border-top-left-radius:3px;border-top-right-radius:3px}
.bbrr3{border-bottom-right-radius:3px}
.btrr3{border-top-right-radius:3px}
.bblr3{border-bottom-left-radius:3px}
.btlr3{border-top-left-radius:3px}
.side-sep{border-bottom:1px solid #e6eaee;padding-bottom:20px;margin-bottom:20px}
.pos-relative{position:relative}
.text-right{text-align:right!important}
.text-center{text-align:center!important}
.min-h500{min-height:500px}
.min-h300{min-height:300px}
.w-100{width:100%!important}
.inline-block{display:inline-block!important}
.fw-600{font-weight:600!important}
.white-space{white-space:nowrap!important}
.float-left{float:left!important}
.float-right{float:right!important}
.float-none{float:none!important}
.nowrap{white-space:nowrap!important}
.d-inlineBlock{display:inline-block!important}
/*! ===================================================================
*********************** ADMIN MENU STARTS HERE ***********************
=================================================================== */#znx-admin-menu{font-family:'Montserrat',sans-serif}
#znx-admin-menu .navbar-header{margin-right:0}
#znx-admin-menu.navbar-default .navbar-brand{color:#FFF;background:url(../img/logo-white.png) no-repeat 50%;width:130px;height:56px;display:inline-block;margin:0;text-indent:-9999px}
#znx-admin-menu.navbar-default{font-size:14px;border-width:0;border-radius:0;height:56px;margin-bottom:0}
/*! NAVBAR LEFT*/#znx-admin-menu.navbar-default .navbar-nav>li>a{color:#fff;font-size:13px;font-weight:normal;text-transform:uppercase;line-height:36px;position:relative;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
#znx-admin-menu.navbar-default .navbar-nav>li>a:hover,#znx-admin-menu.navbar-default .navbar-nav>li>a:focus{color:#fff;background:#0a4386}
#znx-admin-menu.navbar-default .navbar-nav>.active>a,#znx-admin-menu.navbar-default .navbar-nav>.active>a:hover,#znx-admin-menu.navbar-default .navbar-nav>.active>a:focus{color:rgba(255,255,255,1)}
/*! NAVBAR RIGHT*/#znx-admin-menu.navbar-default .navbar-nav.navbar-right>li>a{color:#fff;text-transform:capitalize;margin:0 10px}
#znx-admin-menu.navbar-default .navbar-nav.navbar-right>li.user-avatar>a{padding:7px 0 7px 15px;position:relative}
#znx-admin-menu.navbar-default .navbar-nav.navbar-right>li.user-avatar>a:before{position:absolute;content:'';width:1px;height:41px;background:rgba(255,255,255,0.62);left:0}
#znx-admin-menu.navbar-default .navbar-nav.navbar-right>li.logout>a{font-size:18px}
/*! NAVBAR TOGGLE*/#znx-admin-menu.navbar-default .navbar-toggle{width:40px;height:56px;padding:0;border:0;margin:0}
#znx-admin-menu.navbar-default .navbar-toggle:hover,#znx-admin-menu.navbar-default .navbar-toggle:focus{background-color:rgba(0,0,0,0)}
#znx-admin-menu.navbar-default .navbar-toggle .icon-bar{background-color:#fff}
#znx-admin-menu.navbar-default .navbar-toggle:hover .icon-bar,#znx-admin-menu.navbar-default .navbar-toggle:focus .icon-bar{background-color:#fff}
/*! NAVBAR HOVER EFFECT*/.cl-effect-13 .active>a::before{color:#fff;background:#fff}
.cl-effect-13 a::before{position:absolute;content:'';bottom:14px;left:12px;width:calc(100% - 23px);background:transparent;height:2px}
/*! NAVBAR USER DETAILS*/.admin-notifications a>span{text-indent:-9999px;background:url(../img/notification-icon.png) 50% no-repeat;width:33px;display:inline-block;position:relative}
.admin-notifications a>span em{position:absolute;height:20px;border-radius:25px;background:#feff00;top:7px;left:13px;border:2px solid #0078d4;color:#b55500;font-size:10px;text-indent:initial;line-height:16px;font-weight:600;text-align:center;font-style:inherit;padding:0 5px;min-width:20px}
.admin-notifications-blue a>span{text-indent:-9999px;background:url(../img/notification-icon-blue.png) 50% no-repeat;width:33px;display:inline-block;position:relative;height:27px}
.admin-notifications-blue a>span em{position:absolute;height:20px;border-radius:25px;background:#ff9600;top:0;left:15px;border:2px solid #f3f3f3;z-index:9;color:#fafbfc;font-size:11px;text-indent:initial;line-height:16px;font-weight:600;text-align:center;font-style:inherit;padding:0 5px;min-width:20px}
.admin-notifications-blue a{background-color:transparent!important}
.admin-notifications-blue .dropdown-toggle{text-align:left!important;padding:10px 15px 3px 15px!important}
.admin-notifications-blue .dropdown-menu .divider{margin:0}
.admin-cart-blue{margin-right:0!important}
.admin-announcements-blue a>span{text-indent:-9999px;background:url(../img/announcement-icon-blue.png) 50% no-repeat;width:33px;display:inline-block;position:relative;height:27px}
.admin-announcements-blue a>span em{position:absolute;height:20px;border-radius:25px;background:#ff9600;top:-5px;left:20px;border:2px solid #f3f3f3;z-index:9;color:#fafbfc;font-size:11px;text-indent:initial;line-height:16px;font-weight:600;text-align:center;font-style:inherit;padding:0 5px;min-width:20px}
.admin-announcements-blue a{background-color:transparent!important}
.admin-login-cart-notification li a{padding-top:10px!important;padding-bottom:10px!important}
.user-avatar{display:flex!important;align-items:center;height:56px}
.user-avatar .admin-pic{display:none;float:left;height:40px;margin-left:-15px;margin-right:10px;margin-top:3px;width:40px}
.user-init{height:35px;width:35px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:#0078d4;font-weight:bold;font-size:18px}
.user-avatar .admin-title{float:left;font-size:13px;line-height:16px;position:relative;color:#000;margin-right:auto!important;margin-left:auto!important;margin-bottom:10px;width:100%;padding:10px 15px;display:flex;flex-direction:column;background:#eaeaea;border-bottom:2px solid #bdbdbd;border-radius:5px 5px 0 0}
.user-avatar ul.dropdown-menu{width:220px!important}
.logout-btn{text-align:center}
.logout-btn a{display:inline-block!important;width:initial;color:#fff!important;border-radius:5px!important;margin:10px 0 15px 0;padding:8px 20px!important;font-size:12px!important}
.logout-btn a:hover{color:#fff;background-color:#0a4386!important;border-color:#0a4386!important}
.user-avatar .admin-title small{color:#0078d4}
.user-avatar .admin-title em{font-style:inherit;font-size:12px;color:#484848;display:block;font-weight:300;margin-top:2px}
.navbar-default .navbar-collapse{float:left}
.nav>li>a{position:relative;display:block;padding:10px 0;margin:0 12px}
.navbar-right ul li a{font-size:14px;font-weight:600}
/*! .navbar-right ul li a i{width:24px;height:24px;text-align: center;} */#znx-admin-menu .navbar-right ul li a{font-size:14px;font-weight:400;line-height:initial}
.admin-notifications .dropdown-alerts{width:280px;min-width:0}
.admin-notifications .dropdown-menu .divider{margin:0}
/*! ===================================================================
*********************** PAGES STYLING STARTS FROM HERE ***********************
=================================================================== */#page-content{margin-top:0}
/*! ===================== NEW ORDER PAGE STARTS FROM HERE =================== *//*! == TAB MENU SECTION == */.tab-menu-section{background:#fff;border:1px solid #e6eaee;border-top:0;border-radius:0 0 5px 5px;margin-bottom:40px}
.tab-menu-header{background:#fafbfc;border-bottom:1px solid #e6eaee;border-radius:5px 5px 0 0;min-height:30px;padding:0 15px}
.tab-menu-header .tab-menu-items,.tab-menu-header .tab-header-right,.tab-menu-header>div{padding:0}
.tab-menu-header a{position:relative;font-size:14px;color:#354052;display:inline-block;line-height:40px;margin-right:20px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;font-weight:600}
.tab-menu-header .tab-menu-items a:hover::after,.tab-menu-header .tab-menu-items a.active::after{content:'';position:absolute;bottom:0;left:0;height:3px;width:100%}
/*! == BUTTONS GROUP == */.tab-menu-section .btn-group{width:100%}
.tab-menu-section .btn-group .btn-primary{padding:5px 12px;background:#fff;font-size:13px;font-weight:500;text-transform:uppercase;border-radius:25px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.tab-menu-section .btn-group .btn-primary:hover,.tab-menu-section .btn-group .btn-primary.active{color:#fff}
/*! == AUTO SEARCH == */.search-form input,.search-form textarea{border-radius:3px;border:2px solid #a5a5a5;font-size:15px;color:#000}
.search-form input,.search-form textarea{height:30px;float:left;position:relative;-webkit-box-shadow:10px 10px 5px 0 rgba(0,0,0,0);-moz-box-shadow:10px 10px 5px 0 rgba(0,0,0,0);box-shadow:10px 10px 5px 0 rgba(0,0,0,0)}
.search-form input.search-field{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}
.search-form textarea.notes-field{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px;margin-right:10px}
.search-form input.qty-field{width:120px;margin-right:10px;background:#fff url(../img/form-sep.png) no-repeat left center;border-top-left-radius:0;border-bottom-left-radius:0;border-left:0;padding-right:3px}
.search-form input.location-field{margin-right:10px;background:url(../img/form-sep.png) no-repeat left center,url(../img/search-clear.png) no-repeat 98.5% -14%;background-color:#fff;border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}
.search-form button.add-field{width:45px!important;height:29px!important;padding:0!important;text-align:center;line-height:30px;margin-top:0!important}
.search-form select{border-radius:3px;border:2px solid #a5a5a5;font-size:15px;color:#000}
.search-form select{height:30px;float:left;position:relative;-webkit-box-shadow:10px 10px 5px 0 rgba(0,0,0,0);-moz-box-shadow:10px 10px 5px 0 rgba(0,0,0,0);box-shadow:10px 10px 5px 0 rgba(0,0,0,0)}
.search-form.search-form-dist input{height:30px;float:left;position:relative;-webkit-box-shadow:10px 10px 5px 0 rgba(0,0,0,0);-moz-box-shadow:10px 10px 5px 0 rgba(0,0,0,0);box-shadow:10px 10px 5px 0 rgba(0,0,0,0)}
.search-form.search-form-dist input.search-field{/* padding:0 10px; */border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}
.search-form.search-form-dist select{padding:0 10px;height:30px;float:left;position:relative;-webkit-box-shadow:10px 10px 5px 0 rgba(0,0,0,0);-moz-box-shadow:10px 10px 5px 0 rgba(0,0,0,0);box-shadow:10px 10px 5px 0 rgba(0,0,0,0);border:2px solid #a5a5a5;width:100%;border-radius:3px;color:#000}
.search-form.search-form-dist input.qty-field{padding:0 10px;margin-right:10px;background:#fff url(../img/form-sep.png) no-repeat left center;border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}
.search-form.search-form-dist input.location-field{margin-right:10px;background:url(../img/form-sep.png) no-repeat left center,url(../img/search-clear.png) no-repeat 98.5% -50%;background-color:#fff;border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}
.search-form-header{padding:5px 0 0 0;display:inline-block}
.search-form-header input{height:30px;float:left;position:relative;-webkit-box-shadow:10px 10px 5px 0 rgba(0,0,0,0);-moz-box-shadow:10px 10px 5px 0 rgba(0,0,0,0);box-shadow:10px 10px 5px 0 rgba(0,0,0,0)}
.search-form-header input.search-field{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}
.search-form-header input.qty-field{width:120px;margin-right:10px;background:#fff url(../img/form-sep.png) no-repeat left center;border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}
.search-form-header input.location-field{margin-right:10px;background:url(../img/form-sep.png) no-repeat left center,url(../img/search-clear.png) no-repeat 96.5% -19%;background-color:#fff;border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}
.search-form-header button.add-field{width:30px;height:30px;padding:0}
.search-form-header .clearable1{background:#fff url(../img/search-clear.png) no-repeat 96.5% -19%;border:1px solid #ccc;padding:0 30px 0 8px;border-radius:3px;transition:background .4s;outline:0;line-height:34px}
.search-form-header .clearable1.x{background-position:96.5% 115%}
.search-form-header .clearable1.onX{cursor:pointer}
.search-form1 input{border-radius:3px;border:1px solid #e6eaee;font-size:15px;color:#727272}
.search-form1 input{height:40px;float:left;position:relative}
.search-form1 input.search-field{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}
.search-form1 input.qty-field{width:120px;margin-right:10px;background:#fff url(../img/form-sep.png) no-repeat left center;border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}
.search-form1 input.location-field{background:#fff url(../img/form-sep.png) no-repeat left center;border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}
.search-form1 button.add-field{width:40px;height:40px;position:absolute;top:30px;right:30px;border-radius:0 3px 3px 0}
/*! == PRODUCT LIST == */.product-btn-container{width:100%!important;background:#fff;left:0!important}
.distPanel-spmenu-push-toleft .product-btn-container.scroll-to-fixed-fixed{width:calc(100% - 220px)!important}
.product-btn-container .order-total{position:relative;font-size:14px;left:0;background:#f3f3f3;padding:0 30px 3px 32px;border-radius:0;border:1px solid #e8e8e8;margin:0;border-left:0;border-right:0;width:100%!important;line-height:39px;font-weight:600;color:#2a2a2a}
.product-btn-container .order-total span{color:#000;font-weight:700;font-size:15px}
/*! ===================================================================
*********************** DISTRIBUTOR SIDEBAR STYLING STARTS HERE ***********************
=================================================================== */.dist-profile{position:relative;z-index:2}
.dist-timeline{background:#124977;position:absolute;width:100%;height:90px;overflow:hidden;border-radius:3px 0 0 0;z-index:1;top:0;left:0}
.dist-timeline img{width:100%}
.dist-profile .dist-avatar{width:100%}
.dist-profile .dist-avatar img{width:120px;height:120px;overflow:hidden;margin:0 auto;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.1);box-shadow:0 0 5px 0 rgba(0,0,0,0.1)}
.dist-main-info h3{font-size:18px;font-weight:600;color:#47505c;text-transform:uppercase}
.dist-main-info h3 small{font-size:12px;font-weight:400;color:#929292;margin-top:6px;display:block;text-transform:initial}
.dist-main-info h3 small.znxId{color:#333}
.dist-connected-btn{background:#a8a9a9;border:0;outline:0;border-radius:25px;min-width:100px;color:#fff;text-transform:uppercase;font-size:10px;font-weight:600}
small .dist-connected-btn{background:#a8a9a9;border:0;outline:0;border-radius:25px;min-width:100px;color:#fff;text-transform:uppercase;font-size:10px;font-weight:600;line-height:14px}
.dist-connect-btn{border:0;outline:0;border-radius:25px;min-width:100px;color:#fff;text-transform:uppercase;font-size:10px;font-weight:600}
.dist-details h3{font-size:13px;font-weight:600;color:#47505c;margin-bottom:12px;word-break:break-all}
.dist-details h3:last-child{margin-bottom:0}
.dist-details h3 small{font-size:12px;margin-bottom:5px;font-weight:400;color:#333;display:block}
/*! ===================================================================
*********************** TABLE HEADER RIGHT STYLING STARTS HERE ***********************
=================================================================== */.tab-header-right .dropdown{float:right}
.tab-header-right .dropdown a{font-size:13px;margin:0;line-height:30px;text-transform:initial}
.tab-header-right .dropdown.more>a{line-height:40px}
.tab-header-right .dropdown.more a{font-size:13px;margin:0;line-height:30px;padding:0;text-transform:initial}
.tab-header-right .dropdown ul li a{line-height:initial}
.tab-header-right .nav>li>a:focus,.tab-header-right .nav>li>a:hover,.tab-header-right .nav .open>a,.tab-header-right .nav .open>a:focus,.tab-header-right .nav .open>a:hover{outline:0}
.tab-header-right .nav>li>a:focus,.tab-header-right .nav .open>a:focus{background-color:transparent}
.tab-header-right a{line-height:60px;font-size:10px;text-transform:uppercase;font-weight:600;color:#727272;margin:0 10px}
.tab-header-right a:hover{color:#444}
.tab-header-right .navbar-nav>li>a{line-height:40px;font-size:13px;text-transform:initial;margin:0 15px 0 0;padding:0}
.tab-header-right .navbar-nav>li:last-child{margin-right:0}
.tab-header-search{position:relative;display:inline-block;margin:0}
.tab-header-search-panel{width:100%!important}
select.tab-header-search,input.tab-header-search,input.tab-header-btm-search,input.tab-header-search-3h{width:248px;height:30px;padding-left:15px;padding-right:34px;border:2px solid #a5a5a5;border-radius:4px}
input.tab-header-btm-search{width:424px}
input.tab-header-search-3h{width:420px}
input.dist-header-search{width:100%;display:block;height:30px;padding-left:15px;border:2px solid #a5a5a5;border-radius:4px}
select.tab-header-search-medium,input.tab-header-search-medium{width:110px;height:30px;padding-left:6px;padding-right:24px;border:2px solid #a5a5a5;border-radius:4px;line-height:34px;margin:5px 5px 5px 0}
input.tab-header-search-medium.location-field{width:240px;height:30px;padding-left:6px;padding-right:24px;border:2px solid #a5a5a5;border-radius:4px;line-height:33px;margin:5px 5px 5px 0}
input.tab-header-search-medium{padding-right:18px}
select.tab-header-search-medium{padding-right:0}
.tab-header-search button{position:absolute;top:3px;width:28px;height:28px;right:11px;border:0 solid #e5e8ee;border-radius:0 4px 4px 0;background:#fafbfc;line-height:26px;text-align:center}
ul,li{margin:0;padding:0;list-style-type:none}
ul.dist-results li.connected{background:rgba(0,175,240,0.05)}
ul.dist-results li a{padding:15px;display:block;border-bottom:1px solid #e6eaee;overflow:hidden}
ul.dist-results li a .title{float:left;font-size:13px;font-weight:600;color:#0078d4;text-transform:uppercase}
ul.dist-results li a .title small{display:block;font-size:11px;text-transform:initial;font-weight:500;color:#727272}
ul.dist-results li a .connected-badge{float:right}
.tab-heading{color:#354052;font-size:18px;font-weight:600;line-height:40px;margin:0;display:inline-block;float:left}
.tab-heading a{font-size:15px;color:#adadad;margin-right:8px;font-weight:600;text-decoration:none;background-color:transparent!important}
.tab-heading a:hover,.tab-heading a:focus{text-decoration:none;background-color:transparent!important}
.tab-menu-items a.backBtn,.tab-menu-items a.backBtn:hover,.tab-menu-items a.backBtn:focus{text-decoration:none;background-color:transparent!important}
.tab-menu-items a.backBtn:before,.tab-menu-items a.backBtn:after{display:none}
.ordered-prod-info{overflow:hidden;font-size:12px;color:#727272;padding-top:5px;padding-bottom:5px}
.ordered-prod-info span{font-size:13px;color:#354052;font-weight:600;display:block}
.ordered-list-items td{padding:0 10px!important}
.ordered-list-items td.has-pad{padding:5px 10px!important}
.ordered-list-items.noDropdown td{padding:0 10px!important}
.ordered-list-items td.ordered-list-item-subhead{padding:10px!important;background:#eff3f6;border:1px solid #e6eaee;color:#354052;font-size:13px;font-weight:600;border-top:0;border-left:0;border-right:0}
.ordered-list-items tr:first-child td.ordered-list-item-subhead{border:1px solid #e6eaee;padding-left:20px!important}
.font15{font-size:15px!important}
.font14{font-size:14px!important}
.font13{font-size:13px!important}
.footable.ordered-list-items.searchable.filtered tr td:first-child{padding-left:30px!important}
.footable.ordered-list-items.searchable.filtered tr td.ordered-list-item-subhead{border:1px solid #e6eaee;padding-left:20px!important}
.footable>tbody>tr>td.footable-first-column.ordered-list-item-subhead{padding-left:20px!important}
.ordered-list-items h3{color:#0078d4;font-weight:600;font-size:14px;margin:0}
.ordered-list-items h3 small{display:block;font-size:13px;color:#000;font-weight:600;margin-top:5px}
.ordered-list-items h3 small.top{margin-top:0;margin-bottom:3px}
.custom-outline-btn{min-width:90px;height:30px;line-height:28px;border:1px solid #0078d4;border-radius:3px;display:inline-block;text-align:center;color:#0078d4;font-size:14px;font-weight:500;text-transform:uppercase;padding:0 20px;white-space:nowrap}
.custom-outline-btn:hover,.custom-outline-btn:focus{background:#0078d4;color:#fff}
.status-badge{min-width:75px;height:14px;display:block;color:#fff;text-transform:uppercase;font-size:10px;font-weight:600;text-align:center;padding:0 3px;line-height:14px;position:absolute;top:0;right:0;border-radius:0;letter-spacing:.5px}
.ord-dtl-status-badge{min-width:75px;height:14px;display:inline-block;margin:13px;color:#fff;text-transform:uppercase;font-size:10px;font-weight:600;text-align:center;padding:0 3px;line-height:14px;border-radius:0;letter-spacing:.5px}
.status-td{position:relative;width:70px}
.ret-status-1,.dist-status-1{background:#00bcd4}
.ret-status-2,.dist-status-2{background:#2196f3}
.ret-status-3,.dist-status-3{background:#f10}
.ret-status-5,.dist-status-5{background:#069015}
.ret-status-6,.dist-status-6{background:#795548}
.ret-status-7,.dist-status-7{background:#ff9600}
.ret-status-8,.dist-status-8{background:#333}
.ret-status-9,.dist-status-9{background:#9668de}
.ticket-connected-btn{background:#a8a9a9;border:0;outline:0;border-radius:25px;min-width:100px;text-transform:uppercase;font-size:10px;font-weight:600}
.priority-low{color: #f1950a; background-color: rgba(253, 228, 181, 0.973);}
.priority-medium{color: #3a15c0; background-color: rgba(123, 53, 253, 0.1);}
.priority-high{color: rgb(252, 6, 6); background-color: rgba(196, 77, 56, 0.1);}
.vendor-badge{background:#0f83b3!important}
.distributor-badge{background:#069015!important}
.retailer-badge{background:#ec8000!important}
.chain-hub-badge{background:#794de5!important}
.chain-retailer-badge{background:#bf4747!important}
.sales-rep-badge{background:#2196f3!important}
.dist-connected-btn.sales-rep-badge{cursor:default!important}
.filters .filters-heading{overflow:hidden;line-height:30px}
.filters .filters-heading h2{color:#354052;font-size:18px;font-weight:600;float:left;margin:0;line-height:30px}
.filters .filters-heading a{color:#727272;font-size:11px;font-weight:600;float:right;text-transform:uppercase}
.filters-cont .panel-heading.accordion-toggle:after{font-family:'Font Awesome 5 Free';content:"\f078";float:right;color:grey}
.filters-cont .panel-heading.accordion-toggle.collapsed:after{content:"\f077"}
.filters-cont .panel-default{border:0;border-radius:0;background-color:transparent;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.0);box-shadow:0 1px 1px rgba(0,0,0,.0);margin-bottom:10px}
.filters-cont .panel-heading{color:#7f8fa4;line-height:27px;font-size:14px;font-weight:600;text-align:left;background:#eff3f6;width:100%;height:28px;padding:0 10px;border-top:1px solid #e6eaee;border-bottom:1px solid #e6eaee;cursor:pointer}
.filters-cont .panel-body{border-top:0!important;padding:0!important;margin:0;width:100%}
.filters-cont .panel-title{display:block;font-size:13px;font-weight:600;line-height:26px}
.filters-cont .panel-body li label{padding:0 5px 0 20px;line-height:20px;margin:0;cursor:pointer;font-size:11px;color:#666;font-weight:600;display:block}
.filters-cont .panel-body li label:hover{background:#eff3f6}
.filters-cont .panel-body li label input[type=checkbox]{float:left;margin-top:5px;margin-right:5px}
.filter-list-items{overflow:hidden;max-height:106px;overflow-y:scroll}
.qtyEditField input{width:60px;background-color:#fff;border:0;border:1px solid #a5a5a5;height:22px;padding:0 5px;text-align:left!important}
.qtyEditField input:read-only{background:transparent;border:0;cursor:default;text-align:left!important}
.qtyEditField input:-moz-read-only{background:transparent;border:0;cursor:default;text-align:left!important}
.qtyBtnEdit{border-radius:50%;width:24px;height:24px;text-align:center;border:1px solid #e6eaee;background:#eff3f6;padding:0;line-height:24px}
/*! ACCORIANS */#acordeon .panel-group .panel{border-radius:0;border:0;margin:0;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.0);box-shadow:0 1px 1px rgba(0,0,0,.0)}
#acordeon .panel-group .panel-heading{border:1px solid #e6eaee;background:#fafbfc;height:40px;padding:0;border-radius:0}
#acordeon .panel-group .panel-heading h4{font-size:14px;font-weight:600;color:#354052;line-height:40px;padding-left:15px}
#acordeon .panel-group .panel-heading h4>span{width:200px;display:inline-block}
#acordeon .panel-group .panel-heading h4>span label{font-weight:600;font-size:13px}
#acordeon .panel-group .panel-heading h4 small{margin-left:10px;width:120px;display:inline-block}
#acordeon .panel-group .panel-heading h4 small button{float:initial}
#acordeon .panel-group .panel-heading h4 small,#acordeon .panel-group .panel-heading h4 small i{font-size:10px;color:#000;font-weight:600}
#acordeon .panel-group .panel-heading h4 i.fa-angle-down{font-size:18px;margin:0;float:right;padding:10px 15px}
#acordeon .panel-group .panel-heading h4 i.fa-angle-down:hover{background:#f9f9f9}
#acordeon .panel-group .panel-heading h4 button:first-child{margin:9px 0}
#acordeon .panel-group .panel-heading h4 button,.template-buttons button{float:right;margin:9px 10px 7px 10px;min-width:120px;font-size:10px;color:#0078d4;background:transparent;line-height:18px;border-radius:3px;outline:0;font-weight:600;text-transform:uppercase;border:1px solid #0078d4}
#acordeon .panel-group .panel-heading h4 button:hover,.template-buttons button:hover{background:#0078d4;color:#fff}
.panel-collapse{position:relative;min-width:100%;width:100%;max-width:100%}
.template-buttons{position:absolute;top:-40px;right:50px}
#acordeon .panel-group .panel-body{padding:0;border-left:1px solid #e6eaee;border-right:1px solid #e6eaee}
.tagsinput .tag,.tagsinput-remove-link,.filter,.btn-hover,[data-toggle="collapse"] i{-webkit-transition:all 150ms linear;-moz-transition:all 150ms linear;-o-transition:all 150ms linear;-ms-transition:all 150ms linear;transition:all 150ms linear}
.panel-default a[aria-expanded="true"] .panel-title>i,.panel-default a.expanded .panel-title>i{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.review-header h2{font-size:16px;font-weight:600;color:#354052;margin:0;text-transform:uppercase}
.review-header h2 a{font-size:22px;color:#354052;margin-right:8px}
.review-header h2 small{text-transform:initial!important}
.template-links{margin:9px 10px 7px 10px;min-width:120px;font-size:10px;color:#0078d4;background:transparent;line-height:18px;border-radius:3px;outline:0;font-weight:600;text-transform:uppercase;border:1px solid #0078d4;display:inline-block;text-align:center}
.lh-38{line-height:38px!important}
/*! .accord-icon-btn{margin: 0;
    padding: 0;
    min-width: initial;
    border: 0px;}
.accord-icon-btn:hover{ background: transparent !important; color: #000 !important;} *//*! ===================================================================
*********************** DISTRIBUTOR PANEL STYLING STARTS HERE ***********************
=================================================================== */
/*! Push classes applied to the body */
.distPanel-spmenu label{padding-left:30px!important}
.distPanel-spmenu label::before{left:8px!important}
.distPanel-spmenu label::after{left:8px!important}
.distPanel-spmenu-push{overflow-x:hidden;position:relative;left:0;transition:all 250ms ease-in;-moz-transition:all 250ms ease-in;-webkit-transition:all 250ms ease-in}
.distPanel-spmenu-push-toright{left:240px}
.distPanel-spmenu-push-toleft{width:calc(100% - 220px)}
/*! Transitions */.distPanel-spmenu,.distPanel-spmenu-push{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.distPanel-spmenu #showRightPush{left:-20px;top:0;position:absolute;background:#fff;border:0;outline:0;color:#909796;padding:0;width:20px;min-height:100%;z-index:9;right:initial;-webkit-box-shadow:0 -3px 30px 0 rgba(77,77,77,0.07);-moz-box-shadow:0 -3px 30px 0 rgba(77,77,77,0.07);box-shadow:0 -3px 30px 0 rgba(77,77,77,0.07);font-size:21px}
.distPanel-spmenu-open #showRightPush{left:-20px;top:0;position:absolute;background:#fff;border:0;outline:0;color:#909796;padding:0;width:20px;min-height:100%;-webkit-box-shadow:0 -3px 30px 0 rgba(77,77,77,0.07);-moz-box-shadow:0 -3px 30px 0 rgba(77,77,77,0.07);box-shadow:0 -3px 30px 0 rgba(77,77,77,0.07);font-size:21px}
.distPanel-count{background:#0078d4;border-radius:50%;display:block;position:absolute;top:10px;width:30px;height:30px;line-height:30px;text-align:center;left:5px}
.distPanel-spmenu{background:#f6faf9;position:absolute;-webkit-box-shadow:0 -3px 30px 0 rgba(77,77,77,0.03);-moz-box-shadow:0 -3px 30px 0 rgba(77,77,77,0.03);box-shadow:0 -3px 30px 0 rgba(77,77,77,0.03);padding:15px}
.stick{position:fixed!important;top:0!important;height:100%!important}
.distPanel-spmenu h3{color:#354052;min-height:35px;font-size:12px;margin:0;font-weight:700;background:#f6faf9;text-transform:uppercase;text-align:left;border-radius:0;margin-bottom:5px;border-bottom:2px solid #d2d8de;overflow:hidden}
.distPanel-spmenu li label{display:block;color:#0078d4;font-size:12px;font-weight:600;cursor:pointer;border-bottom:1px solid #e6eaee}
.distPanel-spmenu li label small{display:block;font-size:10px;color:#000;font-weight:600}
.distPanel-spmenu li label:hover{background:url(../img/drag-hover.png) no-repeat 3% 53% #0078d4;color:#fff}
.distPanel-spmenu li label:hover small{color:#fff}
.distPanel-spmenu-vertical {width:300px;height:calc(100% - 56px);top:56px;z-index:1010;padding-bottom:15px}
.distPanel-spmenu-vertical li label{padding:.3em;margin:0;display:block!important;background:url(../img/drag.png) no-repeat 3% 53%}
.distPanel-spmenu-vertical li input[type="checkbox"]+label::before,.distPanel-spmenu-vertical li input[type="checkbox"]+label::after,.distPanel-spmenu-vertical li input[type="radio"]+label::before,.distPanel-spmenu-vertical li input[type="radio"]+label::after{margin-left:10px}
.distPanel-spmenu-right .search-results{height:calc(100% - 30px)}
.distPanel-spmenu-right ul{height:88%;overflow-y:auto;overflow-x:hidden}
.distPanel-spmenu-right{right:-300px}
.distPanel-spmenu-right.distPanel-spmenu-open{right:0}
.distPanel-spmenu,.distPanel-spmenu-push{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
#showRight{left:-50px;top:50%;position:absolute;background:#2a3548;border:0;outline:0;color:#fff;padding:6px;width:50px;height:50px;border-radius:3px 0 0 3px;cursor:pointer}
.productMapingUpload .pmProductField{width:300px;height:30px;padding:5px}
.productMapingUpload .pmQtyEditField,.productMapingUpload .req-quantity{width:60px;height:22px;padding:5px}
.stock-removal-filter{max-height:300px;overflow-y:scroll;overflow-x:hidden;width:100%}

.distPanel-spmenu-left{left: -300px;    overflow: auto;top:76px;height:calc(100% - 76px);}
.distPanel-spmenu-left.distPanel-spmenu-open{left: 0px;border-right: 2px solid #ccc;}

.distPanel-spmenu-left .plusMinusBtn{position:relative;font-size: 11px;padding-top: 4px;padding-bottom: 4px;}
.distPanel-spmenu-left .plusMinusBtn span{position: relative;}

#showLeftPushMenuBtn{display:flex;align-items:center;justify-content:space-between;width: 150px;margin-top: 14px;height: 36px;line-height: 1.2;text-align: left;font-size: 13px;}
.distPanel-spmenu #hideLeftPushMenuBtn {padding: 0px 4px;position: absolute;right: 3px;font-size: 12px;top: 3px;}

/*! ===================================================================
*********************** FOOTER STYLING STARTS HERE ***********************
=================================================================== */.footer-copy{border-top:1px solid #d6d6d6;padding:10px;font-size:10px;font-weight:600;text-transform:uppercase;color:#999}
.footer-copy p{margin:0}
/*! ===================================================================
*********************** PROFILE SECTION STYLING STARTS HERE ***********************
=================================================================== */#profileSec{position:relative;background:#173144;overflow:hidden;min-height:180px}
/*! #profileSec:before{content:' ';display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;opacity:.25;background-image:url(../img/dist-bg.jpg);background-repeat:no-repeat;background-position:50% 50%;-ms-background-size:cover;-o-background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;filter:gray;filter:grayscale(1);-webkit-filter:grayscale(1)}*/#profileSec .profileCont{padding:30px;z-index:2;position:relative;color:#fff}
.companyAvatar{overflow:hidden;float:left;margin-right:20px}
.companyAvatar img{width:100px;height:100px}
.companyInfo{overflow:hidden}
.companyInfo h3{font-size:18px;color:#fff;font-weight:600;text-transform:uppercase;margin-top:10px}
.companyInfo h3 small{font-size:11px;color:#efefef;font-weight:500;text-transform:initial;display:block;margin-top:2px}
.companyDetails{color:#efefef;font-size:13px}
.companyMail{float:left;margin-right:15px}
.companyAddress{margin-top:5px}
.personAvatar{overflow:hidden;float:left;margin-right:15px;padding-left:30px}
.personAvatar img{width:70px;height:70px}
.personInfo{overflow:hidden}
.personInfo h3{font-size:18px;color:#fff;font-weight:600;text-transform:uppercase;margin:0}
.personInfo h3 small{font-size:11px;color:#efefef;font-weight:500;text-transform:initial;display:block;margin-top:2px}
.profileEdit,.profileEdit:focus{position:absolute;top:0;right:0;display:inline-block;width:40px;height:40px;border-radius:100%;border:1px solid #fff;color:#fff;font-size:15px;line-height:38px;text-align:center;-webkit-transition:all 250ms ease-in;-moz-transition:all 250ms ease-in;transition:all 250ms ease-in}
.profileEdit:hover{background:#0078d4;border:1px solid #0078d4;color:#fff}
.prodMfg{color:#000;font-size:10px;font-weight:600;display:block}
/*! -------------------------------- 

CUSTOM CHECKBOX AND RADIO BUTTONS

-------------------------------- */.delChkRow{display:none}
.custom-chk-rdo{/*! wrapper for radio and checkbox input types */position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;/*! margin: 0 26px 16px 0;*/}
.custom-chk-rdo1{/*! wrapper for radio and checkbox input types */position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;/*! margin: 0 26px 16px 0;*/}
input[type=radio],input[type=checkbox]{/*! hide original check and radio buttons */position:absolute !important;left:12px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);margin:0;padding:0;opacity:0;z-index:2}
input[type="radio"]+label,input[type="checkbox"]+label{padding-left:24px;position:relative;cursor:pointer;display:inline-table;margin:0;text-align: left;}
input[type="radio"]+label::before,input[type="radio"]+label::after,input[type="checkbox"]+label::before,input[type="checkbox"]+label::after{/*! custom radio and check boxes */content:'';display:block;position:absolute;left:0;top:50%;margin-top:-7px;width:12px;height:12px}
td>input[type=radio],td>input[type=checkbox]{display:none}
td>input[type="radio"]+label,td>input[type="checkbox"]+label,th>input[type="radio"]+label,th>input[type="checkbox"]+label{padding-left:0;padding-right:0;position:relative;cursor:pointer;display:flex;margin:0 auto;vertical-align:middle;width:12px;height:12px}
td>input[type="radio"]+label:before,td>input[type="checkbox"]+label:before,td>input[type="radio"]+label:after,td>input[type="checkbox"]+label:after{margin-top:0!important;top:0!important}
td>input[type="radio"]+label.has-content,td>input[type="checkbox"]+label.has-content{padding-left:20px;display:block;line-height:18px;width:initial;height:initial}
td>input[type="radio"]+label.has-content:after,td>input[type="checkbox"]+label.has-content:after{top:1px!important}
td>input[type="radio"]+label.has-content:before,td>input[type="checkbox"]+label.has-content:before,td>input[type="radio"]+label.has-content:after,td>input[type="checkbox"]+label.has-content:after{margin-top:3px!important}
input[type="radio"]+label::before,input[type="radio"]+label::after,input[type="checkbox"]+label::before,input[type="checkbox"]+label::after{/*! custom radio and check boxes */content:'';display:block;position:absolute;left:0;top:50%;margin-top:-7px;width:12px;height:12px}
td input[type="radio"]+label::before,td input[type="radio"]+label::after,td input[type="checkbox"]+label::before,td input[type="checkbox"]+label::after{margin-top:-7px}
td input[type="radio"]+label::after{margin-top:-6px}
input[type="radio"]+label::before,input[type="checkbox"]+label::before{border:1px solid #828282;background:#fff;box-shadow:inset 0 1px 1px rgba(0,0,0,0.08)}
input[type="radio"][disabled]+label::before,input[type="checkbox"][disabled]+label::before{border:1px solid #c5c5c5;background:#e8e8e8;box-shadow:inset 0 1px 1px rgba(0,0,0,0.08)}
input[type="radio"]+label::before,input[type="radio"]+label::after{border-radius:50%}
input[type="checkbox"]+label::before,input[type="checkbox"]+label::after{border-radius:.25em}
input[type="radio"]+label::after,input[type="checkbox"]+label::after{background-color:#2c97de;background-position:-2px -2px;background-repeat:no-repeat;box-shadow:0 0 5px rgba(44,151,222,0.4);display:none}
input[type="radio"]+label::after{width:10px;height:10px;margin-top:-6px;margin-left:1px;border:2px solid #fff}
input[type="radio"]:checked+label::before{border:1px solid #2c97de}
/*! input[type="radio"]+label::after{! custom image for radio buttonbackground-image:url("../img/cd-icon-radio.svg")} */input[type="checkbox"]+label::after{/*! custom image for checkbox */background-image:url("../img/cd-icon-check.svg")}
input[type="radio"]:focus+label::before,input[type="checkbox"]:focus+label::before{/*! add focus effect for radio and check buttons */box-shadow:0 0 5px rgba(44,151,222,0.6)}
input[type="radio"]:checked+label::after,input[type="checkbox"]:checked+label::after{display:block}
input[type="radio"]:checked+label::before,input[type="radio"]:checked+label::after,input[type="checkbox"]:checked+label::before,input[type="checkbox"]:checked+label::after{-webkit-animation:cd-bounce .3s;-moz-animation:cd-bounce .3s;animation:cd-bounce .3s}
@-webkit-keyframes cd-bounce{0%,100%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(0.8);transform:scale(0.8)}
}
@-moz-keyframes cd-bounce{0%,100%{-moz-transform:scale(1);transform:scale(1)}
50%{-moz-transform:scale(0.8);transform:scale(0.8)}
}
@keyframes cd-bounce{0%,100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8)}
}
/*! ===================================================================
*********************** BACK TO TOP STYLING STARTS HERE ***********************
=================================================================== */#back-top{position:fixed;bottom:30px;right:30px;margin:0;z-index:9999;display:none}
#back-top a{background:rgba(0,175,240,0.5);border-radius:5px;line-height:50px;width:50px;height:50px;color:#fff;display:block;text-align:center;-webkit-transition:1s;-moz-transition:1s;transition:1s}
#back-top a:hover{background:#0078d4;color:#fff}
#back-top span{width:108px;height:108px;display:block;margin-bottom:7px;background:#ddd url(up-arrow.png) no-repeat center center;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;-webkit-transition:1s;-moz-transition:1s;transition:1s}
#back-top a:hover span{background-color:#777}
/*! ===================================================================
*********************** CUSTOM CSS DONE IN DEVELOPMENT ***********************
=================================================================== */.users-thumb{width:50px;height:50px}
.td-edit_btn,.td-del_btn,.td-info_btn{color:#354052;font-size:14px}
/*! ROLES TAB SECTION STYLING STARTS HERE */div.bhoechie-tab-container{z-index:10;background-color:#fff;padding:0!important;-moz-border-radius:4px;border-radius:4px;border:1px solid #e6eaee;margin-top:0;margin-left:0;/*! -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); *//*! box-shadow: 0 6px 12px rgba(0,0,0,.175); */-moz-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);background-clip:padding-box;opacity:.97;filter:alpha(opacity=97)}
div.bhoechie-tab-menu{padding-right:0;padding-left:0;padding-bottom:0}
div.bhoechie-tab-menu div.list-group{margin-bottom:0}
div.bhoechie-tab-menu div.list-group>a{margin-bottom:0;border:0;border-right:1px solid #e6eaee;border-bottom:1px solid #e6eaee}
div.bhoechie-tab-menu div.list-group>a .glyphicon,div.bhoechie-tab-menu div.list-group>a .fa{color:#5a55a3}
div.bhoechie-tab-menu div.list-group>a:first-child{border-top-right-radius:0;-moz-border-top-right-radius:0}
div.bhoechie-tab-menu div.list-group>a:last-child{border-bottom-right-radius:0;-moz-border-bottom-right-radius:0}
div.bhoechie-tab-menu div.list-group>a.active,div.bhoechie-tab-menu div.list-group>a.active .glyphicon,div.bhoechie-tab-menu div.list-group>a.active .fa{background-color:#0078d4;color:#fff;border:0}
div.bhoechie-tab-menu div.list-group>a.active:after{content:'';position:absolute;left:100%;top:50%;margin-top:-13px;border-bottom:13px solid transparent;border-top:13px solid transparent;border-left:10px solid #0078d4}
div.bhoechie-tab-content{background-color:#fff;padding-left:20px;padding-top:10px}
div.bhoechie-tab div.bhoechie-tab-content:not(.active){display:none}
.table-container1 h3 label{font-weight:600;font-size:16px}
.roles_children_items{margin-left:25px}
.roles_children_items span{display:block}
.roles_children_items span label{font-weight:600;font-size:13px}
.footable .dropdown-toggle{padding:10px 20px;margin:0!important;text-align:right}
.footable .dropdown-menu{margin:0!important}
.user-roles-chk{padding:20px;min-height:175px;max-height:175px;overflow-y:scroll;color:#3d3c3c;font-size:16px;margin-bottom:15px;background-color:#fff;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.user-roles-chk span label{display:block;font-size:13px;font-weight:500}
#preloader{background:rgba(0,0,0,0.45);bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:999999!important}
#load{width:36px;height:36px;background:url(../img/loading.gif) no-repeat center white;border-radius:60px;box-shadow:0 0 3px rgba(0,0,0,0.2);position:absolute;left:50%;top:50%;margin:-18px;opacity:.9;z-index:9999}
.noThead th{padding:0!important;display:none}
.noThead thead{display:none}
.icon-resend-otp{background:url(../img/refresh.png) no-repeat center left;width:20px;height:43px;text-indent:-9999px;display:block;float:right}
.resendLink{cursor:pointer;position:absolute;top:0;right:-30px;height:30px!important;width:30px;line-height:25px!important;background:#0078d4;border-radius:0 3px 3px 0;display:inline-block!important;text-align:center;color:#fff!important;font-size:11px!important;font-weight:600!important;text-transform:uppercase!important;white-space:nowrap}
.resendLink[disabled]{color:#354052!important;background:#ddd!important;cursor:not-allowed}
.affix-top,.affix{position:static}
/*! ===================================================================
*********************** FORMS STYLING ***********************
=================================================================== */#upload_doc{overflow:hidden}
#upload_doc .form-group{margin-right:0;margin-left:0;margin-bottom:10px;overflow:hidden}
#upload_doc .control-label{font-size:11px;font-weight:600;line-height:29px;padding:0;/*! text-align: left; */float:left;text-transform:uppercase;color:#999}
.form-control{height:30px;border:1px solid #a5a5a5;border-radius:4px;font-size:13px;padding-top:0;padding-bottom:0}
.form-group{margin-right:0;margin-left:0;margin-bottom:10px}
.form-horizontal .control-label{font-size:11px;font-weight:600;line-height:29px;padding:0;float:left;text-transform:initial;color:#2a2a2a}
.btn-file{padding-top:7px;padding-bottom:7px}
.form-control:focus{border:1px solid #9ae4ff}
.noteText{font-size:9px;font-weight:600;color:#999;padding:0;margin:0}
#pTable>tbody>tr>td>label{font-size:11px;font-weight:600;color:#999999!important}
#pTable>thead>tr>th{background-color:transparent!important;border:none!important}
#pTable>tbody>tr>td{border:0;padding-top:8px}
#pTable h2.tab-heading1{color:#354052;font-size:13px;font-weight:600;margin:15px 0}
h2.tab-heading1{color:#354052;font-size:13px;font-weight:600;margin:15px 0}
#pTable>tbody>tr:hover{background-color:transparent!important}
/*! .addButId,.rButton,.addButId:hover,.rButton:hover,.addButId:focus,.rButton:focus{font-size:10px;display:inline-block;background-color:#e6eaee!important;border:0;outline:0;color:#999;width:24px;height:24px;border-radius:50%;font-weight:500;cursor:pointer;text-align:center;margin-left:5px;padding:7px 0}*/.addButId,.rButton,.addButId:hover,.rButton:hover,.addButId:focus,.rButton:focus{font-size:10px;display:inline-block;background-color:#e6eaee!important;border:0;outline:0;color:#999;width:24px;height:24px;border-radius:50%;font-weight:500;cursor:pointer;text-align:center;line-height:12px;margin-left:5px;padding:7px}
.dlDocThumb{display:inline-block;float:left;text-align:center;padding:0;margin-bottom:0;border-radius:50%;border:0;background-color:transparent}
.dlDocThumb img{width:50px;height:50px}
.dlDocThumb small{display:block;font-size:10px;font-weight:600;text-transform:uppercase}
.dlattachement{position:relative;margin-right:10px;float:left;width:50px;height:60px}
.dlattachement a.td-del_btn{position:absolute;top:-5px;right:-5px;background:#e02e2b;border-radius:50%;width:18px;height:18px;text-align:center;line-height:18px;font-size:10px;color:#fff}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{position:relative;font-size:16px;color:#354052;display:inline-block;line-height:40px;margin-right:40px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;background-color:transparent;border:0;border-bottom-color:initial;padding:0}
.nav-tabs>li.active>a:after,.nav-tabs>li>a:hover:after{content:'';position:absolute;bottom:0;left:0;height:3px;width:100%;background-color:#0078d4}
.nav-tabs>li>a{position:relative;font-size:16px;color:#354052;display:inline-block;line-height:40px;margin-right:40px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;background-color:transparent;border:0;border-bottom-color:initial;padding:0}
.nav-tabs>li>a:hover,.nav-tabs>li>a:focus{background-color:transparent}
.ui-autocomplete-input{z-index:1000!important}
.search-form input:focus{background-color:#ffffe5}
.search-form .bs-searchbox input:focus{background-color:#fff!important}
.search-form input.qty-field:focus{background:#ffffe5 url(../img/form-sep.png) no-repeat left center;border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}
.inactive-record{background:#ffe9e9}
.disconnect-record{background:#ffebeb}
.block-record{background:#fddbd9}
/*! Auto complete css start */.ui-menu .ui-menu-item-wrapper{display:block;border:1px solid #c5c5c5}
.ui-widget-content{overflow-x:hidden;max-height:340px!important}
.ui-state-highlight{border:0 solid #f0de00!important;color:#c88d00!important;background:rgba(255,222,0,0.30)!important;/*! color: #fff !important; float: left;*/display:inline-block}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{background:#0078D4!important;color:#fff!important;border:0!important}
.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{background:#0078D4!important;color:#fff!important}
.ui-state-focus a .ui-state-highlight{border:1px solid #0078D4!important;background:#0078D4!important;color:#fff!important;font-weight:bold}
/*! Auto complete css end */.panel-body .tab-header-search{width:200px;margin:10px;display:block;float:right}
.panel-body .tab-header-search button{top:1px;right:1px}
#page-content .container-fluid,#footer .container-fluid{padding-left:15px;padding-right:15px}
.ordersTable td{padding:5px 10px!important}
.footable>thead>tr>th.footable-first-column,.footable>thead>tr>td.footable-first-column,.footable>tbody>tr>td.footable-first-column{border-left:none;padding-left:30px!important}
.tab-header-right .dropdown.more a img{height:40px}
.clearable{background:#fff url(../img/search-clear-icon-vert.png) no-repeat 97% -45%;border:1px solid #ccc;padding:0 30px 0 8px;border-radius:3px;transition:background .4s;outline:0;line-height:33px;margin:5px 5px 5px 0}
.clearable.x{background-position:97% 145%}
.clearable.onX{cursor:pointer}
.clearable1{background:#fff url(../img/search-clear-icon-vert.png) no-repeat 97% -44%;border:1px solid #ccc;padding:0 30px 0 8px;border-radius:3px;transition:background .4s;outline:0;line-height:33px}
.clearable1.x{background-position:97% 143%}
.clearable1.onX{cursor:pointer}
.search-form input.location-field.clearable1{background:url(../img/form-sep.png) no-repeat left center,url(../img//search-clear-icon-vert.png) no-repeat 97% -44%}
.search-form input.location-field.clearable1:focus{background:url(../img/form-sep.png) no-repeat left center,url(../img//search-clear-icon-vert.png) no-repeat 97% -44%;background-color:#ffffe5}
.search-form input.location-field.clearable1.x:focus{background:url(../img/form-sep.png) no-repeat left center,url(../img//search-clear-icon-vert.png) no-repeat 97% 143%;background-color:#ffffe5}
.cnectAlert{margin-bottom:15px}
.cnectAlert .panel-group{margin-bottom:0!important}
#acordeon.cnectAlert .panel-group .panel-heading{background:#fafbfc;height:40px;border-radius:0;color:#31708f;background-color:#d9edf7;padding:0 15px;margin-bottom:0;border:1px solid #bce8f1}
#acordeon.cnectAlert .panel-group .panel-heading h4{font-size:13px;font-weight:normal;color:#31708f;line-height:40px;text-transform:initial}
.hltCrcle{background:#0078d4;border-radius:50%;color:#fff;width:24px;height:24px;text-align:center;display:inline-table;line-height:24px;font-weight:bold}
.list-delete-icon{text-align:right;font-size:14px;float:right;margin-right:15px}
.list-delete-icon .fa-print{font-size:20px!important}
.alert{margin:10px 0 10px 0;padding:3px 8px}
/*! products autocomplete */.ui-autocomplete table td{line-height:15px}
.ui-autocomplete .td1{width:400px;font-size:12px;color:#0078d4;font-weight:600;padding-left:10px!important}
.ui-autocomplete .td2{width:300px;font-size:13px;color:#000;font-weight:600}
.ui-autocomplete .td3{width:100px;font-size:13px;color:#000;font-weight:600}
.ui-autocomplete .td4{width:100px;font-size:13px;color:#0078d4;font-weight:600}
.ui-autocomplete .td-c4{width:390px;font-size:13px;color:#000;font-weight:600}
.ui-autocomplete .td15p{width:15%!important}
.ui-autocomplete .td70p{width:70%!important}
.ui-autocomplete tr td:first-child{padding-left:10px!important}
td.parties-td-indent small{margin-left:5px}
td.parties-td-indent small:last-child{padding-bottom:8px!important}
.ui-autocomplete .td1 small,.ui-autocomplete .td2 small,.ui-autocomplete .td3 small,.ui-autocomplete .td4 small{font-weight:600;color:#000;font-size:9px}
.ui-menu .ui-menu-item{display:flex}
table tr.latest-record{background-color:#dcfcff!important}
.ui-autocomplete li:nth-child(even){background:#fefefe}
.ui-autocomplete li:nth-child(odd){background:#f9f9f9}
.ui-state-focus .td1,.ui-state-focus .td2,.ui-state-focus .td3,.ui-state-focus .td4,.ui-state-focus .td1 small,.ui-state-focus .td2 small,.ui-state-focus .td3 small,.ui-state-focus .td4 small{color:#fff!important}
.ui-state-focus .ui-state-highlight{color:#ffde00!important;background:transparent!important}
.stick1{position:fixed!important;top:0!important;width:13%}
.filters.stick1{position:fixed!important;top:0!important;width:12.5%}
/*! .ordered-list-item-subhead a.stockRemoval{float:right} *//*! ===================================================================
*********************** NOTIFICATIONS PAGE STYLING STARTS HERE ***********************
=================================================================== */.notificationListItem{padding:10px 130px 10px 55px;min-height:40px;border-bottom:1px solid #e6eeee;position:relative}
.notificationListItem .custom-outline-btn{position:absolute;right:10px;top:50%;margin-top:-15px}
.notificationListItem:first-child{border-top:1px solid #e6eeee;border-bottom:1px solid #e6eeee}
.notificationListItem h2{font-size:14px;margin:0}
.notificationListItem h2 span{font-weight:600}
.notificationListItem small{color:#9d9c9d;font-size:12px}
.notificationListItem .notificationDetails{color:#ccc;font-size:10px;font-weight:600}
.notificationListItem.notification1{background:url(../../assets/img/notification1.png) no-repeat 0 50%}
.notificationListItem.notification2{background:url(../../assets/img/notification2.png) no-repeat 0 50%}
.notificationListItem.notification3{background:url(../../assets/img/notification3.png) no-repeat 0 50%}
.notificationListItem.notification4{background:url(../../assets/img/notification4.png) no-repeat 0 50%}
.notificationListItem.notification5{background:url(../../assets/img/notification5.png) no-repeat 0 50%}
.dragDrop{background:url(../../assets/img/drag.png) no-repeat 0 50%;width:5px;height:23px;display:inline-block;position:absolute;left:5px;top:50%;margin-top:-12px;opacity:.4}
.distPanel-spmenu li label:hover .dragDrop{background:url(../../assets/img/drag-hover.png) no-repeat 0 50%}
.custom-link-pointer{cursor:pointer}
.tab-header-right .nav>li>a.add-to-order-btn,.tab-header-right .nav>li>a.add-to-order-btn:hover{margin:10px 0!important;min-width:120px!important;font-size:10px!important;color:#ffffff!important;background:#0078D4!important;line-height:18px!important;border-radius:25px!important;border:0!important;outline:0!important;font-weight:600!important;text-transform:uppercase!important;text-align:center!important}
.tab-header-right .nav>li>a.add-to-order-btn i,.tab-header-right .nav>li>a.add-to-order-btn:hover i{color:#fff!important}
.delete-template-btn{margin-left:0!important;margin-right:0!important}
.primarycontactedit{color:#fff;background:#0078d4;border-radius:100%;width:20px;height:20px;display:inline-block;text-align:center;line-height:20px;margin-left:20px}
.primarycontactadd,.primarycontactadd:focus{border:1px solid #fff;border-radius:25px;padding:3px 20px;color:#fff;display:inline-block;font-size:11px;text-transform:uppercase;font-weight:600;transition:all 250ms ease-in;-webkit-transition:all 250ms ease-in;-moz-transition:all 250ms ease-in}
.primarycontactadd:hover{background:#0078d4;color:#fff}
.btn-custom-medium{font-size:12px;height:30px;line-height:30px;padding:0;min-width:120px;color:#0078d4;background:transparent;border-color:#0078d4}
.float-left{float:left!important}
.inactive-badge{float:left;background:#f00;width:90px;height:16px;border-radius:25px;display:block;color:#fff;text-transform:uppercase;font-size:10px;font-weight:600;text-align:center;letter-spacing:.15em;line-height:16px;margin-left:10px;margin-top:2px}
.profile-type-badge{float:left;padding:0 10px;min-width:90px;height:16px;border-radius:25px;display:block;color:#fff;text-transform:uppercase;font-size:10px;font-weight:600;text-align:center;letter-spacing:.15em;line-height:16px;margin-left:10px;margin-top:2px}
/*! .tab-menu-items .nav>li>a:focus,.tab-menu-items .nav>li>a:hover{background-color:transparent} */.tab-menu-items .dropdown-menu li a{width:100%;font-weight:600!important;font-size:14px!important}
.tab-menu-items .dropdown-menu li a:hover:after{display:none!important}
.tab-menu-items .dropdown i{font-size:12px;color:#333}
.orderID span{color:#0078d4;font-weight:600;font-size:14px}
.notification-desc small strong{color:#17315a;font-weight:600}
.save-as-template,.save-as-template:focus{background-color:transparent;height:26px!important;line-height:24px!important;border:1px solid #0078d4;border-radius:3px;display:inline-block!important;text-align:center;color:#0078D4!important;font-size:11px!important;font-weight:600!important;text-transform:uppercase!important;padding:0 15px!important;margin:6px 0 6px 6px!important;white-space:nowrap}
.short-bk-ordr-btn .save-as-template,.short-bk-ordr-btn .save-as-template:focus{height:18px!important;line-height:16px!important;padding:0 5px!important;margin:0!important}
.save-as-template i{margin-right:3px}
.save-as-template:hover{background-color:#0078D4!important;color:#fff!important}
.save-as-template:hover i{color:#fff!important}
.save-as-template:hover:after{display:none!important}
.salesrep-btn{background-color:transparent;height:26px!important;line-height:24px!important;border:1px solid #0078d4;border-radius:3px;display:inline-block!important;text-align:center;color:#0078D4!important;font-size:11px!important;font-weight:600!important;text-transform:uppercase!important;padding:0 15px!important;white-space:nowrap}
.salesrep-btn:hover{background-color:#0078D4!important;color:#fff!important}
.filters input.save-as-template{margin:0!important;padding:0 3px!important;font-size:10px!important;line-height:16px!important;height:initial!important;font-weight:600!important}
.filters .panel-title a{float:left}
.filters .panel-title input.save-as-template{float:right;margin:4px 0!important}
.navbar-left .save-as-template{height:26px!important;background:#fafbfc!important;line-height:24px!important;border:1px solid #0078d4;border-radius:3px;display:inline-block!important;text-align:center;color:#0078D4!important;font-size:11px!important;font-weight:600!important;text-transform:uppercase!important;padding:0 15px!important;margin:6px 0 6px 15px!important;white-space:nowrap}
.navbar-left .save-as-template i{margin-left:3px;color:#0078d4;margin-right:0}
.navbar-left .save-as-template:after{display:none}
.navbar-left .save-as-template:hover{background:#0078D4!important;color:#fff!important}
.navbar-left .save-as-template-menu ul li a{font-size:13px}
#custom_dates_div .form-group{display:inline-block}
#excel_custom_dates_div .form-group{display:inline-block}
.table-striped>tbody>tr:nth-of-type(odd){background-color:#fff;/*! background-color:#fbfbfb */}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#0078d4;border-color:#0078d4}
.btn-default:hover{color:#fff;background-color:#0078d4;border-color:#0078d4}
.map-columns-table>tbody>tr:hover:not(.footable-row-detail){background:rgba(0,175,240,0)}
.map-columns-table button{margin:10px}
.map-columns-table td{border-top:0 solid #ddd!important;text-transform:initial!important}
.map-columns-table td,.map-columns-table th{text-transform:initial!important}
.map-columns-table th{font-weight:700!important}
.red-txt{color:red!important}
.map-columns-table td .control-label{font-weight:700!important;line-height:initial!important}
.map-columns-table thead td{padding:0!important}
.map-columns-table tfoot td{padding:0!important}
.ordered-list-item-subhead small{font-size:10px}
#tab-header-filters{display:none}
.bootstrap-select a{font-size:11px}
.filter-label{font-size:10px;font-weight:bold;text-transform:uppercase}
.filters-page .filters-sidebar{width:15%}
.filters-page .filters-list-content{width:85%}
.distributor-info-sidebar{padding-top:2px}
.dropdown-toggle .fa-bars{font-size:17px}
.font13{font-size:13px!important}
.font14{font-size:14px!important}
#excel_custom_dates_div #excel_from_date,#excel_custom_dates_div #excel_to_date,#custom_dates_div #from_date,#custom_dates_div #to_date{border-right:0;background:#fff;padding:0;padding-left:6px}
#excel_custom_dates_div .input-group-addon,#custom_dates_div .input-group-addon{padding:6px;font-size:12px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#fff;border:1px solid #a5a5a5;border-radius:0 4px 4px 0;border-left:0 solid #ccc!important}
#excel_custom_dates_div .form-control:focus ~ .input-group-addon,#custom_dates_div .form-control:focus ~ .input-group-addon{border:1px solid #9ae4ff}
.map-columns-table{border:2px solid #e6eaee}
.map-columns-table td{border-bottom:2px solid #e6eaee}
.stockRemoval.save-as-template{margin:0!important}
.ordered-list-item-subhead.custom-subhead{line-height:25px}
.save-as-template.custom-small-btn{height:18px!important;line-height:16px!important;margin-left:0!important;cursor:pointer}
.tab-menu-header ul{float:left}
.bootstrap-select button{border:2px solid #e6eaee}
.mrg-10l{margin-left:10px!important}
.small-inline{display:inline-block!important}
div.tab-menu-items.list-to-select select{display:none}
.menu-seperator{position:relative}
.menu-seperator:before{position:absolute;content:'|';color:rgba(255,255,255,0.5);line-height:49px;left:-2px}
.bold-font{font-weight:bold!important}
#acordeon h2.prodmaphead{line-height:40px}
.form-group.overflow-hidden{overflow:hidden}
.search-form input.search-product-field{margin-right:10px}
.printBtn{height:30px;line-height:16px;margin:5px 0}
.dropdown-menu{margin:0;padding:0;border-radius:10px;z-index:9000;-webkit-box-shadow:1px 2px 3px rgba(0,0,0,0.125);box-shadow:1px 2px 3px rgba(0,0,0,0.125)}
.requestsent-badge{background:#b57a00!important}
.reconnect-badge{background:#2196F3!important}
.zennxID{font-size:13px}
.footable-sortable .tab-heading{float:initial}
.mobileRightNav .navbar-right{margin-right:0}
.tab-header-search:focus{border-color:#b5b5b5}
td.link{cursor:pointer}
td h3 a:hover{text-decoration:underline!important}
.grey-text{color:#666}
.details-total{display:inline-block;float:right;background:#e6eaee;padding:6px 10px;font-size:14px;font-weight:600;text-transform:uppercase;color:#333}
.indent{margin-left:10px}
.review-header a:hover{text-decoration:underline!important}
.popover{display:block;width:400px;min-width:450px;color:#333!important;font-size:12px}
.cust-popover,.popover-content .display-label{color:#333!important;font-size:12px}
.panel-legend{overflow:hidden;margin-bottom:5px!important;padding-bottom:5px}
.panel-legend small{font-size:12px;display:block}
.admin-login-user-order-panel{width:100%;background:#fff;border:1px solid #eceaee}
.admin-login-user-order-panel td{padding:2px}
.admin-login-user-order-panel .zennxID{margin-top:3px;color:#000;font-weight:600;font-size:11px;display:inline-block}
.admin-login-user-order-panel .zennxID.dl-no{margin:0 0 8px 0!important}
.admin-login-user-order-panel h3 .zennxID em{font-size:15px;font-style:normal}
.admin-login-user-order-panel .user-panel-address{margin-top:3px}
.admin-login-user-order-panel h3{font-size:16px;font-weight:600;margin:0}
.admin-login-user-order-panel td{background:#f3f3f3;padding:5px!important;border-top:1px solid #ddd}
.admin-login-user-order-panel td:first-child{padding-left:15px!important;border-left:1px solid #ddd}
.admin-login-user-order-panel td:last-child{padding-right:15px!important;border-right:1px solid #ddd}
.qty-hilite input{background:#eceaee}
.bootstrap-select>.dropdown-toggle{border:2px solid #a5a5a5!important}
.bootstrap-select>.dropdown-toggle:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder{background:#fff!important}
.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0)!important;box-shadow:inset 0 3px 5px rgba(0,0,0,0)!important}
.footable .footable-sort-indicator{display:none!important}
.footable.table .footable-sort-indicator{display:inline-block!important}
.cl-effect-13>li>.dropdown-menu{border-radius:10px;margin-top:-5px;right:0;left:initial}
.navbar-nav.cl-effect-13>li>.dropdown-menu:before{right:12px;left:initial}
.navbar-nav.cl-effect-13>li>.dropdown-menu:after{right:12px;left:initial}
.cl-effect-13 .dropdown-menu a::before{display:none}
.cl-effect-13 .dropdown.open a::before,.cl-effect-13 .dropdown.open a::before{color:#fff;background:#fff}
.mapping-product-search{width:190px;padding-left:5px}
.mapping-party-search{width:350px;padding-left:5px}
h4.panel-title .custom-chk-rdo input[type=radio],h4.panel-title .custom-chk-rdo input[type=checkbox]{position:absolute;left:1px}
.cl-effect-13 a.dropdown-toggle::before{display:none}
.cl-effect-13 .dropdown.active>a.dropdown-toggle::before{display:block!important}
.qty-error{color:#f00!important;font-size:10px;display:block}
.unconneted-distname{color:#ef0000;font-size:10px;display:block}
input[type=checkbox][disabled]{cursor:auto!important}
.ordered-prod-info span.status-badge{color:#fff;font-size:10px;width:initial;padding:0 5px;position:relative;display:inline}
.cnct-btn,.cnct-btn:focus,.cnct-btn:hover{background:#0078d4;color:#fff;padding:8px 12px;display:inline-block;border-radius:3px;float:right;line-height:normal}
/*! .admin-cart{margin-right:50px} */.admin-cart a>span{text-indent:-9999px;background:url(../img/add-to-cart.png) 50% no-repeat;width:53px;height:52px;display:inline-block;position:relative}
.admin-cart a{padding:2px!important}
.admin-cart a>span em{position:absolute;height:20px;border-radius:25px;background:#feff00;top:8px;left:38px;border:2px solid #0078d4;z-index:9;color:#b55500;font-size:10px;text-indent:initial;line-height:16px;font-weight:600;text-align:center;font-style:inherit;padding:0 5px;min-width:20px}
.admin-cart-blue{margin-right:50px}
.admin-cart-blue a>span{text-indent:-9999px;background:url(../img/add-to-cart-blue.png) 50% no-repeat;width:30px;height:30px;display:inline-block;position:relative}
.admin-cart-blue a{padding:8px 15px 3px 15px!important;margin:0!important}
.admin-cart-blue a:focus,.admin-cart-blue a:hover{background-color:transparent!important}
.admin-cart-blue a>span em{position:absolute;height:20px;border-radius:25px;background:#ff9600;top:-4px;left:19px;border:2px solid #f3f3f3;z-index:9;color:#fafbfc;font-size:11px;text-indent:initial;line-height:16px;font-weight:600;text-align:center;font-style:inherit;padding:0 5px;min-width:20px}
.distPanel-spmenu-push-toleft .footable>thead>tr>th.footable-first-column,.distPanel-spmenu-push-toleft .footable>thead>tr>td.footable-first-column,.distPanel-spmenu-push-toleft .footable>tbody>tr>td.footable-first-column{padding-left:10px!important}
/*!#showRightPush{ background: url(../img/arrow-l.png) no-repeat; width:16px; height:32px;display: block;}
#showRightPush.active{ background: url(../img/arrow-r.png) no-repeat; width:16px; height:32px;display: block;}*/.orders-count{background:#686868;color:#fff;padding:2px 10px;border-radius:10px;position:relative;margin-left:10px}
.orders-count::before{position:absolute;content:'';width:0;height:0;border-top:6px solid transparent;border-right:9px solid #686868;border-bottom:6px solid transparent;left:-5px;top:6px}
.map-columns-table select.form-control{width:200px}
.map-columns-table label{float:right!important}
.map-columns-table tr td:first-child{border-right:1px solid #e6eaee}
.map-columns-table thead tr td:first-child{border-right:0 solid #e6eaee!important}
.col-centered{float:none;margin:0 auto}
.upload-file-right table{height:187px;width:100%}
.upload-file-right table .control-label{font-size:18px;font-weight:600;line-height:initial;padding:0;float:initial;text-transform:initial;color:#2a2a2a;text-align:center}
.upload-dist-select{height:26px!important;line-height:24px!important;border:1px solid #0078d4;border-radius:3px;display:inline-block!important;padding:0!important;margin:6px 0 6px 6px!important;position:relative}
button.save-as-template:hover{background:#0078D4!important}
.upload-dist-selecter .bootstrap-select>.dropdown-toggle:hover{color:#000!important}
.upload-dist-selecter,.upload-dist-selecter label{margin:0!important}
.upload-dist-selecter .upload-dist-select,.upload-dist-selecter .save-as-template{margin-left:0!important}
.upload-dist-selecter .save-as-template{background:transparent!important}
.upload-dist-selecter .bootstrap-select>.dropdown-toggle{height:26px;padding-left:15px;padding-right:34px;border:2px solid #e5e8ee;border-radius:4px}
.upload-dist-selecter{margin:10px!important;position:relative}
.upload-dist-selecter .save-as-template{border:0!important;position:absolute;top:0;right:0;z-index:9;line-height:27px!important;margin:2px!important;border-radius:0 4px 4px 0!important;background:#e5e8ee!important;color:#000!important}
.upload-dist-selecter .save-as-template:hover{color:#fff!important;background-color:#0078D4!important}
.ordered-list-items.noDropdown tr td:first-child{padding-left:30px!important}
.ordered-list-items.noDropdown tr:first-child td.ordered-list-item-subhead{padding-left:20px!important}
.panel-body tr td:first-child,.panel-body tr th:first-child{border-left:none;padding-left:30px!important}
.cust-alert-danger{padding:4px 15px!important}
.template-cart-btn{float:right;margin:9px 10px 7px 0;min-width:120px;font-size:10px;color:#0078d4;background:transparent;line-height:18px;border-radius:3px;outline:0;font-weight:600;text-transform:uppercase;border:1px solid #0078d4;text-align:center;padding:1px 6px}
.order-btn-delete-all,.order-btn-delete-all:focus,.order-btn-delete-all:hover{font-size:10px;background:#0078d4;display:inline-block;padding:2px 5px;color:#fff;border-radius:4px}
.upload-row-del{text-align:right}
.upload-row-del a{margin-right:15px;float:left}
.order-btn-delete-all span{padding:2px 5px;display:inline-block}
.tab-menu-items li>.dropdown-menu{border-radius:10px;margin-top:-5px;right:0!important;left:initial!important}
.tab-menu-items li>.dropdown-menu:before{right:12px!important;left:initial!important}
.tab-menu-items li>.dropdown-menu:after{right:12px!important;left:initial!important}
.hidden-overflow{overflow:hidden}
.bootstrap-select .btn-default:hover{color:#333!important}
.footable>tbody>tr>td.footable-first-column.ordered-list-item-subhead .footable-toggle{display:none!important}
.file-drop-area .file-msg.js-set-number{white-space:pre-wrap}
.upload-file-right tr:hover{background:transparent!important}
.recommendations-page{overflow:hidden}
.recommendations-table label{font-size:11px;font-weight:600;color:#999999!important}
.recommendations-del-col{padding:0;min-height:53px}
.recommendations-del-col button{margin-top:26px}
.recommendations-page .loginBtn1{min-width:165px;height:40px;line-height:38px;background:#0078d4;color:#fff;outline:0;border:0;border-radius:3px;text-transform:uppercase;font-weight:600;margin-top:30px}
.recommendations-page .form-control:focus{border:2px solid #0078d4}
.recommendations-form label,.recommendations-form .loginBtn1{text-transform:initial!important}
.dl-template,.an-template,.dl-area,.an-area{position:relative}
.dl-template button.rButton,.dl-area button.rButton{position:absolute;right:-15px;top:23px!important}
.an-template button.rButton,.an-area button.rButton{position:absolute;right:-15px;top:8px!important}
.dl-area label,.an-area label{font-size:11px;text-transform:uppercase;color:#727272}
.sat-rdo{margin-top:4px}
#pTable td{padding:0;border:0}
.call-center a>span{text-indent:-9999px;background:url(../img/call-center.png) 50% no-repeat;width:33px;display:inline-block;position:relative}
.call-center .tooltip{font-size:14px;overflow:hidden;white-space:nowrap}
.call-center .tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-bottom-color:#000;/*! black */border-width:0 5px 5px}
.admin-login-cart-notification{width:190px}
.map-columns-table .tab-heading{display:block!important;text-align:center;width:100%}
.prd-header{line-height:40px}
#conditions option{height:24px!important}
.hide-cc-table-header-footer{display:none!important}
/*! ==========================================================================
****************** Retailer/Distributor Settings page related ******************
=========================================================================== */.admin-settings-section .setting-header{font-size:13px;font-weight:600;width:100%;display:block;text-transform:uppercase;padding-bottom:10px}
.admin-settings-section .setting-header div{float:right}
.admin-settings-section .setting-header span label{font-size:12px;font-weight:600}
.admin-settings-section .setting-desc{font-size:11px;color:#888}
.admin-settings-header{margin-top:0;background-color:#fafbfc;border:1px solid #e6eaee;font-size:16px;font-weight:600;width:100%;display:inline-block;text-transform:uppercase;padding:10px;line-height: 22px;}
.admin-sub-setting{padding:25px!important}
.admin-sub-setting .admin-settings-header{font-size:14px}
.pad-b0{padding-bottom:0!important}
.pad-b10{padding-bottom:10px!important}
.settings-switch{position:relative;display:inline-block;vertical-align:top;width:56px;height:20px;padding:3px;background-color:white;border-radius:18px;box-shadow:inset 0 -1px white,inset 0 1px 1px rgba(0,0,0,0.05);cursor:pointer;background-image:-webkit-linear-gradient(top,#eeeeee,white 25px);background-image:-moz-linear-gradient(top,#eeeeee,white 25px);background-image:-o-linear-gradient(top,#eeeeee,white 25px);background-image:linear-gradient(to bottom,#eeeeee,white 25px);font-weight:500;margin:0;margin-top:-3px}
.switch-input{position:absolute!important;top:0!important;left:0!important;opacity:0!important}
.switch-label{position:relative;display:block;height:inherit;font-size:10px;text-transform:uppercase;background:#eceeef;border-radius:inherit;box-shadow:inset 0 1px 2px rgba(0,0,0,0.12),inset 0 0 2px rgba(0,0,0,0.15);-webkit-transition:.15s ease-out;-moz-transition:.15s ease-out;-o-transition:.15s ease-out;transition:.15s ease-out;}
.switch-label:before,.switch-label:after{position:absolute;top:50%;margin-top:-.5em;line-height:1;-webkit-transition:inherit;-moz-transition:inherit;-o-transition:inherit;transition:inherit}
.switch-label:before{content:attr(data-off);right:8px;color:#727272;text-shadow:0 1px rgba(255,255,255,0.5)}
.switch-label:after{content:attr(data-on);left:11px;color:white;text-shadow:0 1px rgba(0,0,0,0.2);opacity:0}
.switch-input:checked ~ .switch-label{background:#0078d4;box-shadow:inset 0 1px 2px rgba(0,0,0,0.15),inset 0 0 3px rgba(0,0,0,0.2)}
.switch-input:checked ~ .switch-label:before{opacity:0}
.switch-input:checked ~ .switch-label:after{opacity:1}
.switch-handle{position:absolute;top:4px;left:4px;width:18px;height:18px;background:white;border-radius:10px;box-shadow:1px 1px 5px rgba(0,0,0,0.2);background-image:-webkit-linear-gradient(top,white 40%,#f0f0f0);background-image:-moz-linear-gradient(top,white 40%,#f0f0f0);background-image:-o-linear-gradient(top,white 40%,#f0f0f0);background-image:linear-gradient(to bottom,white 40%,#f0f0f0);-webkit-transition:left .15s ease-out;-moz-transition:left .15s ease-out;-o-transition:left .15s ease-out;transition:left .15s ease-out}
.switch-handle:before{content:'';position:absolute;top:50%;left:50%;margin:-6px 0 0 -6px;width:12px;height:12px;background:#f9f9f9;border-radius:6px;box-shadow:inset 0 1px rgba(0,0,0,0.02);background-image:-webkit-linear-gradient(top,#eeeeee,white);background-image:-moz-linear-gradient(top,#eeeeee,white);background-image:-o-linear-gradient(top,#eeeeee,white);background-image:linear-gradient(to bottom,#eeeeee,white)}
.switch-input:checked ~ .switch-handle{left:34px;box-shadow:-1px 1px 5px rgba(0,0,0,0.2)}
.switch-green>.switch-input:checked ~ .switch-label{background:#4fb845}
.admin-notifications-blue,.admin-cart-blue{float:left!important;display:inline-block!important}
.prev-orders-hdr h2 a{color:#0078d4;font-size:16px;font-weight:600;border-bottom:1px solid #0078d4}
.prev-orders-hdr h2 a:hover{text-decoration:none!important;color:#ff9600;border-bottom:1px solid #ff9600}
.prev-orders-hdr h2 small{color:#000!important}
.distPanel-heading span{float:left;width:80%;}
.distPanel-heading span.highlight{width:initial;float:initial}
span.highlight{background-color:#fff34d}
.distPanel-heading a{float:left}
.distPanel-heading span small{font-size:10px;color:#0078d4;display:block;text-transform:initial;font-weight:600;line-height:14px;margin-top:3px}
.alert-danger-small,.alert-success-small{padding:3px 8px;font-size:13px;font-weight:600}
.list-del-icon-fn a{float:none!important}
.mrg-r0{margin-right:0!important}
.mrg-r8{margin-right:8px!important}
.remarks-popover{width:100%;min-width:100%;max-width:100%;height:50px;resize:none;border:0}
.pack-size{color:#000}
.upload-dist-list-selecter .bootstrap-select>.dropdown-toggle:hover{color:#000!important}
.upload-dist-list-selecter,.upload-dist-list-selecter label{margin:0!important}
.upload-dist-list-selecter .upload-dist-list-select,.upload-dist-list-selecter .save-as-template{margin-left:0!important}
.upload-dist-list-selecter .save-as-template{background:transparent!important}
.upload-dist-list-selecter .bootstrap-select>.dropdown-toggle{min-width:130px;height:30px;padding-left:10px;padding-right:0;border:2px solid #e5e8ee;border-radius:4px}
.upload-dist-list-selecter{margin:10px!important;position:relative}
.upload-dist-list-selecter .save-as-template{border:0!important;position:absolute;top:0;right:0;z-index:9;line-height:27px!important;margin:2px!important;border-radius:0 4px 4px 0!important;background:#e5e8ee!important;color:#000!important}
.upload-dist-list-selecter .save-as-template:hover{color:#fff!important;background-color:#0078D4!important}
.upload-dist-list-selecter .bootstrap-select.btn-group .dropdown-toggle .caret{right:10px!important}
.duplicate-hlight-color{border:1px solid red;color:#f00}
.cc-upload-custom-css .footable>thead>tr>th{font-size:11px!important}
.cc-upload-custom-css .btn-custom{height:30px;padding:5px 30px}
.cc-upload-custom-css .product-btn-container .order-total{padding:0 0 3px 0}
#filters-applied{float:left;padding:10px}
#filters-applied ul{float:left}
#filters-applied label{font-size:10px;font-weight:600;display:inline-block;padding:0 0 0 10px;border-radius:3px;position:relative;background:#fff;border:1px solid #e6eaee;margin:0 5px 0 0;line-height:18px;height:20px;color:#2a2a2a}
#filters-applied label a{line-height:17px;margin:0;margin-left:5px;font-size:10px;width:20px;height:20px;display:inline-block;text-align:center;border-left:1px solid #e6eaee}
#filters-applied label a:after{display:none!important}
#filters-applied .tooltip{white-space:nowrap}
#filters-applied ul li{float:left}
.rdo-filter-label{display:none}
.popup-cstm-btn button{width:100%;padding:0;height:30px}
.search-form-header.prod-srh-pg{display:block!important}
.prod-search-form input{height:30px!important}
.prod-search-form button.add-field{width:30px !important;height:30px;padding:0}
.prod-search-form .clearable1{background:#fff url(../img/search-clear.png) no-repeat 98.5% -16%}
.prod-search-form .clearable1.x{background-position:98.5% 113%}
.prod-search-form input{background-color:#fff!important}
.prod-search-form input.location-field,.prod-search-form input.location-field.clearable1:focus{background:url(../img/form-sep.png) no-repeat left center,url(../img/search-clear.png) no-repeat 98.5% -16%}
.prod-search-form input.location-field.clearable1.x,.prod-search-form input.location-field.clearable1.x:focus{background:url(../img/form-sep.png) no-repeat left center,url(../img/search-clear.png) no-repeat 98.5% 111%}
.upload-dist-selecter-btn li.selected.active a{background-color:transparent!important;color:#333!important}
.upload-dist-selecter-btn li.selected.active a .text-muted{color:#777!important}
.upload-dist-list-selecter select,.upload-dist-list-selecter select option{color:#000;}
/*! ===========================================================================
===============================================================================
************************* WARNING MESSAGE BELOW 640PX *************************
===============================================================================
============================================================================ */#warning-message{display:none;width:100%;height:100%;background:#0078d4;color:#fff;text-align:center;position:relative;padding:15px 20px;z-index:9999999999;}
.warning-logo{height:70px;display: flex;align-items: center;justify-content: space-between;}
.warning-logout-btn{color: #fff;height:36px;display: flex;align-items: center;justify-content: center;padding: 0 13px;border-radius: 8px;background: #ff9600;font-weight: 600;
background:#ff9600;
background:-moz-linear-gradient(0deg, #ff9600 0%, #ffcf22 100%);
background:-webkit-linear-gradient(0deg, #ff9600 0%, #ffcf22 100%);
background:linear-gradient(0deg, #ff9600 0%, #ffcf22 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff9600",endColorstr="#ffcf22",GradientType=1);
}
.warning-logout-btn i{margin-right:6px;}
.warning-logout-btn:hover,.warning-logout-btn:focus,.warning-logout-btn:active{color:#fff;}

.warning-message-inner h2{margin: 0;font-size: 16px;line-height: 24px;letter-spacing: 0px;}
@media(max-width:640px){#header,#page-content,#footer{display:none}
	#warning-message{display: flex !important;flex-direction: column;justify-content: space-between;}
	html,body{overflow: hidden !important;width: 100%;
    min-height: 100%;
    height: 100%;}
	.logout-btn{width: 20px;}
}
@media(min-width:640px){
	#warning-message{display:none}
#header,#page-content,#footer{display:block}
}
#warning-message h4{text-align:center;}
#warning-message h4 span{display:block;font-size:13px;text-transform:uppercase;font-weight:bold;margin-bottom:5px;color:rgba(255,207,34,0.96)}
.playstore-btn{display:block;overflow:hidden;margin:20px}
.upload-dist-selecter-btn{width:100%}
.upload-dist-selecter-btn label{font-size:12px;font-weight:600}
.upload-dist-selecter-btn .btn-group{width:90%!important}
.bootstrap-select.btn-group .dropdown-menu li a:hover small.text-muted{color:#b8deff}
.upload-dist-selecter-btn .save-as-template{border:2px solid #a5a5a5!important;position:absolute;top:0;right:0;z-index:9;line-height:24px!important;margin:0!important;border-radius:0 4px 4px 0!important;background:rgba(229,232,238,0)!important;color:#000!important;height:26px!important;border-left:0 solid transparent!important}
.upload-dist-selecter-btn .save-as-template[type="button"]:disabled{color:#aaa!important;background:#e5e8ee!important}
.upload-dist-selecter-btn .save-as-template[type="button"]:enabled{background:#0078D4!important;color:#fff!important}
.bootstrap-select .dropdown-toggle:focus{outline:0!important}
.change-link{margin-left:20px}
.change-link a{margin-bottom:0!important}
.change-link a:hover{text-decoration:none!important}
.footable.excel-table>tbody>tr>td{font-size:11px!important;padding-top:0!important;padding-bottom:0!important}
.footable.excel-table>thead>tr>th{padding-top:0!important;padding-bottom:0!important}
.footable.excel-table>thead>tr>th:first-child{padding-left:15px!important}
.footable.excel-table>thead>tr>td:last-child{padding-right:15px!important}
.footable.excel-table2x>tbody>tr>td{font-size:11px!important;padding-top:3px!important;padding-bottom:3px!important}
.footable.excel-table.review-page>thead>tr>th:first-child{padding-left:27px!important}
.footable.excel-table.review-page>tbody>tr>td:first-child{padding-left:27px!important}
.excel-table td input[type="checkbox"]+label::before,.excel-table td input[type="checkbox"]+label::after{margin-top:-3px}
.excel-table.productMapingUpload .pmQtyEditField,.excel-table.productMapingUpload .req-quantity{width:60px;height:19px!important;padding:0 5px!important}
ol li{list-style-type:decimal}
.excel-table .upload-dist-list-selecter .bootstrap-select>.dropdown-toggle{height:19px!important;border:1px solid #a5a5a5!important;border-radius:0!important}
.excel-table .upload-dist-list-selecter .bootstrap-select>.dropdown-toggle span{font-size:11px;font-weight:600}
.excel-table .form-control{height:19px;font-size:11px!important;padding:0;border-radius:0}
.excel-table .input-group-addon{padding:0;font-size:10px;font-weight:400;line-height:16px;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px;height:19px;width:19px}
.footable.excel-table>thead>tr>td.footable-first-column{padding-left:30px!important}
.footable.excel-table>tbody>tr>td.footable-first-column,.footable.excel-table>tbody>tr>td:first-child{padding-left:15px!important}
.excel-table .upload-row-del a{margin-right:17px;float:initial}
.excel-table .bootstrap-select a{font-size:11px}
.admin-login-user-order-panel td{padding:0!important}
.admin-login-user-order-panel.footable .dropdown-toggle{padding:11px 20px 8px!important}
.admin-notifications-blue a{padding-bottom:0!important;padding-top:5px!important}
.admin-cart-blue a{padding-bottom:0!important;padding-top:3px!important}
.tableFloatingHeaderOriginal{z-index:999!important}
.upload-header{font-size:16px;margin-top:13px;color:#000;font-weight:600}
.cc-page .upload-dist-selecter-btn label{margin-right:5px!important}
.cc-page input.tab-header-search{width:100%;margin:10px 0!important}
.cc-page .upload-dist-selecter{margin:10px 0!important}
.cc-page .upload-dist-selecter-btn .btn-group{width:100%!important}
.cc-page .search-form input{height:30px}
.cc-page .search-form input.qty-field{width:80px}
.cc-page .search-form button.add-field{width:30px;height:30px;padding:0;line-height:30px;text-align:center}
.cc-page .clearable1{background:#fff url(../img/search-clear.png) no-repeat 98.5% -14%}
.cc-page .clearable1.x{background-position:98.5% 113%}
.cc-page .upload-dist-selecter .dropdown-menu>.active>a,.cc-page .upload-dist-selecter .dropdown-menu>.active>a:focus,.cc-page .upload-dist-selecter .dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#7dc3ff;outline:0}
.btn-delete-all .tooltip{white-space:nowrap}
.tab-menu-header .nav>li>a{padding:10px 0;background:transparent!important;margin-left:0}
.tab-menu-header .nav>li>a.save-as-template:hover{background-color:#0078D4!important;color:#fff!important}
.showpassword label{font-size:13px;font-weight:600}
.accept-print{background:rgba(200,210,255,0.7)}
.accept-download{background:rgba(200,210,255,0.7)}
.ccpage .ccpage-search{width:275px!important}
.ccpage .bootstrap-select.btn-group .dropdown-menu{width:245px!important;min-width:initial}
.ccpage .input-group-custom input{padding:0 4px!important}
/*! .tab-menu-items .nav .open>a,.tab-menu-items .nav .open>a:focus,.tab-menu-items .nav .open>a:hover{background-color:transparent!important} */.tab-header-right .save-as-template{/*! margin:2px !important; */}
.tab-header-right-pg-srh{width:100%!important;margin:2px;height:26px!important}
.tab-header-right-pg-srh.clearable{background:#fff url(../img/search-clear-icon-vert.png) no-repeat 97% -28%}
.tab-header-right-pg-srh.clearable.x{background-position:97% 125%}
.ccpage-search li{padding:2px 12px!important}
.ccpage-search li table .td1{font-size:11px!important}
.ccpage-search li table .td1 small{margin-left:5px}
.prod-srh-tbl td{padding:3px 10px!important}
.change-retailer-modal-name{font-size:16px}
.change-retailer-modal-name span{font-size:18px}
.is_selecteddiv{margin-top:-18px!important}
.is_selected{margin-top:1px!important;margin-left:10px}
.is_selected label{font-weight:600!important;font-size:12px!important;padding-left:20px!important}
.byproduct_stock{margin-top:0!important}
.byproduct_stock .divradio{padding-left:0!important}
.ico-btns button{border:0;background:transparent}
.select-all-dist-color{font-weight:700;color:#ff9600!important}
.agent-settings label{font-size:11px;font-weight:700;padding:0;text-align:right;text-transform:uppercase;color:#2a2a2a}
.agent-settings .admin-settings-header a{text-align:right;float:right;font-size:11px;background:#0078d4;display:inline-block;padding:3px 15px;color:#FFF;border-radius:3px}
.agent-settings .admin-settings-header a.btn-delete-agent-settings{background:#d9534f;margin-left: 10px;}
#agent-settings-info{font-size:12px;font-weight:600}
.mapped-party{width:350px;max-width:350px;overflow:hidden;display:inline-block;float:left}
.mapped-party small{display:block;font-size:11px;color:#000;font-weight:600;margin-top:0}
.party-autocomplete{width:100%!important}
.party-autocomplete small{font-size:11px!important}
.prv-prd-srh{width:350px!important}
.ui-auto-small-dt{font-size:10px!important}
.ord-dtls-padding td{padding:0 10px!important;/*! color:#000 !important; */}
.ord-dtls-padding tr.unsupplied-item td,.ord-dtls-padding tr.unsupplied-item td .pack-size{color:#c50000!important}
.ord-dtls-padding tr.shortage-item td,.ord-dtls-padding tr.shortage-item td .pack-size{color:#BC0C92!important}
.mydist-salesrep-chk{font-size:95%!important}
.bs-searchbox input{height:19px!important}
.modal-header,.modal-footer,.modal-body{padding:8px}
.modal-body label{margin:0;text-align:right;font-size:11px;font-weight:600;line-height:29px;padding:0;float:left;text-transform:initial;color:#2a2a2a}
.ord-dtl,.ord-dtl td:hover,.ord-dtl:hover{background:#eccfa4!important}
.otp-input label{text-align:center!important;display:block;float:none}
.footable .status-td .dropdown-toggle{padding:18px 20px 2px 20px}
.square-badge{border-radius:4px!important}
.ui-autocomplete tbody{width:100%;display:table}
.ui-autocomplete tr{width:100%}
.ui-autocomplete tr td{padding:0!important}
.td-txt-black tr td,tr.td-txt-black td,tr.td-txt-black td small.prodMfg,tr.td-txt-black td,.ui-autocomplete .td-txt-black td small,.ui-autocomplete .td-txt-black.ui-state-focus td{color:#000!important}
.td-txt-green tr td,tr.td-txt-green td,tr.td-txt-green td small.prodMfg,tr.td-txt-green td,.ui-autocomplete .td-txt-green td small,.ui-autocomplete .td-txt-green.ui-state-focus td{color:#4caf50!important}
tr.td-txt-blue td,tr.td-txt-blue td small.prodMfg,tr.td-txt-blue td,.ui-autocomplete .td-txt-blue td small,.ui-autocomplete .td-txt-blue.ui-state-focus td,.low-stock{color:#000!important}
tr.td-txt-green td,tr.td-txt-green td small.prodMfg,tr.td-txt-green td,.ui-autocomplete .td-txt-green td small,.ui-autocomplete .td-txt-green.ui-state-focus td,.in-stock{color:#004cff!important}
tr.td-txt-red td,tr.td-txt-red td small.prodMfg,tr.td-txt-red td,.ui-autocomplete .td-txt-red td small,.ui-autocomplete .td-txt-red.ui-state-focus td,.no-stock{color:#ff0000!important}
.ui-autocomplete .td-txt-black.ui-state-focus{background:#e0e0e0!important}
.ui-autocomplete .td-txt-green.ui-state-focus{color:#00bd07!important}
.ui-autocomplete .td-txt-green.ui-state-focus{background:#d9edf7!important}
.ui-autocomplete .td-txt-blue.ui-state-focus{background:#f5f5f5!important}
.ui-autocomplete .td-txt-red.ui-state-focus{background:#f2dede!important}
.ui-autocomplete .td-txt-black.ui-state-focus .ui-state-highlight,.ui-autocomplete .td-txt-green.ui-state-focus .ui-state-highlight,.ui-autocomplete .td-txt-blue.ui-state-focus .ui-state-highlight,.ui-autocomplete .td-txt-green.ui-state-focus .ui-state-highlight,.ui-autocomplete .td-txt-red.ui-state-focus .ui-state-highlight{color:#fff!important;background:#c88d00!important}
.bootstrap-select.btn-group .dropdown-menu li a span.text{white-space:pre-line}
#date_filter li:nth-child(n+7):nth-child(-n+9){display:none!important}
.map-columns-table.supplier-mapping td:first-child,.supplier-mapping th:first-child,.map-columns-table.supplier-mapping td:last-child,.supplier-mapping th:last-child{padding-left:20px!important}
input[type=radio]{display:none!important}
.salesrep-parties .custom-chk-rdo:first-child{line-height:14px}
.salesrep-parties .custom-chk-rdo label{font-weight:600!important;font-size:14px;color:#000}
.salesrep-search input{padding:0 10px;border-top-right-radius:0;border-bottom-right-radius:0;border-right:0;height:30px;float:left;position:relative;-webkit-box-shadow:10px 10px 5px 0 rgba(0,0,0,0);-moz-box-shadow:10px 10px 5px 0 rgba(0,0,0,0);box-shadow:10px 10px 5px 0 rgba(0,0,0,0);width:100%;border-radius:3px;border:2px solid #a5a5a5;font-size:15px;color:#000}
.salesrep-search .btn,.parties-search .btn{width:30px;height:30px;padding:0;text-align:center;line-height:30px;margin-left:10px;flex-shrink:0}
.salesrep-table{border-top:1px solid #e6eaee}
.footable.excel-table.salesrep-table>tbody>tr>td{padding:0 10px!important}
.bhoechie-tab{border-left:1px solid #e6eaee!important}
.salesrep-parties div.bhoechie-tab-container{z-index:10;background-color:#fff;padding:0!important;-moz-border-radius:0;border-radius:0;border:0 solid #e6eaee;margin-top:0;margin-left:0;-moz-box-shadow:0 6px 12px rgba(0,0,0,0);box-shadow:0 6px 12px rgba(0,0,0,0);background-clip:padding-box;opacity:.97;filter:alpha(opacity=97)}
.salesrep-parties .parties-search{border-bottom:1px solid #e6eaee;border-right:1px solid #e6eaee;padding:5px 10px}
.salesrep-parties .parties-search input{width:100%}
.salesrep-parties div.bhoechie-tab-content{background-color:#fff;padding-left:0;padding-top:10px}
.salesrep-parties .custom-outline-btn{text-transform:initial;padding:0 10px}
.salesrep-parties .salesrep-search-results a{font-weight:600}
.salesrep-parties .mapping-party-search{width:300px}
.salesrep-parties .list-group-item{padding:5px 15px;color:#000}
.salesrep-parties .list-group-item:hover{color:#000}
.salesrep-parties .list-group-item i{line-height:20px}
.overflow-initial{overflow:initial!important}
.no-results-td{height:300px;vertical-align:middle}
.no-results-td:hover{background-color:#fff!important}
.no-results-td .no-results-text{font-size:28px}
.no-results-td p{font-size:14px!important;color:#212121}
.no-results-td p a{text-decoration:underline!important}
.modal-header-desc{font-size:12px;font-weight:500}
.namemobile p{color:#000}
.new-label{color:#f00;text-transform:uppercase}
.footable.excel-table.mydist-prod-list>tbody>tr>td{font-size:11px!important;padding-top:4px!important;padding-bottom:4px!important}
.upload-row-del a{margin:0!important}
.prv-rm-br.ordered-list-items tr td.ordered-list-item-subhead{border:0!important;padding-left:0!important}
.ordered-list-items.noDropdown tr:first-child td.ordered-list-item-subhead,.prv-rm-br.ordered-list-items tr td.ordered-list-item-subhead,.footable.ordered-list-items.searchable.filtered tr td.ordered-list-item-subhead{padding-left:0!important}
.ordered-list-items.noDropdown tr:first-child td.ordered-list-item-subhead:first-child,.prv-rm-br.ordered-list-items tr td.ordered-list-item-subhead:first-child,.footable.ordered-list-items.searchable.filtered tr td.ordered-list-item-subhead:first-child{padding-left:20px!important}
.btn-delete-all.hide{display:inline-block!important;color:#999;pointer-events:none;cursor:default}
button.btn-disabled:disabled,button.btn-disabled[disabled]{color:#6f6f6f!important;background:#e0e0e0!important;border-radius:3px;outline:0;font-weight:600;text-transform:uppercase;border:1px solid #c5c5c5!important}
.custom-outline-btn-icon{min-width:37px;height:30px;line-height:initial;border:1px solid #0078d4;border-radius:3px;display:inline-block;text-align:center;color:#0078d4;font-size:14px;font-weight:500;text-transform:uppercase;padding:5px 8px;white-space:nowrap}
.map-order-pack{font-size:11px;font-weight:bold;color:#ff3900}
.panel-error-border .panel-heading{border:1px solid #ff0000!important}
.search-company-results .filters-heading.mrg-20b{margin-bottom:0!important}
.parent_chk_label{padding-right:34px!important}
.textleft{text-align:left!important;padding-left:15px!important}
.prodsearch_for{border:#e6eaee solid 1px;border-radius:5px;padding:0;/*! width:350px; */}
.prodsearch_for>span{font-weight:600;text-align:center;border-bottom:1px solid #e6eaee;padding:3px}
.prodsearch_for .divradio>div{padding-top:3px;padding-bottom:3px}
.othsearch_for{border:#e6eaee solid 1px;border-radius:5px;margin-top:-15px!important;padding:1px 0 3px 10px!important}
.othsearch_for span{font-weight:600;text-align:center}
.pageHeader-form2{margin-right:20px}
.pageHeader-form2 .tab-header-search{max-width:248px;width:auto}
.pageHeader-form2 .tab-header-search-medium{max-width:110px;width:auto}
.col{padding:0 15px!important}
.ml-auto{margin-left:auto!important}
.mr-auto{margin-right:auto!important}
/* @media(max-width:1199px){.prodsearch_for{width:auto} */
.divradio{display:flex;flex-direction:column}
.divradio>div{width:100%}

.tableChkbox{width:12px;height:12px;display:inline-block;margin:0;}
.tableChkbox label{display:block!important}
.tableChkbox input[type="checkbox"]+label::before,.tableChkbox input[type="checkbox"]+label::after{margin-top:1px!important}
.chkb-right{margin-left:6px}
.chkb-left{margin-right:6px}
/*! ==========================================================================
==============================================================================
*********************** RESPONSIVE STYLING STARTS HERE ***********************
==============================================================================
=========================================================================== */@media(min-width:768px){.row-eq-height{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.btnGroup-Select{display:none}
.btnGroupSelect{display:block;width:100%;-webkit-box-shadow:0 0 0 rgba(0,0,0,0)!important;-moz-box-shadow:0 0 0 rgba(0,0,0,0)!important;box-shadow:0 0 0 rgba(0,0,0,0)!important;border:0;z-index:1!important;position:relative}
.btnGroupSelect li button{border-radius:0!important;border-left:0}
.btnGroupSelect li:first-child button{border-top-left-radius:25px!important;border-bottom-left-radius:25px!important;border-left:1px solid!important}
.btnGroupSelect li:last-child button{border-top-right-radius:25px!important;border-bottom-right-radius:25px!important}
.btnGroupSelect li:first-child button.btn-primary.active{border-left:none!important}
.modal-dialog{margin:90px auto}
}
@media(min-width:912px) and (max-width:1225px){.upload-dist-selecter .btn-group{width:86%!important}
}
@media(min-width:768px) and (max-width:991px){.upload-dist-selecter .btn-group{width:83%!important}
.panel-body .tab-header-search,.upload-dist-selecter{margin:0!important}
.panel-body .tab-header-search{width:150px}
}
@media(max-width:991px){#znx-admin-menu.navbar-default .navbar-nav.navbar-right>li.user-avatar>a:before{display:none}
.user-avatar .admin-pic{display:inline-block}
#znx-admin-menu.navbar-default .navbar-brand{margin-left:15px}
#znx-admin-menu.navbar-default .navbar-nav.navbar-right>li.user-avatar>a{padding:8px 0 7px 15px}
#znx-admin-menu.navbar-default .navbar-nav.navbar-right>li.logout>a{padding-right:10px}
.filters-spmenu .filters-sidebar{width:100%!important;padding:0}
.filters-page .filters-list-content{width:100%!important}
.fullWidthDiv{width:100%!important}
.mobileRightNav{float:right}
.mobileRightNav .navbar-nav{float:left}
.mobileRightNav li{float:left}
.navbar-header{display:inline-block}
.mobileRightNav .navbar-nav .open .dropdown-menu{position:absolute;float:initial;width:initial;margin-top:0;background-color:#fff;right:0;left:inherit}
.mobileRightNav .navbar-nav .open .dropdown-menu.dropdown-alerts{width:310px}
.mobileRightNav .navbar-nav .open .dropdown-menu li{float:none}
.mobileRightNav,#znx-admin-menu.navbar-default .navbar-toggle{float:right}
#znx-admin-menu.navbar-default .navbar-nav.mobileRightNav>li>a{line-height:50px}
.mobileRightNav li{float:left}
.mobileRightNav .user-avatar .admin-title{line-height:20px;text-indent:-9999px;width:0;display:none}
.mobileRightNav .user-avatar .admin-pic{margin-right:0;margin-top:0}
.navbar-nav{margin:0}
/*! General styles for all menus */.cbp-spmenu{position:fixed;padding:0;margin:0!important;overflow-x:hidden;overflow-y:visible;display:block;visibility:visible}
/*! Orientation-dependent styles for the content of the menu */.cbp-spmenu-vertical{width:260px;height:100%;top:0;z-index:1000}
.cbp-spmenu-right{right:-260px}
.cbp-spmenu-right.cbp-spmenu-open{right:0;border:0;z-index:9999}
/*! Push classes applied to the body */.cbp-spmenu-push{overflow-x:hidden;position:relative;left:0}
.cbp-spmenu-push-toright{left:260px}
.cbp-spmenu-push-toleft{left:-260px}
.cbp-spmenu,.cbp-spmenu-push{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
#znx-admin-menu .navbar-header{margin-right:0}
#znx-admin-menu.navbar-default .cbp-spmenu .navbar-nav>li>a{margin:0;padding-left:15px;padding-right:15px}
#znx-admin-menu.navbar-default .cbp-spmenu .navbar-nav>li>a:hover,#znx-admin-menu.navbar-default .cbp-spmenu .navbar-nav>li>a:focus{background:#00549a}
.cl-effect-13 a:hover::before,.cl-effect-13 a:focus::before,.cl-effect-13 .active>a::before{display:none}
.filtersContentSec{width:100%}
.filters-spmenu .col-sm-3{width:100%;padding:0}
.filters-spmenu-vertical{width:25%;height:100%;top:0;z-index:1000}
.filters-spmenu{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.filters .filters-heading{border-bottom:2px solid #d2d8de}
.filters .filters-heading h2{line-height:38px;color:#354052;height:35px;font-size:13px;padding:0 10px;margin:0;font-weight:600;background:#f6faf9;text-transform:uppercase;text-align:center;border-radius:0;margin-bottom:0}
.filters-cont .panel-heading{color:#909796;line-height:32px;font-size:12px;font-weight:600;text-align:left;background:#edf4f2;width:100%;height:32px;padding:0 10px;/*! border-top: 1px solid #2a3548; *//*! border-bottom: 1px solid #2a3548; */cursor:pointer;border-radius:0}
.filters input[type="radio"]+label::before,.filters input[type="radio"]+label::after,.filters input[type="checkbox"]+label::before,.filters input[type="checkbox"]+label::after{left:5px;margin-top:-7px}
.filters-spmenu{background:#fafbfc;position:fixed}
.filters-spmenu-vertical{width:240px;height:100%;top:0;z-index:1000;padding:15px}
.filters-spmenu-left{left:-240px}
.filters-spmenu-left.filters-spmenu-open{left:0;background:#f6faf9;-webkit-box-shadow:0 0 30px 0 rgba(77,77,77,0.3);-moz-box-shadow:0 0 30px 0 rgba(77,77,77,0.3);box-shadow:0 0 30px 0 rgba(77,77,77,0.3)}
#showLeft{display:block;right:-40px;top:50%;position:absolute;background:#2a3548;border:0;outline:0;color:#fff;padding:6px;width:40px;height:40px;border-radius:0 3px 3px 0;cursor:pointer;-webkit-box-shadow:0 -3px 30px 0 rgba(77,77,77,0.07);-moz-box-shadow:0 -3px 30px 0 rgba(77,77,77,0.07);box-shadow:0 -3px 30px 0 rgba(77,77,77,0.07)}
.filters-cont .panel-body li label{padding:0 15px 0 24px;line-height:24px;margin:0;cursor:pointer;font-size:12px;color:#666;font-weight:600;display:block}
.filters-cont .panel-body li label:hover{background:#0078d4;color:#fff}
.filters .filters-heading a{color:#0078d4;line-height:initial}
.tab-header-right .tab-header-search{float:right;margin-right:0}
.tab-header-right .navbar-nav{float:right}
.form-horizontal .form-group .col-md-8{padding:0!important}
.form-horizontal .form-group .col-md-5{padding-left:0!important}
.file-preview-frame{display:inline-block}
.tab-header-right .navbar-nav>li{float:left!important}
.navbar-nav .open .dropdown-menu{position:absolute;background-color:#fff;border:1px solid rgba(0,0,0,.15);-webkit-box-shadow:1px 2px 3px rgba(0,0,0,0.125);box-shadow:1px 2px 3px rgba(0,0,0,0.125)}
.navbar-right .dropdown-menu{right:0!important;left:auto!important}
div.tab-menu-items.list-to-select ul{display:none}
div.tab-menu-items.list-to-select select{display:inline-block;height:32px;margin:2px 0;border-radius:3px;border:1px solid #e6eaee;padding:0 10px;outline:0}
.search-form input.qty-field{width:82px}
.tab-menu-items .navbar-toggle{margin:0;padding-top:0;padding-bottom:0}
.tab-header-right.navbar-collapse.in{position:absolute;top:60px;z-index:999;background:#fff;right:0;border:1px solid #d9d9d9;border-radius:10px}
.tab-header-right .navbar-nav{overflow:hidden}
.tab-header-right .dropdown{float:none}
}
@media(max-width:1250px){#znx-admin-menu.navbar-default .navbar-nav>li>a{font-size:12px}
}
@media(max-width:1100px){.mobileRightNav .navbar-right{margin-right:0}
}
@media(max-width:767px){.btnGroup-Select,.btnGroup-Select:hover,.btnGroup-Select:focus{width:100%;background:#0078D4!important;color:#fff;text-transform:uppercase;text-align:left;border-radius:25px}
.btnGroup-Select span.caret{position:absolute;top:15px;right:12px}
.btnGroupSelect{width:100%;border-radius:0;background:#0078d4;border-color:#eaeaea}
.btnGroupSelect li{width:100%;display:block}
.btnGroupSelect li button{width:100%;display:block;border-radius:0!important;text-align:left;border:0}
.profileCont .col-sm-6{overflow:hidden}
.personAvatar{padding-left:0}
.personInfoSec{margin-top:30px;overflow:hidden}
#znx-admin-menu .navbar-header{margin-right:0}
.distributor-info-sidebar{overflow:hidden;border-radius:0}
.dist-profile .dist-avatar{width:120px;display:inline-block;float:left}
.dist-main-info{padding-left:15px}
.side-sep{text-align:left;border-bottom:1px solid rgba(230,234,238,0.29);padding-top:1px;overflow:hidden}
.dist-main-info h3{color:#fff;margin-top:20px}
.dist-main-info h3 small.znxId,.dist-main-info h3 small{color:#fff}
.dist-details h3{float:left;width:33.33%;color:#fff;margin:0}
.dist-details h3 small{color:#fff}
.dist-timeline{position:absolute;width:100%;overflow:hidden;border-radius:3px 0 0 0;z-index:1;top:0;left:0;height:initial;background:#1b324c}
.dist-timeline img{width:100%;opacity:.25}
}
@media screen and (max-width:55.1875em){.distPanel-spmenu-horizontal{font-size:75%;height:110px}
.distPanel-spmenu-top{top:-110px}
.distPanel-spmenu-bottom{bottom:-110px}
}
@media(max-width:1092px){#znx-admin-menu .navbar-header{margin-right:0}
}
@media(max-width:1045px){#znx-admin-menu .navbar-header{margin-right:0}
}
@media(max-width:1199px){.tab-header-search input{width:210px}
}
@media(min-width:240px){.navbar-nav>li.open>.dropdown-menu,.dropdown.open>.dropdown-menu{/*! -webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transform-origin:29px -50px;-moz-transform-origin:29px -50px;-o-transform-origin:29px -50px;-ms-transform-origin:29px -50px;transform-origin:29px -50px;*/opacity:1;filter:alpha(opacity=100);visibility:visible}
.navbar-nav>li>.dropdown-menu,.dropdown>.dropdown-menu{/*! -webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all 370ms cubic-bezier(0.34,1.61,0.7,1);-moz-transition:all 370ms cubic-bezier(0.34,1.61,0.7,1);-o-transition:all 370ms cubic-bezier(0.34,1.61,0.7,1);-ms-transition:all 370ms cubic-bezier(0.34,1.61,0.7,1);transition:all 370ms cubic-bezier(0.34,1.61,0.7,1);*/opacity:0;filter:alpha(opacity=0);visibility:hidden;display:block}
.dropdown-menu>li:first-child>a{border-top-left-radius:0;border-top-right-radius:0}
.dropdown-menu>li>a{padding:5px 16px;color:#333}
.dropdown-menu>li:last-child>a{border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.navbar-nav>li.open>.dropdown-menu,.dropdown.open>.dropdown-menu{/*! -webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transform-origin:29px -50px;-moz-transform-origin:29px -50px;-o-transform-origin:29px -50px;-ms-transform-origin:29px -50px;transform-origin:29px -50px;*/opacity:1;filter:alpha(opacity=100);visibility:visible;z-index:9999}
.navbar-nav>li>.dropdown-menu,.dropdown>.dropdown-menu{/*! -webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all 370ms cubic-bezier(0.34,1.61,0.7,1);-moz-transition:all 370ms cubic-bezier(0.34,1.61,0.7,1);-o-transition:all 370ms cubic-bezier(0.34,1.61,0.7,1);-ms-transition:all 370ms cubic-bezier(0.34,1.61,0.7,1);transition:all 370ms cubic-bezier(0.34,1.61,0.7,1);*/opacity:0;filter:alpha(opacity=0);visibility:hidden;display:block}
.navbar-nav>li>.dropdown-menu{border-radius:10px;margin-top:-5px}
.navbar-nav.cl-effect-13>li>.dropdown-menu{border-radius:10px;margin-top:-10px}
.navbar-nav>li>.dropdown-menu:before{border-bottom:11px solid rgba(0,0,0,0.2);border-left:11px solid transparent;border-right:11px solid transparent;content:"";display:inline-block;position:absolute;left:12px;top:-11px}
.navbar-nav.navbar-right>li>.dropdown-menu:before{left:auto;right:12px}
.navbar-nav.navbar-right>li>.dropdown-menu:after{left:auto;right:12px}
.navbar-nav>li>.dropdown-menu:after{border-bottom:11px solid #fff;border-left:11px solid transparent;border-right:11px solid transparent;content:"";display:inline-block;position:absolute;left:12px;top:-10px}
}
@media(min-width:992px){.tab-header-right.navbar-collapse{width:50%!important}
#showLeft{display:none}
}
@media(max-width:992px){.hidden992{display:none!important}
.pad-30l.tab-menu-items{padding-left:20px!important}
.stick1{position:fixed!important;top:0!important;width:21%}
.filters.stick1{position:fixed!important;top:0!important;width:22%!important}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:180px;margin:1px 5px 2px 0!important}
}
@media(min-width:1200px){#sidebar.affix-top{position:static;margin-top:0;width:100%}
#sidebar.affix{position:fixed;top:10px;width:19%}
}
@media(max-width:1199px){#sidebar.affix-top{position:static;margin-top:0;width:100%}
#sidebar.affix{position:fixed;top:10px;width:19%}
.tab-menu-header{padding:0 10px}
.distPanel-spmenu-push-toleft .list-to-select>a{margin:0 10px!important}
.search-results{clear:left}
}
@media(max-width:768px){.tab-header-right{display:none!important}
.distPanel-spmenu-push-toleft .search-form input.search-field{width:60%!important}
.template-buttons{position:static;margin-right:10px}
.dist-profile .dist-avatar img{width:90px;height:90px;margin:40px auto 0 auto}
.templates-header-left,.templates-header-right{width:50%;float:left;display:inline-block!important}
.panel-body .template-table tr td:first-child,.panel-body .template-table tr th:first-child{border-left:none;padding-left:10px!important}
}
@media(width:768px){.tab-header-left-ord-dls{width:100%!important}
}
@media(width:1024px){.distPanel-spmenu-push-toleft .col-sm-10.tab-menu-items.list-to-select{width:100%}
}
@media(min-width:992px) and (max-width:1080px){.distPanel-spmenu-push-toleft .col-sm-10.tab-menu-items.list-to-select{width:100%}
#znx-admin-menu.navbar-default .navbar-nav.navbar-right>li>a{color:#fff;text-transform:capitalize;margin:0 6px}
.user-avatar .admin-title{float:left;font-size:12px;line-height:12px;margin-right:15px;position:relative}
.user-avatar .admin-title em{font-style:inherit;font-size:11px;color:#fff;display:block;font-weight:300;margin-top:2px}
}
/*! @media(min-width:1025px){.filters.stick1{position:fixed!important;top:0!important;width:16%}} */@media(max-width:1280px){#znx-admin-menu.navbar-default .navbar-nav>li>a{font-size:11px}
}
@media(max-width:1024px){#tab-header-search input.tab-header-search{width:200px!important}
#tab-header-search input.tab-header-search.prv-prd-srh{width:250px!important}
.upload-helper-lbl .popover{min-width:170px!important;width:270px!important}
.filters.stock-removal-filters.stick1{position:fixed!important;top:0!important;width:16%}
.footable>thead>tr>th.footable-first-column,.footable>thead>tr>td.footable-first-column,.footable>tbody>tr>td.footable-first-column{padding-left:16px!important}
.footable>thead>tr>th,.footable>thead>tr>td{font-size:12px}
.distPanel-spmenu-push-toleft .search-form input.search-field{width:74%}
.mobileRightNav ul{margin-right:0}
#znx-admin-menu.navbar-default .navbar-nav>li>a{font-size:11px}
.pad-30l.tab-menu-items{padding-left:10px!important}
.pad-30r.tab-header-right{padding-right:20px!important}
.pad-30lr.tab-menu-header{padding-left:20px!important;padding-right:20px!important}
.tab-menu-items .nav>li>a{margin:0 7px}
.filters-page .filters-sidebar{width:16%}
.filters-page .filters-list-content{width:84%}
.admin-cart{margin-right:0}
.admin-cart a>span{text-indent:-9999px;background:url(../img/add-to-cart-small.png) 50% no-repeat;width:30px;height:36px;display:inline-block;position:relative}
.admin-cart a{padding:10px 0!important}
.admin-cart a>span em{top:0;left:20px}
.upload-dist-selecter .bootstrap-select>.dropdown-toggle{height:26px;padding-left:15px;padding-right:90px}
.upload-dist-selecter-btn .save-as-template[type="button"]:disabled{color:#c3c3c3!important;right:23px}
.distPanel-spmenu-push-toleft .tab-header-right{display:none!important}
.filters-page.stock-removal-page .filters-sidebar{width:20%}
.filters-page.stock-removal-page .filters-list-content{width:80%}
.filters-heading .save-as-template{height:24px!important;line-height:22px!important;border:1px solid #0078d4;border-radius:3px;display:inline-block!important;text-align:center;color:#0078d4;font-size:11px!important;font-weight:600!important;text-transform:uppercase!important;padding:0 7px!important;margin:6px 0 6px 6px!important;white-space:nowrap}
}
@media(max-width:1160px){.distPanel-spmenu-push-toleft .hidden-column{display:none!important}
.distPanel-spmenu-push-toleft .order-total .col-sm-3{width:33.3%;line-height:initial}
.distPanel-spmenu-push-toleft .order-total .col-sm-3:last-child{width:100%}
.distPanel-spmenu-push-toleft .tab-menu-header .tab-menu-items a{margin-left:0;margin-right:10px;font-size:11px}
}
@media(max-width:645px){.search-form input.qty-field{margin-right:8px}
}
@media(max-width:1190px){.nav.cl-effect-13>li:last-child>a{margin-right:0}
.nav.cl-effect-13>li>a{margin:0 10px}
}
@media(min-width:647px) and (max-width:648px){.distPanel-spmenu-push-toleft .search-form input.search-field{width:74%}
}
@media(min-width:992px) and (max-width:1199px){.search-form input.qty-field{width:88px}
}
@media(min-width:992px) and (max-width:1023px){.distPanel-spmenu-push-toleft .list-to-select a{margin:0 7px!important}
}
@media(max-width:640px){.order-total div:nth-child(1){display:none!important}
.order-total div:nth-child(2){display:none!important}
.order-total div:nth-child(3){display:none!important}
.panel-heading .panel-title small{display:none!important}
.customers-header-left,.customers-header-right{width:100%;display:block!important;clear:left}
input.tab-header-search{width:162px}
input#search_id_key.tab-header-search-medium{width:104px}
select.tab-header-search-medium,input.tab-header-search-medium{width:100px}
}
@media(min-width:640px){.customFormGroup .col-sm-6{width:50%!important;float:left!important}
.file-input.file-input-new,.user-roles-chk{width:100%;display:block}
.bhoechie-tab-container{width:100%;display:block;clear:left}
.stock-removal-filter{max-height:350px;overflow-y:scroll;overflow-x:hidden;width:100%}
.ordered-list-items h3{font-size:13px}
.ordered-list-items h3 small{font-size:11px}
}
@media(max-width:980px){#postal_code.form-control{margin-top:10px}
.file-preview-frame,.file-preview-frame span{display:block;width:100%}
}
@media(max-width:800px){.tab-menu-items,.tab-header-right{/*! width:100%*/}
.distPanel-spmenu-push-toleft .search-form input.search-field{width:69%}
.stick1{position:fixed!important;top:0!important;width:26%}
.dist-profile{margin-top:40px}
.dist-profile .dist-avatar img{width:90px;height:90px}
.customers-header-left,.customers-header-right{width:100%;display:block!important;clear:left}
}
@media(max-width:991px){.tab-header-right .navbar-right{margin-right:10px!important}
}
@media(max-width:1094px){.cc-page .upload-dist-selecter-btn .btn-group{width:73%!important}
}
@media(max-width:1055px){.cc-page .upload-dist-selecter-btn .btn-group{width:90%!important}
.ccpage .bootstrap-select.btn-group .dropdown-menu{width:228px!important;min-width:initial}
.filters .panel-title a{font-size:12px}
.tab-menu-header a{font-size:12px}
}
@media(max-width:1023px){.cc-page .upload-dist-selecter-btn .btn-group{width:68%!important}
}
@media(max-width:992px){.cc-page .upload-dist-selecter-btn .btn-group{width:66%!important}
}
@media(max-width:954px){.cc-page .upload-dist-selecter-btn .btn-group{width:65%!important}
}
@media(max-width:1271px){.cc-page .search-form input{width:74%}
.ccpage .ccpage-search{width:28.5%!important}
}
@media(max-width:1199px){.cc-page .search-form input{width:73%}
.ccpage .ccpage-search{width:28%!important}
}
@media(max-width:1024px){.cc-page .search-form input{width:68%}
.ccpage .ccpage-search{width:25.6%!important}
}
@media(max-width:992px){.cc-page .search-form input.qty-field{width:76px}
.order-total{font-size:11px!important}
.order-total .btn{font-size:12px;padding:0}
.filters .panel-title input.save-as-template{float:right;margin:6px 0!important}
}
@media(max-width:980px){#acordeon .panel-group .panel-heading h4 small{display:none!important}
}
/*!
@media(max-width:375px){#znx-admin-menu.navbar-default .navbar-toggle{margin-right:0}
#znx-admin-menu.navbar-default .navbar-nav.navbar-right>li.user-avatar>a{padding-left:0;padding-right:0}
.mobileRightNav .user-avatar .admin-title{display:none}
}

@media(max-width:610px){.search-form input.search-field{width:69%}}
@media(max-width:544px){.search-form input.search-field{width:68%}}
@media(max-width:508px){.search-form input.search-field{width:63%}}
@media(max-width:480px){.dist-details h3{float:left;width:100%;color:#fff;margin:0}.dist-timeline img{display:block;width:100vw;height:100vh;object-fit:cover}.ordered-list-items h3{word-break:break-all}}
@media(max-width:479px){.companyAvatar,.companyInfo{display:block;float:initial!important}
.companyAvatar img{display:block;margin-right:auto;margin-left:auto}.companyInfo h3{text-align:center}}
@media(max-width:420px){.btn-custom{min-width:100%!important;padding:10px}}
*/.d-none{display:none!important}
.d-block{display:block!important}
.modal-backdrop.in{filter:alpha(opacity=75);opacity:.75}
.checkdiv-select{width:250px!important;float:left!important}
.checkdiv{text-align:left!important;margin-top:-12px}
.divradio{padding-left:10px}
.checkdiv label{padding-left:17px!important;padding-right:15px;font-weight:600;font-size:12px!important}
.multiselect-native-select input[type=checkbox]{display:inline-block!important;opacity:1!important;margin:0!important;height:initial!important}
.multiselect-native-select .btn-group .multiselect{width:100%!important;overflow:hidden;padding:3px 8px;border:2px solid #a5a5a5!important;height:30px}
.multiselect-native-select .btn-group .multiselect .caret{position:absolute;top:50%;right:10px;margin-top:-2px}
.multiselect-native-select .btn-group .multiselect .multiselect-selected-text{white-space:normal!important}
.multiselect-native-select .btn-group .btn-default:hover{color:initial!important;background-color:#0078d4;border:2px solid #a5a5a5!important}
.multiselect-search{border:1px solid #a5a5a5!important}
.multiselect-native-select .btn-group .btn-default.multiselect-clear-filter:hover{color:#fff!important;background-color:#0078D4!important;border-color:#0078D4!important;border:1px solid #a5a5a5!important}
.stk-indicator{font-size:13px}
.stk-indicator small{font-size:12px;display:inline-block!important}
.checkbox{font-size:12px!important}
.stk-indicator-margin{margin-top:-18px}
.d-flex .multiselect-native-select{flex:1}
.d-flex .multiselect-native-select .btn-group{width:97%!important}

.d-flex .multiselect-container{width:100%}
.content-space-between{justify-content:space-between!important}
@media(min-width:1199px){.modal-xl{width:1200px}
}
.modal-title{color:#354052;font-size:18px;font-weight:600;line-height:40px}
.abs-close{position:absolute;top:10px;right:10px}
.mapping-product-name{width:220px;margin-right:10px;padding-left:5px}
.mapping-product-name ~ a{margin-right:10px}
.white-icon{color:#fff!important}
.btn-icon-right{margin-left:5px}
.distPanel-spmenu.no-drag .distPanel-heading{padding:5px 10px}
.distPanel-spmenu.no-drag .distPanel-heading span{float:left;width:100%}
.distPanel-spmenu-vertical.no-drag{padding:15px 0;height:calc(100% - 76px);top:76px}
.distPanel-spmenu-vertical.no-drag li label{padding-left:10px!important;padding-top:7px;padding-bottom:7px;background:none!important}
.distPanel-spmenu.no-drag li label:hover{background:#0078D4!important}
.prod-mapping{border:2px solid #a5a5a5!important;height:26px;padding:0}
.prod-mapping input{border:none!important;height:22px}
.prod-mapping [type="text"]{padding:0 10px}
.prod-mapping [type="button"]{background-color:transparent;height:22px!important;line-height:24px!important;border:1px solid #0078d4;border-radius:0 3px 3px 0;display:inline-block!important;text-align:center;color:#0078D4!important;font-size:11px!important;font-weight:600!important;text-transform:uppercase!important;padding:0 15px!important;white-space:nowrap;margin-right:-1px}
.prod-mapping [type="button"]:disabled{color:#aaa!important;background:#e5e8ee!important;border:none!important;outline:none!important}
.prod-mapping [type="button"]:enabled{background:#0078D4!important;color:#fff!important;border:none!important;outline:none!important}
#multi_dist_drag thead tr:hover:before{opacity:0!important}
#multi_dist_drag thead tr{cursor:pointer !important;}
#multi_dist_drag tbody tr{
    cursor:pointer!important;
    position:relative}
/* #multi_dist_drag tr::before{content:'';color:rgba(0,0,0,0.6);font-weight:900;position:absolute;font-size:10px;width:18px;height:18px;margin-top:6px;margin-left:3px} */
/* Rahul CSS :START */


.tr-head .drag_icon:active{
    cursor:grabbing !important;
    position:relative;

}


#sortable .drag_icon::before {
    content: '';
    background-image: url(../img/drag.png);
    position: absolute;
    left: 10px;
    width: 15px;
    height: 20px;
    background-size: 9px;
    background-repeat: no-repeat;
}
#multi_dist_drag tr td{
    padding-left: 30px;
}









/* Rahul CSS :END */

/* Custom cursors */
/* .element { cursor: url('open-hand.png'), auto; }
.element:active { cursor: url('closed-hand.png'), auto; } */

.bordered-table{border:1px solid #e6eaee!important}
.border-right{border-right:1px solid #e6eaee!important}
.border-bottom-3x{border-bottom:3px solid #ccc!important}
.header-helper-text{font-size:90%;margin-top:5px!important;display:block;font-weight:600;color:#666}
.maxOrderVal{min-width:80px}
.plusMinusBtn{position:relative}
.plusMinusBtn span{position:absolute;line-height:10px;top:3px;left:0;right:0}
.plusMinusBtn span .fa-minus{margin-top:-4px}
.orderDist-block{display:flex;align-items:center}
.orderDist-block .orderToSelect{flex:1;position:relative}
.preview-table tr{cursor:default!important}
.mrg-x3{margin-top:3px!important;margin-bottom:3px!important}
.td-redText td{color:#ff0000!important}
.td-brownText td{color:#a52a2a!important}
.modal-dialog .modal-body h5{color:#333!important;line-height:21px}
.tab-header-search.sm{width:100px!important}
.tab-header-search.md{width:150px!important}
.tab-header-search.lg{width:200px!important}
.tab-header-search.xlg{width:250px!important}
.comment-icon i{color:#0078D4!important}
.comment-icon:hover i{color:#fff!important}
.btn-icon-left{margin-right:5px}
.white-icon{color:#fff!important}
.btn-icon-right{margin-left:5px}
.modal-content button.close{position:absolute;top:4px;right:10px;z-index:9999;font-size:26px}
.modal-content>.modal-header button.close{top:6px}
.width-initial{width:initial!important}
button.link-btn{background:transparent!important;border:none!important;min-width:initial}
button.link-btn i{font-size:14px}
button.link-btn:hover{color:#0078D4!important}
.min-width30{min-width:30px!important}
.ui-autocomplete .td-txt-green td small.pack-size,.ui-autocomplete .td-txt-blue td small.pack-size,.pack-size{color:#8800FF!important}
.sysgenbefore{color:#ff5722}
.sysgenafter{color:#4caf50}
.wrap-text{white-space:normal!important}
#preloader{background:rgba(0,0,0,0.45);bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:999999!important}
.loader-wrapper{position:fixed;width:100%;height:100%;background-color:rgba(255,255,255,0.5);overflow:hidden;z-index:99999}
.loader{margin:auto;margin-top:-30px;top:50%;font-size:10px;position:relative;text-indent:-9999em;border-top:.5em solid rgba(0,0,0,0.1);border-right:.5em solid rgba(0,0,0,0.1);border-bottom:.5em solid rgba(0,0,0,0.1);border-left:.5em solid #0078d4;-webkit-animation:pageLoader 1.1s infinite linear;animation:pageLoader 1.1s infinite linear}
.loader,.loader:after{border-radius:50%;width:6em;height:6em}
@-webkit-keyframes pageLoader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes pageLoader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.modal-body-scroll{height:300px!important;overflow:auto}
.footable>thead>tr>th{background-color:#eaeaea}
.footable>thead>tr>th,.footable>thead>tr>td{vertical-align:middle!important}
.unmapped-row td{background:rgba(255,0,0,0.04)!important}
/*! .mapped-row td{background:#eee!important;} */.tr-head .dropdown-toggle{padding:0 10px!important}
.tr-head .dropdown-toggle .fa-bars{font-size:12px}
.mapp-unmapp i{font-size:9px!important}
#multi_dist_drag tr#cur-default{cursor:default!important}
#cur-default td{padding:0!important}
#cur-default td>div{padding:10px!important}
.row_bold td{font-weight:bold!important;font-size:15px!important}
.th-multiline{display:inline-block;text-align:center;float:left}
.mapping-product-name-table .save-as-template{padding:0 5px!important}
.dark-brdr{border:1px solid #ccc!important}
.dark-brdr-right{border-right:1px solid #ccc!important}
.dark-brdr-left{border-left:1px solid #ccc!important}
.dark-brdr-bottom{border-bottom:1px solid #ccc!important}
.overflow-visible{overflow:visible!important}
.tooltip-w350 .tooltip-inner{max-width:initial !important;width:350px!important}
.tooltip-w300 .tooltip-inner{max-width:initial !important;width:300px!important}
.tooltip-w280 .tooltip-inner{max-width:initial !important;width:280px!important}
.tooltip-w250 .tooltip-inner{max-width:initial !important;width:250px!important}
.tooltip-w150 .tooltip-inner{max-width:initial !important;width:150px!important}

/*! .ui-autocomplete-loading { background: url('../img/loading.gif') no-repeat right center;opacity: 0.5; }
.clearable1.x.ui-autocomplete-loading { background-position: 97% 65% !important; } */
.header-search-btn{width:30px;height:30px;line-height:28px;padding:0;display: flex;align-items: center;
    flex-shrink: 0;justify-content: center;}
.dropdown-menu .dropdown-menu{left:100%;top:0}
.dropdown-menu .dropdown.active a.dropdown-toggle::before,.dropdown-menu .dropdown a:before{display:none!important}
.link-readonly:after,.link-readonly:hover:after{display:none!important}
.tooltip-text-left .tooltip-inner{text-align:justify!important}
.font-weight-600,.font-weight-600 td,.font-weight-600 th{font-weight:600!important}
.font-weight-800,.font-weight-800 td,.font-weight-800 th{font-weight:800!important}
.autocomplete-tdWidth .td3,.autocomplete-tdWidth .td4{width:140px}
.tooltip-nowrap .tooltip-inner{white-space:nowrap!important}
.dropdown-menu{min-width:170px}
.navbar-right.customer-info-menu .dropdown-menu .dropdown-menu{right:100%;left:initial!important}
.footable.excel-table .dropdown-toggle{padding-top:0!important;padding-bottom:0!important}
.multiselect-container.dropdown-menu>.active>a{background:#e2e2e2!important}
.modal-footer .btn{min-width:80px;margin:0 12px}
.custom-chk-rdo.chk-2x input[type="checkbox"]+label::before,.custom-chk-rdo.chk-2x input[type="checkbox"]+label::after{width:18px;height:18px;margin-top:-9px!important}
.custom-chk-rdo.chk-2x input[type="checkbox"]+label::after{background-position:1px 1px}
.min-order:disabled:hover{cursor:not-allowed!important}
.admin-setting-item{border:1px solid #e6eaee;margin-bottom:10px}
.setting-desc{padding:20px 0}
.benifit-total{font-weight:600;color:#2a2a2a;font-size:14px}
.benifit-total span{color:#000;font-weight:700;font-size:15px}
.parties-search{display:flex;align-items:center}
.expandable-textarea{height:35px;width:200px;padding:3px;transition:all .3s ease}
.text-strike-off{text-decoration:line-through}
.text-strike-off-color>td,.text-strike-off-color>td>a{color:#000!important}
.assigned-party-heading{font-size:16px;font-weight:600;color:#0078d4;margin-top:0}
.setting-save{width:30px;height:30px;line-height:30px;padding:0}
tr.brdr-tr td{color:#000!important}
.best-scheme-radio-btn input[type="radio"]+label::after{background:#2c97de!important;width:14px;height:14px;margin-top:-9px;margin-left:-1px}
.best-scheme-radio-btn input[type="radio"]:checked+label::before{width:14px;height:14px;margin-top:-9px;margin-left:-1px}
.excel-table .save-as-template{margin:5px!important}
.excel-table .dropdown-toggle{padding:0 20px!important}
.backgorund-change-th th{background:#eaeaea!important}
/*! .added-badge{background:#0078D4!important} */.added-badge{background:#069015!important}
.orderby-badge{background:#b82ae8!important}
/*! .brdr-tr ~ tr td{color:#0078D4  !important;}
  .brdr-tr.bg-tr td{background:#f1f1f1 !important;}
  .brdr-tr.bg-tr td:nth-child(1),.brdr-tr.bg-tr td:nth-child(2){background:#fff!important;}
   */.datetimepicker .footable>tbody>tr>td,.datetimepicker .footable>thead>tr>th{padding:5px;width:20px;height:20px;font-size:11px!important;border-radius:0}
.recmd_class td,.recmd_class td a{font-weight:bold!important;color:#004eff!important}
.align-items-center{align-items:center!important}
.justify-content-center{justify-content:center}
.justify-content-flex-end{justify-content:flex-end}
.modal .btn-primary{background:#0078d4}
#bs-example-navbar-collapse-1 .nav>li>a{padding:10px 12px;margin:0}
#znx-admin-menu.navbar-default .navbar-nav>li:hover>a,#znx-admin-menu.navbar-default .navbar-nav>li:focus>a{background:#0a4386!important}
.modal .btn-primary:hover{background-color:#0a4386!important}
.underline-on-hover:hover{text-decoration:underline}
.footable.reports>tbody>tr>td{font-size:12px!important;padding-top:3px!important;padding-bottom:3px!important}
.reports>tbody>tr>td small{display:block;font-size:11px;color:#000;font-weight:600}
.cl-effect-13 .dropdown.open a::before,.cl-effect-13 .dropdown.open a::before{display:none!important}
.orderbtn-groupby .save-as-template,.orderbtn-groupby .save-as-template:hover,.orderbtn-groupby .save-as-template:focus,.orderbtn-groupby .save-as-template:active{background:#0078d4!important;color:#fff!important;border-color:#0078d4!important}
.prv-nxt-btn{border:0;font-size:13px;padding:5px 10px;text-transform:uppercase;font-weight:700;background:#0062b5;color:#fff}
.prv-nxt-btn:hover{color:#fff}
.modal-duplicats-table{padding:20px;border-top:1px solid #e5e5e5}
.modal-duplicats-table h2{margin-top:0;font-size:21px;font-weight:600}
.shortbook-modal-header{display:flex;align-items:center;justify-content:center;padding:5px;background:#f5f5f5;margin:10px 0 0}
.shortbook-modal-header span{width:350px;max-width:350px;min-width:350px;overflow:hidden}
.best-scheme-row{color:#f5f5f5!important}
.rupee-btn{text-align:left!important;display:flex!important;align-items:center!important;margin-top:2px;padding:10px!important;height:40px!important}
.rupee-btn i{width:30px!important;height:30px!important;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #fff;margin-right:10px}
.excel-table .short-bk-ordr-btn .save-as-template{margin:4px!important}
.filter-box{display:flex;flex-direction:column;border:1px solid #e6eaee;padding:10px;margin-bottom:-1px;flex-wrap:wrap}
.call-center+.tooltip{width:120px;font-size:13px}
.footer-btns .btn{margin-right:0!important;margin-left:30px!important}
.short-item-tooltip .tooltip-inner{text-align:left!important}
.product-btn-container.scroll-to-fixed-fixed{z-index:9999!important}
.stock_check{font-weight:600!important;padding-left:20px!important;margin-right:20px!important}
.btn-default{color:#0078d4;border-color:#0078d4}
.blue-text{color:#0078d4}
.master-product-search{position:relative}
.master-product-search .stk-indicator{position:absolute;top:-20px}
.master-product-search input{width:100%}
.pagintion-pages{display:flex;align-items:center;justify-content:center}
.pagintion-pages div:nth-child(2){margin-left:20px;margin-top:-5px;display:flex;align-items:center}
.pagintion-pages div:nth-child(2) input{margin:0!important;height:32px!important;width:80px!important}
.pagintion-pages div:nth-child(2) button{margin:0!important;height:32px!important;width:32px!important;padding:0!important;margin-left:5px!important}
.share-icon{font-size:15px}
.form-section{border:1px solid #e6eaee;position:relative;padding:20px 15px 15px 15px;margin-bottom:20px}
.form-section h3{position:absolute;background:#fff;padding:0 10px;top:-8px;font-size:13px;font-weight:600;color:#000;margin:0;left:10px}
.icon-btn-outline{margin:0;width:20px;height:20px;padding:0;border:1px solid #0078d4;font-size:10px;display:inline-flex;align-items:center;justify-content:center}
.header-prod-update-time small{height:14px;display:flex;align-items:center;font-size:11px}
.header-prod-update-time small span{width:50%}
.comment-block{max-height:350px;overflow-y:auto}
.comment-item{padding:14px 25px;border-bottom:1px solid #e5ecf6}
.comment_author{display:flex;justify-content:space-between}
.comment_author .author-details a.author-name{color:#0078d4;font-size:14px;font-weight:600}
.comment_author .author-details small{color:#718490;font-style:italic;font-size:11px;font-weight:400;letter-spacing:.05em;display:block;opacity:.8}
.comment_author .post_date{float:right;font-size:11px;color:#79919d;font-weight:500;opacity:.8}
.comment-item .post_content{padding:5px 0 0;border-bottom:0;color:#323442;font-size:13px;letter-spacing:.03em;line-height:21px;position:relative}
.comment-modal .modal-header{border:1px solid #e5e5e5}
.comment-modal .comments{background:#f6f7f9;padding:15px}
.comment-modal .comments textarea{height:40px;width:100%;background:#fff;border:1px solid #e5ecf6!important;border-radius:4px;padding:10px 35px 10px 15px!important}
.wallet-sec{background:#172b4d url(../img/wallet-bg.png) no-repeat}
.wallet-filters{height:140px;display:flex;align-items:center}
.wallet-filters .col-sm-6{padding:0}
.wallet-filters h6{color:#8ba2b4;font-size:15px;font-weight:500;margin-top:0;margin-bottom:6px}
.wallet-filters h2{font-size:36px;font-weight:500;color:#fff;margin:0;line-height:1}
.wallet-filters .add-money{color:#ff9600;font-size:16px;font-weight:500;transition:all .2s linear;margin-top:6px}
.wallet-filters .add-money span{text-decoration:underline}
.wallet-filters .add-money:hover{color:#ffc107}
.wallet-filters.no-link{height:100px!important}
.wallet-tabs{display:flex;align-items:center}
.wallet-tabs .nav-tabs>li>a,.wallet-tabs .nav-tabs>li.active>a,.wallet-tabs .nav-tabs>li.active>a:focus,.wallet-tabs .nav-tabs>li.active>a:hover{line-height:40px}
.wallet-tabs .nav-tabs>li>a{color:rgba(255,255,255,.75);transition:all .2s linear;font-size:16px;font-weight:600}
.wallet-tabs .nav-tabs>li>a:hover{color:rgba(255,255,255,.9)}
.wallet-tabs .nav-tabs>li.active>a,.wallet-tabs .nav-tabs>li.active>a:focus,.wallet-tabs .nav-tabs>li.active>a:hover{color:#fff}
.wallet-tabs .nav-tabs>li>a:after{content:'';position:absolute;bottom:0;left:0;height:3px;width:100%;background:rgba(23,43,77,0);transition:all .2s linear}
.wallet-tabs .nav-tabs>li>a:hover:after{background:rgba(23,43,77,.2)}
.wallet-tabs .nav-tabs>li.active>a:after{background-color:#0078d4}
.filters-sec{background:#fff;height:70px;display:flex}
.filters-list{display:flex;align-items:center;justify-content:flex-end}
.filters-list h6{font-size:14px;color:#082147;font-weight:600;text-transform:uppercase;margin-right:15px}
.filters-list i{color:#ccc;font-size:12px}
.filters-list ul{display:flex;align-items:center}
.filters-list li a{padding:8px 14px;font-weight:500;font-size:13px;border:1px solid rgb(19 41 76 / 70%);color:#13294c;border-radius:25px;margin-right:8px;line-height:1.2;display:flex;align-items:center;transition:all .2s linear}
.filters-list li a:hover,.filters-list li a.active,.filters-list li a.active:hover{background:#0078d4;border:1px solid #0078d4;color:#fff!important}
.filters-list li a span{color:#0b2448;font-size:12px;margin-left:-10px;text-shadow:1px 1px #50b2ff;margin-top:2px;opacity:0;transform:translate3d(-10px,0,0);transition:all .1s linear}
.filters-list li a.active span{opacity:1;transform:translate3d(0px,0,0);margin-left:10px}
.filters-list li a.active{padding:10px 15px 10px 20px}
.wallet-table th:first-child,.wallet-table td:first-child{padding-left:30px!important}
.wallet-table th:last-child,.wallet-table td:last-child{padding-right:30px!important}
.wallet-table th,.wallet-table td{height:40px!important}
.wallet-table.footable>thead>tr>th{background-color:#eff3f6}
.filters-list .dropdown-menu .form-inline{display:flex;align-items:center}
.filters-list .dropdown-menu{padding:10px}
.filters-list .dropdown-menu .form-group{margin-right:8px}
.filters-list .dropdown-menu .btn{width:30px;height:30px;padding:0;background:#0078d4;color:#fff}
.debits-txt{color:#D40000!important}
.bals-txt{color:#12B258!important}
.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:0 solid rgba(0,0,0,.125);border-radius:1rem;box-shadow:0 20px 27px 0 rgb(0,0,0,.05)}
.card-header{display:flex;align-items:center}
.card-header .card-title{font-weight:bold;font-size:16px;color:#252f40}
.card-header .card-options{display:flex;align-items:center;justify-content:flex-end;margin-left:auto}
.card-header,.card-body{padding:16px}
.card-options a{height:26px;width:26px;display:flex;align-items:center;justify-content:center;border:1px solid #0078d4;border-radius:5px;color:#0078d4;font-size:11px;font-weight:600;margin:0 0 0 8px;white-space:nowrap;background:#fff;transition:all .3s linear}
.card-options a:hover{background:#0078d4;color:#fff}
.pb-0{padding-bottom:0!important}
.pay-badge{color:#fff;font-size:10px;font-weight:600;border-radius:4px;padding:3px 5px;text-transform:uppercase;letter-spacing:.05rem;line-height:1;display:inline-block}
.pay-badge.status-1{background:#f44336}
/*! PENDING */.pay-badge.status-2{background:#ff9800}
/*! PAID PARTIALLY */.pay-badge.status-3{background:#66c591}
/*! COMPLETED */.pay-badge.status-4{background:#9e9e9e}
/*! NO DUE */.dropdown-submenu{position:relative}
.dropdown-submenu>.dropdown-menu{top:0;right:100%;left:auto;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px;border-radius:0 6px 6px 6px}
.dropdown-submenu:hover>.dropdown-menu{display:block}
.dropdown-submenu>a:after{display:block;content:" ";float:left;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 5px 5px 0;border-right-color:#000;margin-top:5px;margin-left:-10px}
.dropdown-submenu:hover>a:after{border-left-color:#fff}
.dropdown-submenu.pull-left{float:none}
.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px}
.rupee-circle{margin-top:10px;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-right:30px;border:1px solid #172b4d;color:#172b4d;font-size:18px}
.rupee-circle i{margin:0!important}
.row-flex{display:flex;flex-wrap:wrap}
.h-100{height:100%!important}
.g10{margin-left:-10px!important;margin-right:-10px!important}
.g10 [class*='col']{padding-left:10px!important;padding-right:10px!important}
.g8{margin-left:-8px!important;margin-right:-8px!important}
.g8 [class*='col']{padding-left:8px!important;padding-right:8px!important}
.g6{margin-left:-6px!important;margin-right:-6px!important}
.g6 [class*='col']{padding-left:6px!important;padding-right:6px!important}
.g5{margin-left:-5px!important;margin-right:-5px!important}
.g5 [class*='col']{padding-left:5px!important;padding-right:5px!important}
.g4{margin-left:-4px!important;margin-right:-4px!important}
.g4 [class*='col']{padding-left:4px!important;padding-right:4px!important}
.g0{margin-left:0!important;margin-right:0!important}
.g0 [class*='col']{padding-left:0!important;padding-right:0!important}
.form-group.required .control-label:after,.required:after{content:" *";color:red}





@media (max-width:1184px){
	#bs-example-navbar-collapse-1 .nav>li>a{padding: 10px 8px;}
	.navbar-collapse {padding-right: 0;padding-left: 0px;}
}

.mappingtable-chkbox td input[type="checkbox"]+label::before, .mappingtable-chkbox td input[type="checkbox"]+label::after {margin-top: -6px !important;}

.d-flex{display:flex!important;flex-direction:row;align-items:center}
.flex-column{flex-direction:column !important;}
.align-items-center{align-items:center !important;}
.justify-content-center{justify-content:center !important;}
.flex-wrap{flex-wrap:wrap !important;}
.flex-nowrap{flex-wrap:nowrap !important;}

.justify-content-end{justify-content:flex-end;}


.table-responsive{overflow:inherit !important;}

@media (max-width:1200px){
.table-responsive{overflow:auto !important;}
.modal .table-responsive{overflow-y:auto !important;}
}


.tab-menu-header .tab-header-right{display: flex;justify-content: flex-end;align-items: center;}

.footable>tbody>tr>td {height: 40px;}
.footable.excel-table>tbody>tr>td{height: auto;}




.connect-modal-form{display:flex;flex-direction:column;}
.connect-modal-form .control-label{text-align: left;padding: 0 15px !important;}
.connect-modal-form input{width: 100%;height: 36px;}
.connect-modal-form input.field1{background-position: 94% -134%;}
.connect-modal-form input.field1.x{background-position:94% 234%;}
.connect-modal-form input.field2{background-position: 96.5% -134%;}
.connect-modal-form input.field2.x{background-position:96.5% 234%;}
.flex-row{flex-direction: row !important;}
.align-items-center{align-items: center !important;}

.modal .form-separator{margin: 20px 0px 18px 0px;height: 1px;width: 100%;background: #e6eaee;}


.g12{margin-left:-12px!important;margin-right:-12px!important}
.g12 > [class*='col']{padding-left:12px!important;padding-right:12px!important}
.g10{margin-left:-10px!important;margin-right:-10px!important}
.g10 > [class*='col']{padding-left:10px!important;padding-right:10px!important}
.g8{margin-left:-8px!important;margin-right:-8px!important}
.g8 > [class*='col']{padding-left:8px!important;padding-right:8px!important}
.g6{margin-left:-6px!important;margin-right:-6px!important}
.g6 > [class*='col']{padding-left:6px!important;padding-right:6px!important}
.g5{margin-left:-5px!important;margin-right:-5px!important}
.g5 > [class*='col']{padding-left:5px!important;padding-right:5px!important}


.qtyEditField input.text-center:read-only{text-align:center !important;}

.alertify-logs{z-index:99999 !important}

@media(min-width:993px){
ul.menu-btns{margin: calc((56px - 42px) / 2) 15px;}

li.menu-btn{margin: 0 5px;}
li.menu-btn>a{border:1px solid #49b0ff;border-radius:5px;height:42px;display:flex;align-items:center;line-height: 1.3 !important;padding: 5px 15px !important;font-size:11px !important;text-transform:uppercase!important;}
li.menu-btn>a i.fa-chevron-down{margin-left: 5px;}

.cl-effect-13 .active.menu-btn>a::before{display: none !important;}

li.menu-btn.active>a{background: #0a4386 !important;border-color: #0a4386;}
}

.retailer-chain-link a>span{text-indent:-9999px;background:url("../img/retailer-chain-icon.png") 50% no-repeat;width:33px;display:inline-block;position:relative}
.retailer-chain-icon-blue a>span{text-indent:-9999px;background:url(../img/retailer-chain-icon-blue.png) 50% no-repeat;width:33px;display:inline-block;position:relative;height:27px}
.retailer-chain-dropdown .btn,.retailer-chain-dropdown .btn:hover{background:#0062b5 !important;color:#fff !important;}

@media(min-width:993px) and (max-width:1190px){
	#znx-admin-menu.navbar-default .navbar-nav.navbar-right>li>a{margin:0 5px;}

li.menu-btn>a{border:1px solid #49b0ff;border-radius:5px;height:42px;display:flex;align-items:center;line-height: 1.3 !important;padding: 5px 8px !important;font-size:11px !important;text-transform:uppercase!important;}
}


@media(max-width:992px){
	li.menu-btn>a{display:flex;align-items:center;line-height: 1.3 !important;display: flex;}
	li.menu-btn>a i{margin-left: auto;}
}


@media(min-width:1100px){
	.order-total-details{display:flex;}
	.order-total-details > div{line-height: 1.3;margin-right:10px;}
}
@media(max-width:1100px){
	.order-total-details{display:flex;flex-wrap:wrap;}
	.order-total-details > div{width:50%; flex:0 0 50%;line-height: 1.3;}
}


                  
.promo-parties-button.plusMinusBtn{
	padding:4px 10px;
    display: flex;
    align-items: center;
    width: initial;font-size: 12px;}
.promo-parties-button.plusMinusBtn span{    display: inline-block;
    position: relative;
    top: -2px;
    font-size: 10px;
    margin-right: 10px;}
.promo-parties-button.plusMinusBtn span .fa-minus{
	position: absolute;
    bottom: -9px;
    left: 0;}

.zid{text-transform: none !important}