@import url('font-awesome.min.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:#0062b5}
/*! 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:#0062b5}
/*! 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:#0062b5}
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-40t{margin-top:40px}
.mrg-40r{margin-right:40px}
.mrg-20t{margin-top:20px!important}
.mrg-20b{margin-bottom:20px}
.mrg-20tb{margin:20px 0!important}
.mrg-20r{margin-right:20px !important;}
.mrg-10r{margin-right:10px!important}
.mrg-10t{margin-top:10px}
.mrg-10b{margin-bottom:10px}
.mrg-5b{margin-bottom:5px}
.mrg-20l{margin-left:20px !important;}
.mrg-30t{margin-top:30px}
.mrg-30b{margin-bottom:30px}
.mrg-30tb{margin:30px 0}
.mrg-30r{margin-right:30px}
.mrg-30l{margin-left:30px}
.mrg-0r{margin-right:0!important}
.mrg-0l{margin-left:0!important}
.mrg-0lr{margin-left:0!important;margin-right:0!important}
.mrg-0t{margin-top:0!important}
.mrg-0b{margin-bottom:0!important}
.no-pad{padding:0!important}
.mrg-5t{margin-top:5px}
.mrg-5r{margin-right:5px !important;}
.pad-20{padding:20px}
.pad-30{padding:30px}
.pad-30tlr{padding-top:30px;padding-left:30px;padding-right:30px}
.pad-30l{padding-left:30px !important}
.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-8{padding:8px;}
.pad-8t{padding-top:8px}
.pad-20t{padding-top:20px}
.pad-10b{padding-bottom:10px}
.pad-10l{padding-left:10px !important;}
.pad-10r{padding-right:10px !important;}
.pad-10tb{ padding-top:10px !important; padding-bottom: 10px !important}
.pad-10lr{padding:0 10px}
.mrg-10tb{margin-top:10px!important;margin-bottom:10px!important}
.mx-0{marign-left:0!important;margin-right:0!important;}
.mrg-15b{margin-bottom: 15px!important;}
.pad5{padding:5px;}
.pad5tb{padding-top: 5px;padding-bottom: 5px;}
.pad15lr{padding-left: 15px;padding-right: 15px;}

.pad-0{padding:0}
.pad-0lr{padding-left:0;padding-right:0}
.pad-0tb{padding-top:0;padding-bottom:0}
.pad-0l{padding-left:0 !important;}
.pad-0r{padding-right:0!important}
.pad-0t{padding-top:0!important}
.pad-0b{padding-bottom:0!important}
.pad-15{padding:15px}
.pad-5lr{padding:0px 5px !important;}
.pad-5r{padding-right:5px !important;}
.pad-5l{padding-left:5px !important;}
.pad-5tb{padding-top:5px !important; padding-bottom:5px !important;}
.pad-15lr{padding-left:15px !important; padding-right:15px !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}
.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}
.distPanel-spmenu label{padding-left:40px!important}
.distPanel-spmenu label::before{left:8px!important}
.distPanel-spmenu label::after{left:8px!important}
.pos-relative{position:relative}
.text-right{text-align:right!important}
.text-center{text-align:center!important}
.min-h1000{min-height:1000px;padding-bottom: 80px}
.min-h500{min-height:500px}
.min-h300{min-height:300px}
.w-100{width:100% !important;}
.bs250 .bootstrap-select{width:250px !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;}
.nowrap{white-space:nowrap !important;}
.capitalize{text-transform: capitalize;}
 
.over-hidden{overflow: hidden;}
/*! ===================================================================
*********************** 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;padding:6px 0;display:inline-block;margin:0;}
#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:14px;font-weight:normal;/* text-transform:uppercase; */position:relative;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;padding: 18px 0;}
#znx-admin-menu.navbar-default .navbar-nav>li>a:hover,#znx-admin-menu.navbar-default .navbar-nav>li>a:focus{color:#fff}
#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:13px 0 14px 15px;position:relative}
#znx-admin-menu.navbar-default .navbar-nav.navbar-right>li.user-avatar>a:before{position:absolute;content:'';width:1px;height:30px;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 a:hover::before,.cl-effect-13 a:focus::before,.cl-effect-13 .active>a::before{color:#fff;background:#fff}
.cl-effect-13 a::before{position:absolute;content:'';bottom:14px;left:0;background:transparent;width:100%;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 #0062b5;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}
.user-avatar{display:flex!important}
.user-avatar .admin-pic{display:none;float:left;height:40px;margin-left:-15px;margin-right:10px;margin-top:3px;width:40px}
.user-avatar .admin-title{float:left;font-size:15px;line-height:12px;margin-right:15px;position:relative}
.user-avatar .admin-title em{font-style:inherit;font-size:12px;color:#fff;display:block;font-weight:300;margin-top:2px}
.user-avatar .admin-title:after{content:'';position:absolute;background:url(../img/more-icon.png) no-repeat center;width:4px;height:24px;right:-20px;top:50%;margin-top:-10px}
.navbar-default .navbar-collapse{float:left}
.nav>li>a{position:relative;display:block;padding:10px 0;margin:0 14px}
.navbar-right ul li a{font-size:14px}
#znx-admin-menu .navbar-right ul li a{font-size:13px;font-weight:100;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:0px;border-bottom: 0;}
.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:0px;}
.tab-menu-header a{position:relative;font-size:14px;color:#000;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{border-radius:3px;border:2px solid #a5a5a5;font-size:15px;color:#000}
.search-form 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 input.search-field{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}
.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: 30px;
    height: 30px;
    padding: 0;
    text-align: center;
    line-height: 30px;}

.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:0px 10px; border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}
.search-form.search-form-dist select{padding:0px 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:0px 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 0 3px 0;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:1px solid #ddd;border-radius:4px}
input#search_id_key,input#id_search,input#from_day,input#to_day,input#from_date,input#to_date, .search-area input#receipt_no, .search-area input#bill_no{width:130px}
input.tab-header-btm-search{width:424px}
input#id_search{width:180px}
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,.tab-header-search-medium{width:110px;height:30px;padding-left:6px;padding-right:24px;border:1px solid #ddd;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:34px;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:#0062b5;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:3px 10px!important}
.ordered-list-items.noDropdown td{padding:3px 10px!important}
.ordered-list-items td.ordered-list-item-subhead{padding:10px!important;background:#fafbfc;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{padding-left:20px!important}
.ordered-list-items.noDropdown tr td.ordered-list-item-subhead:first-child{padding-left:20px!important}


.font15{font-size:15px!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:#0062b5;font-weight:600;font-size:12px;margin:0}
.ordered-list-items h3 small{display:block;font-size:11px;color:#555;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 #0062b5;border-radius:3px;display:inline-block;text-align:center;color:#0062b5;font-size:14px;font-weight:500;text-transform:uppercase;padding:0 20px;white-space:nowrap}
.custom-outline-btn:hover,.custom-outline-btn:focus{background:#0062b5;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}

.status-badge-new {
    min-width: 84px;
    height: 14px;
    display: inline-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;
    border-radius: 25px;
}

.booking-recipt-status {
    min-width: 84px;
    height: 14px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    padding: 0 3px;
    line-height: 14px;
    letter-spacing: .5px;
}

.booking-reciept-status-1{color:#2196f3}
.booking-reciept-status-2{color:#800080}
.booking-reciept-status-3{color:#008000}
.booking-reciept-status-4{color:#00bcd4}
.booking-reciept-status-5{color:#0062b5}
.booking-reciept-status-6{color:#ff0000}
.booking-reciept-status-7{color:#ff0000}
.booking-reciept-status-8{color:#ff7600}

.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,.plot-status-1{background:#2196f3}
.ret-status-2,.plot-status-2{background:#ff0000}
.ret-status-3,.plot-status-3{background:#008000}
.ret-status-3,.plot-status-4{background:#800080}
.ret-status-5,.plot-status-5{background:#00bcd4}
.ret-status-6,.plot-status-6{background:#795548}
.ret-status-7,.plot-status-7{background:#ff9600}
.ret-status-8,.plot-status-8{background:#333}
.ret-status-9,.plot-status-9{background:#9668de}
.reciept-status-1{background:#2196f3}
.reciept-status-2{background:#800080}
.reciept-status-3{background:#008000}
.reciept-status-4{background:#00bcd4}
.reciept-status-5{background:#0062b5}
.reciept-status-6{background:#ff0000}
.reciept-status-7{background:#ea242b}
.reciept-status-8{background:#c78a3b}
.agent-status-1{background:#2196f3}
.agent-status-2{background:#800080}
.agent-status-0{background:#ff0000}
.agent-badge-4{background:#0063b6!important}
.agent-badge-3{background:#0f83b3!important}
.agent-badge-1{background:#069015!important}
.agent-badge-2{background:#ec8000!important}
.cmsn-status-1{background:#2196f3}
.cmsn-status-2{background:#008000}
.cmsn-status-3{background:#ff0000}
.cmsn-status-4{background:#800080}
.cmsn-status-5{background:#19cece}
.cmsn-status-6{background:#2e6666}.cmsn-status-7{background:#970118}
.cmsn-status-8{background:#ff0000}
.cmsn-status-9{background:#ec8000!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:'FontAwesome';content:"\f106";float:right;color:grey}
.filters-cont .panel-heading.accordion-toggle.collapsed:after{content:"\f107"}
.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 15px 0 24px;line-height:20px;margin:0;cursor:pointer;font-size:11px;color:#000;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 !mportant }
.qtyEditField input:read-only{background:transparent;border:0;cursor: default;text-align:left !mportant}
.qtyEditField input:-moz-read-only{background:transparent;border:0; cursor: default;text-align:left !mportant}
.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: 300px;    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: 140px;    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:#0062b5;background:transparent;line-height:18px;border-radius:3px;outline:0;font-weight:600;text-transform:uppercase;border:1px solid #0062b5}
#acordeon .panel-group .panel-heading h4 button:hover,.template-buttons button:hover{background:#0062b5;color:#fff}
.panel-collapse{position:relative}
.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:#0062b5;background:transparent;line-height:18px;border-radius:3px;outline:0;font-weight:600;text-transform:uppercase;border:1px solid #0062b5;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-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:#0062b5;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:#0062b5;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% #0062b5;color:#fff}
.distPanel-spmenu li label:hover small{color:#fff}
.distPanel-spmenu-vertical{width:200px;height:calc(100% - 56px);top:56px;z-index:1000;padding-bottom:15px}
.distPanel-spmenu-vertical li label{padding:1em;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:-200px}
.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%}
/*! ===================================================================
*********************** 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:#0062b5;border:1px solid #0062b5;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;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;display: none;}
input[type="radio"]+label,input[type="checkbox"]+label{padding-left:24px;position:relative;cursor:pointer;display:inline-table;margin:0}
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}
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{/*! custom image for radio button */background-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:#0062b5;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:#0062b5;background-image:#5a55a3;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 #0062b5}
div.bhoechie-tab-menu .list-group-item{padding:5px 10px !important;}
div.bhoechie-tab-content{background-color:#fff;padding-left:20px;padding-top:10px;padding-bottom:20px;}
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:0px 10px;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} */
#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}
/* #preloader{position:fixed;width:100%;height:100%;overflow:hidden;z-index:99999} */
#load{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}
#load,#load: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)}
}
.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:#0062b5;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;margin: 0}
.btn-file{padding-top:6px;padding-bottom:8px;line-height: 0.8;}
.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:50px;padding-top: 3px !important;}
.reg-upload .dlattachement{float:initial !important; margin:0 auto;}
.dlattachement a.td-del_btn,.dlattachement a.td-edt_btn{position:absolute;top:-2px;right:-5px;border-radius:50%;width:18px;height:18px;text-align:center;line-height:18px;font-size:10px;color:#fff}
.dlattachement a.td-del_btn{background:#e02e2b;}
.dlattachement a.td-edt_btn{background:#0062b5;}
.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:#0062b5}
.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:#fddbd9}
.suspend-record{background:	#ffa250}
.auto-suspend-record{background:#ffa250}
.transferred-record{background:#fddbd9}
.reject-record{background:	#ec9595}
.registered-record{background:#e8e8e8}
.created-booking-record{background:#d8fdfd}
.disconnect-record{background:#ffebeb}
.block-record{background:#fddbd9}
.created-record{background:#d9edff}
.approval-record{background:#f0fff4}
.cancel-booking-verify-record{background:#ffebd5} 
.booked-record{background:#fff}
.resale-record{background:#ffd89e8f}
.journal-record{background:#d5d5d5}
.open-suspend-record{background:#ffa250}

.booking-status-0{background:#5b08ff}
.booking-status-1{background:#2196f3}
.booking-status-2{background:#ff0000}
.booking-status-3{background:#008000}
.booking-status-4{background:#00bcd4}
.booking-status-5{background:#0062b5}
.booking-status-6{background:#ff0000}
.booking-status-16{background:#00bcd4}
.booking-status-7{background:#ea9224}
.booking-status-8{background:#b70000}
.booking-status-9{background:#c78a3b}
.booking-status-12{background:#008000}

/*! 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:#0062b5!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:#0062b5!important;color:#fff!important}
.ui-state-focus a .ui-state-highlight{border:1px solid #0062b5!important;background:#0062b5!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-position:94% 154%;border:1px solid #ccc;padding:0 30px 0 8px;border-radius:3px;transition:background .4s;outline:0;line-height:34px;margin:5px 5px 5px 0}
.clearable.x{background:#fff url(../img/search-clear-icon-vert.png) no-repeat 94% 154%;}
.clearable.onX{cursor:pointer}
.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:#0062b5;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}
/*! products autocomplete */.ui-autocomplete table td{line-height:15px}
.ui-autocomplete .td1{width:400px;font-size:12px;color:#0062b5;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:#0062b5;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:#e6eaee!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: 14.5%;overflow: auto;height: 100%;background: #fff;}
/* .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:#0062b5!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:#0062b5;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:#0062b5;color:#fff}
.btn-custom-medium{font-size:12px;height:30px;line-height:30px;padding:0;min-width:120px;color:#0062b5;background:transparent;border-color:#0062b5}
.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%}
.tab-menu-items .dropdown-menu li a:hover:after{display:none!important}
.tab-menu-items .dropdown i{font-size:12px;color:#adadad}
.orderID span{color:#0062b5;font-weight:600;font-size:14px}
.notification-desc small strong{color:#17315a;font-weight:600}
.save-as-template{background-color:transparent;height:26px!important;line-height:24px!important;border:1px solid #0062b5;border-radius:3px;display:inline-block;text-align:center;color:#0062b5!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}
.save-as-template i{margin-right:3px}
.save-as-template:hover{background-color:#0062b5!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 #0062b5;border-radius:3px;display:inline-block!important;text-align:center;color:#0062b5!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:#0062b5!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 #0062b5;border-radius:3px;display:inline-block!important;text-align:center;color:#0062b5!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:#0062b5;margin-right:0}
.navbar-left .save-as-template:after{display:none}
.navbar-left .save-as-template:hover{background:#0062b5!important;color:#fff!important}
.navbar-left .save-as-template-menu ul li a{font-size:13px}
#custom_dates_div .form-group{display:inline-block}
.table-striped>tbody>tr:nth-of-type(odd){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:#0062b5;border-color:#0062b5}
.btn-default:hover{color:#fff;background-color:#0062b5;border-color:#0062b5}
.btn-primary:hover{background-color:#00549a}
.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 .footable-sortable{paddding:0}
.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}
#custom_dates_div #from_date,#custom_dates_div #to_date{border-right:0;background:#fff;padding:0;padding-left:6px}
#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;}
.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}
.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; */font-weight: bolder;
    font-size: 14px !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:15px;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}
.tab-menu-header .bootstrap-select>.dropdown-toggle{border:2px solid #a5a5a5!important}
form .bootstrap-select>.dropdown-toggle{border:1px 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:#0062b5;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 #0062b5;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 #0062b5;border-radius:3px;display:inline-block!important;padding:0!important;margin:6px 0 6px 6px!important;position:relative}
button.save-as-template:hover{background:#0062b5!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:#0062b5!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:#0062b5;background:transparent;line-height:18px;border-radius:3px;outline:0;font-weight:600;text-transform:uppercase;border:1px solid #0062b5;text-align:center;padding:1px 6px}
.order-btn-delete-all,.order-btn-delete-all:focus,.order-btn-delete-all:hover{font-size:10px;background:#0062b5;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:#0062b5;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 #0062b5}
.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:23px!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:150px}
.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;border-bottom:1px solid #e6eaee;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:13px;color:#888}
.admin-settings-header{margin-top:0;background-color:#fafbfc;border:1px solid #e6eaee;font-size:16px;font-weight:600;width:100%;display:block;text-transform:uppercase;padding:10px}

.pad-b0{padding-bottom:0!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;-webkit-transition-property:opacity background;-moz-transition-property:opacity background;-o-transition-property:opacity background;transition-property:opacity background}
.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:#0062b5;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:#0062b5;font-size:16px;font-weight:600;border-bottom:1px solid #0062b5}
.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:#0062b5;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:#0062b5!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;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;fomt-weight:600!important}
/*! ===========================================================================
===============================================================================
************************* WARNING MESSAGE BELOW 640PX *************************
===============================================================================
============================================================================ */
#warning-message{display:none;width:100%;height:100%;background:#0062b5;color:#fff;text-align:center;position:fixed;padding:15px;z-index:9999999999}
.warning-logo{display:table-row;width:180px;margin:0 auto;height:84px}
.warning-message-inner{display:table-cell;vertical-align:middle;text-align:center}
.warning-message-inner h2{margin:0;font-size:14px;text-transform:uppercase;line-height:24px;letter-spacing:5px}
@media(max-width:767px){#header,#page-content,#footer{display:none}
#warning-message{display:table!important}
}
@media(min-width:768px){#warning-message{display:none}
#header,#page-content,#footer{display:block}
}
#warning-message h4{position:absolute;bottom:10px;display:block;text-align:center;width:95%}
#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: 0px 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:#0062b5!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-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:0px 0px; border-radius:0px; }
.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:9999!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:#0062b5!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;}



.select-all-dist-color{font-weight: 700; color:#ff9600 !important;}
.prod-srh-tbl td{padding:3px 10px!important;}
.change-retailer-modal-name{    font-size: 16px;}
.change-retailer-modal-name span{font-size: 18px;}


.ico-btns span>button{border: none;
    background: transparent;}



.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: #0062b5;
    display: inline-block;
    padding: 3px 15px;
    color: #FFF;
    border-radius: 3px;}


#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: 0px;}

.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:#0062b5 !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: 0px !important;}


.td-txt-black tr td,
tr.td-txt-black td,
tr.td-txt-black td small.prodMfg,
tr.td-txt-black td small.pack-size,
.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 small.pack-size,
.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 small.pack-size,
.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 small.pack-size,
.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 small.pack-size,
.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: 0px 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 input[type=radio], .salesrep-search input[type=checkbox] {
	position: absolute !important;
}    
.salesrep-search .custom-chk-rdo {
	line-height: 30px;
}
.salesrep-search .btn{
    width: 30px;
    height: 30px;
    padding: 0;
    text-align: center;
    line-height: 30px;
    margin-left:10px;
}
.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{}
.salesrep-parties div.bhoechie-tab-container{
	z-index: 10;
    background-color: #fff;
    padding: 0!important;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 0px 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: 0px;padding-top: 10px;}
.salesrep-parties .custom-outline-btn{text-transform:initial;padding: 0px 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: #ff0000;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{padding-left: 0px!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: 0px!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 #0062b5;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    color: #0062b5;
    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;}

#project_filter{
	max-height: 200px;
    overflow-y: auto;
    }
#status_filter{
	max-height: 200px;
    overflow-y: auto;
    }
.tab-header-right .bootstrap-select.btn-group:not(.input-group-btn),
.tab-header-right .bootstrap-select.btn-group[class*=col-]{     float: right;width:200px !important; margin-top: 5px !important; margin-bottom: 5px !important; margin-right: 5px !important;}

.tooltip-left .tooltip-inner,.tooltip-left .tooltip-inner td{text-align:left !important;font-size: 11px;}

/*! ==========================================================================
==============================================================================
*********************** BOOKINGS SHOW STYLING STARTS HERE ***********************
==============================================================================
=========================================================================== */
.table-td-p{width:91%;float:left;margin-left:15px;font-weight:600;margin-bottom: 0; line-height: initial;}
.table-td-p small{    margin-top: 5px;
    display: block;
}
.white-bg,.tulip-suggestions .row.white-bg{background:#fff;border-bottom:1px solid #dcdbdb;}
.detail_back_btn{float:left}
.detail_back_btn a{background:#00a8c4;color:#fff;font-size:30px;width:68px;height:68px;display:inline-block;text-align:center;line-height:68px}
.detail_back_btn a:hover{background:#00b0cd}
.details-box {width:calc(100% - 68px);    float: left;}
.mrg-top5{margin-top:5px}
.mrg-btm10{margin-bottom:10px}
.pad5{padding:5px}

.row-mrg-30{margin-left:-30px;margin-right:-30px}
.details-box h2{font-size:18px;font-weight:700;color:#333;margin-bottom:10px;margin-top:10px}
.details-box ul{margin:0;padding:0}
.details-box ul li{padding-left:0;color:#747474;font-size:13px;LINE-HEIGHT: 20PX;margin: 5px 0;}
.details-box i{margin-right:-1px}

.export{float:right !important;margin-right:10px;}

.agent-advance-checkbox label{
	top: 8px;
}
.read-only-text{
	line-height:29px;
}
.search-plot-id input{min-width:250px;}

.change-link-add{margin-left: 25px !important;cursor: pointer;}

.save-as-template.rec-btn{    margin: 0!important;
    height: 30px!important;
    line-height: 30px!important;}
    
.agent-due-receipt-icon{font-size:18px;}

 .total-to-pay .footable>tbody>tr>td {
    vertical-align: middle;
    border-bottom: 0px solid #e6eaee; 
 }
 

.panel-success {
    border-color: #d6e9c6 !important;
}
.panel-warning {
    border-color: #faebcc !important;
}
.panel-warning>a .panel-heading {
    color: #8a6d3b!important;
    background-color: #fcf8e3!important;
    border-color: #faebcc!important;
}
.panel-success>a .panel-heading {
    color: #3c763d!important;
    background-color: #dff0d8 !important;
    border-color: #d6e9c6 !important;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}
 
.sidebar-search-sm{
	width: 190px;
    height: 30px;
    padding-left: 15px;
    padding-right: 34px;
    border: 2px solid #a5a5a5;
    border-radius: 4px;
    position: relative;
    display: inline-block;
    margin: 0;
	
}

.info-table {border-left: 1px solid #e6eaee;border-right: 1px solid #e6eaee;}
.info-table th, .info-table td{border-right: 1px solid #e6eaee !important; font-size:12px !important; padding: 5px 10px !important;}
.info-table th:last-child,  .info-table td:last-child{border-right: 0px solid #e6eaee !important;}
 .info-table th {border-top: 1px solid #ddd;}
.form-group.required .control-label:after, .required:after {
  content:" *";color:red;
}
.double-asterisk:after {
  content:" **";color:red;
}
.gray-bg{background: #eee;}
.block-row{ margin:0px 12px; float:left;min-height:600px}
.block-row.column-1{width:40px;}
.block-row.column-2{width:80px;}
.block-item-cont{border: 1px solid #000; text-align: center; width: 100%; position:relative;    line-height: 0;    color: #000;
    font-size: 12px;}
.block-item-cont.sm-p{padding:20px 0; background-color: #edffc7}
.block-item-cont.md-p{padding:30px 0; background-color: #cfeb95}
.block-item-cont.lg-p{padding:51px 0; background-color: #99cc6b}
.block-row .tooltip{min-width:200px;}

.block-item-cont.na{background-image:url(../img/na.png);background-position:center;background-repeat:no-repeat;}

.tooltip-inner {max-width: 312px;}
.tooltip td, .tooltip td:first-child {
    padding-left: 0px !important;
    padding:2px 5px !important;
     
}
.tooltip td.text-left {text-align: left;}
.tooltip td.text-right {text-align: right;}
.tooltip td.text-center {text-align: center;}
.tooltip tr.border-t { border-top:1px solid #fff; }
.tooltip tr.border-b { border-bottom:1px solid #fff; }
.ui-sortable-handle{ cursor:pointer !important;}
.routes-summery-box {
    padding: 15px;
    background: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);
    width:13%;
    margin:5px;
    float: left;
}
.routes-summery-box big.clr1 {
    color: #0062b5;
}
.routes-summery-box big {
    font-size: 22px;
    font-weight: bold;
    display: block;
    line-height: initial;
}
.routes-summery-box big.clr2 {
    color: #ff0000;
}
.routes-summery-box big.clr3 {
    color: #00bcd4;
}	
.routes-summery-box big.clr4 {
    color: #008000;
}	
.routes-summery-box big.clr5 {
    color: #800080;
}	
.routes-summery-box big.clr6 {
    color: #000;
}	
.pms-info-icon {
	width: 21px;
    height: 21px;
    background: #3e3835;
    text-align: center;
    line-height: 24px;
    border-radius: 10px;
    font-size: 12px;
    color: #fff;
}
.clear-check-info-icon {
    width: 15px;
    height: 15px;
    background: #3e3835;
    text-align: center;
    line-height: 15px;
    border-radius: 10px;
    font-size: 9px;
    color: #fff;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #3e3835 !important;
}
.tooltip-inner {
    background-color: #3e3835 !important;
}
.tooltip.in {
    opacity: 1 !important;
}

.search-button{background-color:#ea242b;height:29px!important;line-height:27px!important;border:1px solid #d6262c;border-radius:4px;display:inline-block;text-align:center;color:#fff!important;font-size:11px!important;font-weight:600!important;text-transform:uppercase!important;padding:0 15px!important;white-space:nowrap}
.search-button i{margin-right:3px}
.search-button:hover{background-color:#d6262c!important;color:#fff!important}
.search-button:hover i{color:#fff!important}
.search-button:hover:after{display:none!important}
.search-area select {width: 130px;height: 30px;    margin:0;   margin-right: 5px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 13px;
    padding-left: 15px;font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    border-radius: 4px; }
.tooltip table tr td {text-align:right !important; padding:5px !important;}
.ordered-list-items.noDropdown .tooltip table tr td:first-child {
    padding-left: 5px!important;
}
.min-height260{min-height: 260px !important;}
.min-height280{min-height: 280px !important;}
.min-height300{min-height: 300px !important;}
.min-height320{min-height: 320px !important;}
.min-height100{min-height: 100px !important;}
.min-height200{min-height: 200px !important;}

.details-ul li{margin-bottom: 4px;}

 .link-underline{/* text-decoration:underline!important; */font-weight: bolder;
    font-size: 14px !important;}
table .panel_heading{border-bottom: 1px solid #e6eaee;
    padding: 0;
    border-radius: 0;} 

.table-panel-cont{border: 1px solid #e6eaee !important;}

.table-panel-cont th {
    border-bottom: 1px solid #e6eaee !important;
    border-right: 1px solid #e6eaee !important;
}
.table-panel-cont th:last-child{border-right:0px !important;}

.table-panel-cont td{border-bottom: 1px solid #e6eaee !important;
    border-right: 1px solid #e6eaee !important;
}

.table-panel-cont{/* width: calc(100% - 80px);margin: 20px 40px; */background: #eff3f6;}
.table-panel-cont tr td:last-child{border-right:none !important}
.table-panel-cont tr:last-child td{border-bottom:none !important}


.table.table-panel-cont .table{background: #eff3f6!important;}
.sales-month-report thead{background:#eeeeee!important;}
.sales-month-report thead.head{background:#ddd !important}

.sales-month-report tbody.sales-total{background:#f1f8e9}


.table-panel-cont.sales-month-report{background:#fff!important;}
.table-panel-cont.sales-month-report .table tr td{border-bottom:1px solid #e6eaee !important;}


.header-tab-expand{ line-height: 40px !important}

.ordered-list-items td.no-pad{padding: 0 !important;}

.panel-cont>td{border-bottom:0px !important}

.panel-cont-border{border-bottom:1px solid #e6eaee !important}



.dropdown, .dropup {display: inline-block;}
.tab-menu-items .dropdown.cust-drop i{color:#0062b5}

/*! ==========================================================================
==============================================================================
*********************** 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: 60px 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:#0062b5;color:#fff}
.filters .filters-heading a{color:#0062b5;line-height:initial}
.tab-header-right .tab-header-search{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:#0062b5!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:#0062b5;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:0px;border-top-right-radius:0px}
.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){.filters-spmenu ~ .col-sm-10{width:100% !important;}
	.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:24%!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(min-width:768px) and (max-width:1023px){input.tab-header-search {width: 180px;}}
@media(max-width:767px){.tab-header-right{display:none!important}}
@media(max-width:768px){
.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:1024px){
	.filters.stick1{position:fixed!important;top:0!important;width:13%}
	#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:12px}
.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: 27px;
}
.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 #0062b5;border-radius:3px;display:inline-block!important;text-align:center;color:#0062b5;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:250px;overflow-y:scroll;overflow-x:hidden;width:100%}
.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; padding:0px !important;}
.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;
  padding-right: 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: #0062b5;
    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: #0062b5 !important;
    border-color: #0062b5 !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;}
 .profileCont a{color:#fff !important;border-bottom: 1px dotted;}

 
 .agent-adv-srh input{width: 46% !important}
 
 
 .panel a.collapsed i, .panel_heading.collapsed i{
   -ms-transform: rotate(0deg);
   -webkit-transform: rotate(0deg); 
   transform: rotate(0deg);
  }
 .panel a i, .panel_heading i{
  -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    transition: 0.4s ease;

  -ms-transform: rotate(180deg); 
   -webkit-transform: rotate(180deg); 
   transform: rotate(180deg);
 }
 .offers-tooltip .tooltip-inner{
 max-width:350px
 }
 
.tooltip-inner .text-left{text-align:left !important;}

.advnace-bill-width{width: 60%;}

/* notfication realtred css */

.mobileRightNav{display:flex;float:right;}
.user-notification>a{font-size: 18px!important; position: relative;padding: 12 0!important}
.user-notification>a em{position: absolute;
    top: 6px;
    left: 10px;
    background: #ea242b;
    border-radius: 10px;
    /* min-width: 16px; */
    height: 16px;
    font-size: 9px;
    text-align: center;
    line-height: 16px;
    font-style: initial;
    /* border: 2px solid #0062b5; */
    padding: 0 6px;}
.user-notification .dropdown-menu{width:300px; max-height:230px; overflow-y:auto; overflow-x:hidden;}	
.user-notification .dropdown-menu a p{margin: 0; font-size:10px;}

#znx-admin-menu .navbar-right ul li:first-child a{border-radius:10px 10px 0 0}
#znx-admin-menu .navbar-right ul li:last-child a{border-radius:0 0 10px 10px}

.cust-emi-title{display:flex!important}
.cust-emi-title span,.cust-emi-title label{float:left!important;}
.cust-emi-title label{line-height: 15px!important;margin-left: 15px!important;}
.amount-in-words{font-size:10px;font-weight:600;color:#0062b5;padding:0;margin:0;font-style: oblique;}
.recpt-booking-details{line-height:40px;}
.recpt-booking-details span:not(:last-child){margin-right:20px;}
.recpt-booking-details span{color: #000;font-size: 12px;text-transform: uppercase;font-weight: 600;}
.recpt-booking-details strong{font-weight: bold;}
.proj-dashboard-page .table-panel-cont{margin: 20px 0px;    background: #eff3f6;width: 100%!important;
    margin: 20px 0!important;}
    
   .tooltip-min280 .tooltip-inner{min-width: 280px !important; max-width:350px !important}
   .tooltip-min350 .tooltip-inner{min-width: 350px !important; max-width:400px !important}
/* .proj-dashboard-page td{ font-size:11px!important;} */
.sales-month-report tbody tr td:first-child{padding-left:20px!important;}
.chart-item{width: 100%;
    padding: 20px;
    text-align: center;
}

/*********************************************************   group sms   **********************************************************/
.styled-select_full {
    width: 100%;
    height: 36px;
    overflow: hidden;
    background: url(../img/down-caret-grey.png) no-repeat 98% 50% #fff;
    border: 1px solid #dadada;
    margin-bottom: 0!important;
    margin-left: 14px;
}

.sms-group-modal-right input:FIRST-CHILD{float:left;}
.sms-group-modal-right .tulip-checkbox label{line-height: 37px;margin-left: 15px;}

#tbl_business_list_for_sms{border-top:1px solid #ddd;margin-top: 60px;}

#tbl_business_list_for_sms .pagination {
       float: right;
    display: inline-block;
    position: absolute;
    top: 0;
    margin: 10px 0;
    right: 0;}

.sms-line{margin-top:15px;height: 30px;border-bottom: 2px solid #ddd;}

#searchclear_business_for_sms {
    position: absolute;
    right: 305px;
    top: 14px;
    bottom: 0;
    height: 20px;
    font-size: 20px;
    cursor: pointer;
    color: #ccc;
    display: none;
    background: #fff;
}
.styled-select_full select {
    background: transparent;
    width: 100%;
    padding: 5px;
    font-size: 12px;
    color: #999;
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 36px;
    -webkit-appearance: none;
    margin-right: 10px;
}


.modal-content{ border-radius:0px;}

 
.modal-body .btn-file{ border-radius:5px !important;}

.modal-table{
 height:350px; 
}
.table-h280{
    overflow-y: auto;
       height: 280px !important;  
    width:100%;
        position: relative;
}
.modal-tr {
    width: 100%;
   height:50px;
}

.modal-table td img.truck-thumb{ width:52px; height:52px; border:1px solid #adadad; border-radius:55px;}

#myPleaseWait{
    height: 500px;
    top: calc(50% - 200px) !important;
}

#searchclear_business_for_sms {
        position: absolute;
    right: 300px;
    top: 8px;
    bottom: 0;
    height: 20px;
    font-size: 20px;
    cursor: pointer;
    color: #ccc;
    display: none;
    background: #fff;
}



.modal-title-confirm {     
	color: #0062b5;
    font-size: 20px;
    padding: 25px 0px;
    margin: 0;
    line-height: initial;
    font-weight: 600;
    padding-left: 30px;
    text-align: left;
    text-transform: uppercase;
}





.group-sms-phone-filter{
    margin-top: 10px;
    margin-bottom: -10px;
    background-color: rgba(158, 158, 158, 0.22);
    padding-left: 8px;
}




.modal-header{background:#fafafa; border-radius:0px;padding: 0px;

margin: 0; border-bottom:none; position:relative;}




label { font-size:13px;

display: inline-block;

max-width: 100%;

margin-bottom: 5px;

font-weight: 600;

margin-top: 6px;}
label-sms { font-size:14px;

display: inline-block;

max-width: 100%;

margin-bottom: 2px;

font-weight: 700;
}

label-sms-count{
	font-size: 12px;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0px;
    font-weight: 600;
    color: #03A9F4 !important;
    margin-left: 10px;
	margin-top:6px;
}


.modal-content{ border-radius:0px;}




.styled-select_full, .styled-select, input{ -webkit-transition: all 250ms ease-in-out;

  transition: all 250ms ease-in-out;}



.styled-select_full:focus, .styled-select:focus, input:focus{

    outline: none;

    box-shadow: 0px 0px 5px #61C5FA;

    border:1px solid #92bcdf !important;

}



.styled-select_full:hover, .styled-select:hover, input:hover {

    border: 1px solid #92bcdf !important;

}



.styled-select_full:focus:hover .styled-select:focus:hover, input:focus:hover{

    outline: none;

    box-shadow: 0px 0px 5px #61C5FA;

    border:1px solid 61C5FA !important;

    border-radius:0;   

}


.sms-search-clearable {
    background: #fff url(../img/search-clear-icon-vert.png) no-repeat 96% -165%;
    border: 1px solid #eee;
    padding: 8px 30px 8px 8px;
    border-radius: 3px;
    transition: background .4s;
    min-width: 220px;
    border-radius: 3px;
    outline: 0;
    line-height: normal;
}

.btn-danger, .btn-danger:hover, .pipip-button-white {
    border-bottom: 3px solid #acacac;
    background: #cfcfcf;
}
.btn-success, .btn-success:hover, .pipip-button-green, .pipip-button-orange-inactive-business, .pipip-button-orange, .pipip-button-white {
    height: 36px;
    font-size: 14px;
    color: #fff;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    outline: none;
    font-weight: 600;
    padding: 0px 15px;
    min-width: 100px;
}
.btn-success, .btn-success:hover, .pipip-button-orange {
    border-bottom: 3px solid #eb6a00;
    background: #ff9d34;
}


.zin9{ z-index: 9999}

.latefee-button{
	margin: 0;
    height: 18px;
    padding: 0 10px;
    line-height: 18px;
    font-size: 9px;
    text-transform: uppercase;
    font-weight: 600;
    float: right;	
}

.p_close {
    position: absolute;
    top: 22px;
    right: 22px;
    width: 23px;
    height: 23px;
    background: url(../img/select-clear.png);
}

.tulip-checkbox{display:inline-block;}

.tooltip-table{width: 100%;}

.tooltip-table-w350 .tooltip-inner{max-width:350px !important;}
.tooltip-table-nowrap td{white-space:nowrap !important;}
.tooltip-table-w500 .tooltip-inner{max-width:500px !important;}
.tooltip-table td.nowrap{white-space: nowrap;}

/*********************************************************   group sms   **********************************************************/


.plots-mutli-upload input[type=file]{display:inline-block;}


.regt_div{display: flex;}
.regt_label{    text-align: center!important;
    margin: 0 auto !important;
    float: none!important;
    display: block!important;}
/*.filter-scroll{
	 
    overflow: scroll;
    height: 550px;
 } */
.thead-nowrap th{
	white-space: nowrap !important;
}
.dark-border{border-left: 1px solid #b5b5b5;border-right: 1px solid #b5b5b5;}
.dark-border tr:first-child th{border-top: 1px solid #b5b5b5!important;}
.dark-border .brdr-r{border-right: 3px solid #b5b5b5!important;}
.dark-border tr th{border-top: 0px solid #b5b5b5;}
.dark-border th,.dark-border td{border-right: 1px solid #b5b5b5 !important;border-bottom: 1px solid #b5b5b5!important;}

.block-subhead{font-size: 15px;font-weight: 600;    margin: 0 0 10px 0;}

.charges-block{background: #fdfeff;border: 1px dashed #e6eaee;padding: 20px;border-radius: 5px;}
.value-addon{border: 1px solid #a5a5a5;border-right: 0;font-weight: 700;font-size: 10px;min-width: 80px;}
.value-addon-right{border: 1px solid #a5a5a5;border-left: 0;min-width:initial;padding: 3px 8px 0 8px;}
.value-addon-right input[type="checkbox"]+label{display: inline;padding-left: 12px;}

.form-control-plaintext,
.form-control-plaintext:hover,
.form-control-plaintext:focus {
    display: block;
    width: 100%;
    padding-top: .375rem;
    padding-bottom: .375rem;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: transparent !important;
    border: solid transparent !important;
    border-width: 1px 0;
    box-shadow:none !important;
    outline: none !important;
}

.d-inblock{display: inline-block!important;}
.instamlment-rmv-btn {top: 2px !important;
    right: -18px;
    position: absolute; }

.subhead-btn{    margin-top: 0 !important;
    height: 21px !important;
    line-height: 21px !important;
    min-width: initial !important;
    font-size: 10px !important;}
    .text-lefti{text-align:left !important;}
    
    .tes{border-right:1px solid #e6eaee}
    .tes li a{   display: block;
    clear: both;
    white-space: nowrap;
    padding: 5px 16px;
    color: #333;
    font-size: 13px;
    font-weight: 100;
    line-height: initial;}
    .tes li a p{font-size:10px;}
        .tes li a:hover{background:#f5f5f5;}
.tooltip table.tooltip-align-left tr td:last-child{text-align:left !important}
.cnvrt_emi_heading{
	margin-bottom: 30px;
    text-align: center !important;
    float: none !important;
    display: block;
    color: #354052;
    font-size: 15px;
    font-weight: 600;
    line-height: 25px;
}
.ico-btns > button{border: none;
    background: transparent;}
    .offer-plot-modal .modal-content{position:relative}
     .offer-plot-modal .print-btn{position: absolute;
    right: 1px;
    top: -26px;
    background: #fff;
    border: none;
    outline: none;
    padding: 4px 5px;
    font-size: 12px;border-radius:4px;}
    
    .offer-plot-modal .print-btn:hover{background:#0062b5!important;color:#fff!important;}
    
    .modal-body-title{margin: 0;
    display: block;
    text-align: center;
    font-weight: 400;
    font-size: 24px;
    margin-bottom: 20px;}
    
    
    
    
    .page-header{display:flex;margin:0; padding:9px 0;}
    .page-header h2{margin:0;    font-size: 21px;
    font-weight: 600;
    color: #111e29;}
    
.search-block{display:flex;flex-direction:row;margin-left:auto !important;flex-wrap:wrap;align-items: center;justify-content: flex-end;}
.search-block label{display:block;text-align:left;margin:0;margin-bottom: 4px;font-size: 11px;}
.search-block .form-group{margin-right:10px;}
.search-block .input-group-merge{}
.search-block .input-group-merge input:first-child{border-radius:4px 0 0 4px;border-right:none}
.search-block .input-group-merge input:last-child{border-radius:0 4px 4px 0;border-left:none}
.search-block .input-group-addon{background:rgba(0, 0, 0, 0.03);border-left:none;border-right:none;border-top:1px solid #ddd;border-bottom:1px solid #ddd;color:rgba(0,0,0,0.4);
font-weight: 600;font-size: 10px;width: 30px;padding: 0;height: 30px;line-height: 28px;}
.search-block select, .search-block input{margin: 0!important;padding: 0 10px;width:130px !important;font-size: 13px;}

.search-block .clearable{width:180px !important;}

.search-block .daysRange input, .search-block .perPage select{width:80px !important}


.table-nowrap td{white-space: nowrap;}

.modal .ordered-list-items td{padding:6px 10px !important;}


.sidebar span {
    font-size: 13px;
    color: #525f7f;
    margin-bottom:6px;
    display: inline-block;
}
.sidebar span em {
    color: #0062b5;
    display: block;
    font-style: normal;
    font-weight: 600;
}

.sidebar-table thead th{background:#333;color:#FFF!important;}
.sidebar-table tbody td:first-child{color:#333;}

.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}

span.seperator{width:100%; background:#eee; height:1px;margin-top:10px;margin-bottom:0px;}

.input-group-merge{width:100%;display:flex;}
.input-group-merge .w80{width:90px !important}
.input-group-merge .form-control:first-child{border-right:none !important;}

.top-border{border-top:1px solid #b5b5b5 !important; }
/* .booking-create .form-control{width:70%;} */
.booking-create .date .form-control{width:102px;}
.text-nowrap{white-space: nowrap !important;}
.booking-intro{ display:flex!important; flex-direction:row;}
.booking-intro li{padding:0 15px!important;}
.d-flex{display:flex!important;    align-items: center;}
.bkg-receipts-bottom td { font-weight:bold !important; background: aliceblue;}


/*!=======================================================
 					REPORTS PAGE STYLING
========================================================*/
.reports-list-items{padding:15px;margin:10px 0 0 0}
.reports-list-items li a{display:flex;padding:20px 15px;border-bottom:1px solid rgba(230,234,238,0.4);text-decoration:none!important}
.reports-list-items li a:hover{background:#eaf5ff;text-decoration:none!important}
.reports-list-items .reports-icon{float:left;margin-right:15px}
.reports-list-items li a h3{color:#223;font-size:15px;font-weight:600;padding-top:7px;letter-spacing:inherit}
.reports-list-items li a h3 span{color:#808080;font-size:13px;font-weight:400;display:block;margin-top:5px;line-height:16px;letter-spacing:inherit}
.reports-list-items li a:hover h3{color:#0062b5}


.payment-menu{display:inline-block;padding:0;margin:0}
.payment-menu li{float:left;margin-right:30px}
.payment-menu li a{font-size:12px;color:#2f3136;font-weight:600;text-transform:uppercase;line-height:20px;position:relative;display:block}
.payment-menu li a:hover{text-decoration:none!important;}
.payment-menu li a:hover:after,.payment-menu li.active a:after{ content:'';position:absolute;bottom:0;background:#0062b5;left:0;width:100%;height:3px;border-radius:5px}


.watermark {
   position: absolute;
   opacity: 0.25;
   font-size: 12em;
   text-align: center;
   z-index: 9999999999;
   transform: rotate(-45deg);
   top: 300px;
   left: 0;
   right: 0;
   bottom: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   text-transform: Uppercase;
   font-weight: 600;
   color: #000 !important;
   height: 200px;
}
.bkg-cancel-color *{color:#da6c6c!important;}
.slipt-dues {border-top:1px solid;display:block; }
.expected-tr td{color:#2b26ff !important;padding: 5px 10px!important;}
.expected-tr  td:first-child{color:#2196f3 !important;}
.actual-tr td{color:#dc4a0f !important;}

.tab-header-right-cont{justify-content:flex-end;align-items:center;}
.tab-header-right-cont .form-group{margin-right:20px;margin-bottom:0;}
.tab-header-right-cont .form-group label{margin-right:6px;}
.cashFlow-legend li{position:relative;padding-left:15px;display:inline-block;font-size: 12px;font-weight: 600;}
.cashFlow-legend li:first-child{margin-right:15px;}
.cashFlow-legend li:before{content:'';position:absolute;left:0;top:50%;margin-top:-4px;width:8px;height:8px;border-radius:50%;}
.cashFlow-legend li:nth-child(1):before{background:#2b26ff;}
.cashFlow-legend li:nth-child(2):before{background:#dc4a0f;}


.rowspan-table{}
.rowspan-table th,.rowspan-table td{border-right:1px solid #e6eaee !important;}
.rowspan-table th{}
.rowspan-table td{}

.rowspan-table .actual-tr td,
.rowspan-table .expected-tr td:first-child{border-bottom:2px solid #dadada !important;}


.casflow-filters{}

.casflow-filters .form-group{margin-bottom:0 !important;}




.thead-light th{background:#e2e0e0 !important;padding-top: 6px !important;padding-bottom: 6px !important;}

.cashflow-table{}
.cashflow-table th{font-size:12px !important;font-weight: bold !important;text-transform: none !important; background: #f5f8fa!important}
.cashflow-table td{border-color:#e7e9ed!important;height:26px !important;padding:3px 10px!important}
.cashflow-table .actual-tr td{border-bottom:2px solid #e7e9ed!important}

.cashflow-table .actual-tr td, .cashflow-table .expected-tr td:first-child{border-bottom:2px solid #e7e9ed!important}
.justify-content-center{justify-content:center}

.multiselect-container.dropdown-menu>.active>a,
.multiselect-container.dropdown-menu>.active>a:focus,
.multiselect-container.dropdown-menu>.active>a:hover {
    color: #333 !important;
    text-decoration: none;
    background-color:#fff !important;
    outline: 0;
}

.casflow-filters .multiselect-native-select{width:250px !important;}

.border-right{border-right:1px solid #000;}

.reciept-status-9 {
    background: #f7883e!important;
}

.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
    padding: 5px !important;
}

.table-bordered-tl{
	border-top:1px solid grey; border-left:1px solid grey;
}
.table-condensed>tbody>tr>td.indent-td {padding-left:30px!important;}

.bootstrap-select-w100 .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:100%;}

.payment-via-api{color:#930000 !important;}
.payment-failure-tooltip .tooltip table tr td{text-align:left!important;} 
.payment-failure-tooltip .tooltip table tr td p{display:block;margin-bottom:5px;}
.payment-failure-tooltip .tooltip table tr td small{display:block;width:100%;border-bottom:1px solid rgba(255, 255,255,0.3);     padding-bottom: 1px;margin-bottom: 3px;}
.payment-failure-tooltip .tooltip table tr:last-child td small{border:none!important;}


.reciept-status-9{background:#f7883e!important}
.booking-reciept-status-8{color:#ff7600}