﻿/*body{background:#fff}*/
:root {
    --margin-left-main: /*255px*/ 60px;
    --header-height: 50px;
    --left-nav-width: 60px;
    --bread-crumb-height: 32px;
    --main-toolbar-height: 35px;
    --page-head-height: 61px;
    --paging-height: 32px;
    --header-sidebar-bg: #e9e9e9;
    --content-bg: #f6f6f6;
    --form-pane-bg: #fff;
    --theme-main-color: #00acc1;
    --theme-main-color-light: #a0dee5
}
html{overflow-y:hidden;width:100vw}
body{background:var(--content-bg)}
.popup-body{background__:#fff}
.panel-heading{background:none; border-bottom:solid 1px #aaa;padding: 5px 5px 5px 10px;margin-bottom:10px}
.panel{border:none}
td,th{padding:3px}
a{color:#007280}
.px-nav-left~.px-navbar{left:60px}
.navbar-header{padding:0px 20px 0px 0px;}
#toast-container {top:24px;}
/**Login Page**/
.login-logo{
    width: 100%;
    height: 32px;
    display:block;
    white-space:nowrap;
    text-align:center;
    margin:0px 0px 45px 0px;
}
.login-logo a{color:#000;font-size:32px;font-weight:bold}
.login-logo img{height:100%;margin-right:10px}
.login-box h2{margin:0px 0px 30px 0px; color:#000;font-size:24px;font-weight:400;text-align:center}
.login-box .panel{background:none;border-top:solid 1px #ddd}

.page-signin-header {box-shadow: 0 2px 2px rgba(0,0,0,.05), 0 1px 0 rgba(0,0,0,.05);}
.page-signin-header .btn {
    position: absolute;
    top: 12px;
    right: 15px;
}
html[dir="rtl"] .page-signin-header .btn {
    right: auto;
    left: 15px;
}
.page-signin-container {
    width: auto;
    margin: 30px 10px;
}
.page-signin-container form {
    border: 0;
    box-shadow: 0 2px 2px rgba(0,0,0,.05), 0 1px 0 rgba(0,0,0,.05);
}
@media (min-width: 544px) {
    .page-signin-container {
    width: 350px;
    margin: 90px auto;
    }
}
.page-signin-social-btn {
    width: 40px;
    padding: 0;
    line-height: 40px;
    text-align: center;
    border: none !important;
}
#page-signin-forgot-form { display: none; }
.no-perm-msg {width: 100%;text-align:center;padding: 30px;font-size:16px}
.no-perm-msg i{font-size:24px;color:red}
/***Sigin Page***/

.row2{margin-left:0px;margin-right:0px}
.number-input,.number-2-dec-input{text-align:right}
.w-h-0{width:0px;height:0px;overflow:hidden!important}
.pagination > li.active > a, .pagination > li.active > a:active, .pagination > li.active > a:focus, .pagination > li.active > a:hover, .pagination > li.active > span {
    color: #fff;
    border-color: #00acc1;
    background: #00acc1;
}
.full-page{overflow-y:auto;overflow-x:hidden}
.display-on-edit{display:none}
.nicescroll-rails{z-index:1056!important}
table.dataTable tr:focus{outline: none;}
.underline{border-bottom:solid 1px #ddd!important}
.upload_progress_container{width:100%;height:10px; background:#def0f6;display:none}
.upload_progress{width:0px;height:100%; background:#79a1cd}
.btn.active, .btn:active, .open > .btn.dropdown-toggle, fieldset[disabled] .btn.active {box-shadow:none;-webkit-box-shadow:none} /*reset default*/
    .dropdown-arrow > a:after, .dropdown-arrow.drop-down-toggle > a:after {
    position: absolute;
    top: 50%;
    right: 5px;
    display: block !important;
    width: 5px;
    height: 5px;
    margin-top: -3px;
    content: '';
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    border-width: 1px 1px 0 0 !important;
    border-style: solid !important;
    border-right: solid 1px!important;
    border-color:#000;
    border-left: none!important;
}
.px-nav-dropdown>a:after{right:17px}
.px-nav-animate .px-nav-label{line-height:22px;}
.dropdown-menu,.px-navbar .dropdown-menu{border:none;z-index:1100;padding:15px!important;box-shadow: 0 2px 8px 0 rgba(0,0,0,0.16), 0 0 1px 0 rgba(0,0,0,0.16);}
.dropdown-menu-title,.px-navbar .dropdown-menu-title{border-bottom:solid 1px #eee!important;padding-bottom:5px;margin-bottom:10px!important} 
.dropdown-menu-title h4{margin:0px 0px 0px 40px;font-size:14px}
.dropdown-menu-title .sub-title{display:block;margin:0px 0px 0px 40px;padding:0px}
.dropdown-menu>li>a{padding: 5px 0px 5px 5px;}
.dropdown-menu>li>a:hover{background-color:#eee!important}
.date-input{background:url(/assets/images/calendar.png) center right 5px no-repeat}
.address-col i{font-size: 16px;}
.font-icon{position:relative;padding-left:20px}
.font-icon:before {
    content: '';
    font-family:LineAwesome;
    text-align: left;
    line-height: 20px;
    font-size: 16px;
    font-weight: 300;
    color: #000;
    vertical-align: middle;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0px;
    left: 0px
}
.font-icon.fi-fax:before {content:'\f1dc'}
.font-icon.fi-phone:before {content:'\f2b3'}
.font-icon.fi-mobile:before {content:'\f292'}
.font-icon.fi-email:before {content:'\f1c6'}
.font-icon.fi-check:before {content:'\f17b'}
.font-icon.fi-website:before {content:'\f0ac'}
.font-icon.fi-map-pin:before {content:'\f041'}

    /*.px-content{position:absolute;top:0px;bottom:0px;right:0px;left:0px;}*/
    /***General End**/
    .top-nav-dropdown-menu {
        width: 300px
    }
.app-logo {
    box-shadow: none;
    -webkit-box-shadow: none;
    height:50px;
    width: 55px !important;
    text-align:center;
    line-height:50px
}
.app-logo-img{width:24px;}
.px-nav-toggle {
    box-shadow: none;
    -webkit-box-shadow: none;
    width: 55px !important;
    background-color: #fff;
    background: #fff;
}
.px-nav{background:#fff /*#1F262D*/;border-right:solid 0px #eee}
.px-nav-content{list-style-type:none;height:100%}
.px-nav .navbar-toggle-icon {position: absolute;left: 18px;}
.navbar-toggle-icon, .navbar-toggle-icon:after, .navbar-toggle-icon:before {
    width: 18px;
    height: 1px;
    background: #000!important;
    color:#000!important
}
.px-navbar .navbar-nav a:hover,.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background:none}
.px-nav-root{width:var(--margin-left-main)}
@media (min-width: 992px) {
.px-nav-left.px-nav-root ~ .px-content {margin-left: var(--margin-left-main)}
.px-nav-left.px-nav-root ~ .px-nav-active ~ .px-content {margin-left: var(--margin-left-main);}
.px-nav-left-active ~ .px-content {margin-left: var(--margin-left-main)!important;}

.px-nav-dropdown-menu .px-open > a, .px-nav:not(.px-nav-root) .px-open > a {color: #444;}}
.px-nav-item.active>a {color__: #fff!important;background:initial}
.px-nav-dropdown.active>a .px-nav-icon, .px-nav-item.active>a .px-nav-icon {color: #444;}
.px-nav-dropdown.clicked>a .px-nav-icon, .px-nav-item.clicked>a .px-nav-icon {color: #444!important;}


.px-nav-content li.divider{margin:0px 0px 5px 0px!important;height:1px;overflow:hidden;display:block;border-top:solid 1px #ccc}
.px-nav-active .px-nav-content li.divider{border-top:solid 1px #eee}
.hidden{display:none!important}
.px-navbar{box-shadow:none;-webkit-box-shadow:none}
.px-nav-left{z-index:1080;background-color:var(--header-sidebar-bg); /*#292f4c*/}
.px-nav-left:hover{z-index:1082}
.px-nav-left, .px-nav-left .px-nav-item a {color: #fff;}
.px-nav-left:hover, .px-nav-left .px-nav-item a:hover {color: #fff;}
.px-nav-left .px-nav-item.active>a {color: #000!important;}
.px-nav-left ul>li.clicked>a{background:#ddd}
.px-nav-left-sub{left:60px;bottom:0px; width: calc(90% - var(--left-nav-width));z-index:500}
.px-nav-left-sub .px-nav-scrollable-area {padding-top_:50px}
.px-nav-hover{z-index:1060;display:none;}
@media (min-width: 992px) {
.px-nav-content > .px-nav-item {width: initial;}
.px-nav-content > .px-nav-item.px-nav-sub-item a{padding-left:30px}
.px-nav-content > .px-nav-item.px-nav-sub-item.active a{margin-right:0px;border-right:solid 5px #aaa}
}
.px-nav-dropdown-menu {background: none;}
.px-nav-item a:hover:before, .px-nav-item.active:not(.px-nav-dropdown)>a:before {
     /*background: #3d4a5d;
     width:7px;*/
     background:none;width:0px;
}
.px-nav-left-sub .px-nav-item.active a:before /* ,.px-nav-left-sub .px-nav-item.active:not(.px-nav-dropdown)>a:before*/ {
background_:#ff4200;width:5px;left:auto;right:0px}
.px-nav-left-sub .px-nav,.px-nav-left-sub .px-nav-item a {color: #000;}
.sub-nav-title{padding:10px 15px 10px 15px;margin:0px 0px 10px 0px;border-bottom:solid 1px #ccc;font-weight:400;font-size:22px;line-height:32px;color:#000;height:52px}
.sub-nav-sub-title{padding:5px 10px 5px 10px;margin:0px 0px 10px 0px;border-bottom:solid 1px #ccc;font-weight:600;font-size:16px;line-height:32px;color:#000;}
.sub-nav-sub-title>span{color:#444;font-weight:bold;font-size:14px;}
.sub-nav-sub-title>span>i{padding-right:15px;width:26px;height:24px; line-height:32px;float:left;font-size:22px;color:var(--theme-main-color)}
.sub-nav-content-row{height:calc(100% - var(--header-height) - 62px);}
.sub-nav-column{margin:0px 0px 10px 0px}
.sub-nav-column-main{height:100%;border-right:solid 1px #ccc;}
.sub-nav-column-main .sub-nav-column{margin:0px 0px 0px 15px;height:100%}
.px-nav-left-sub .sub-section-menu-item a{padding: 8px 16px 8px 16px;font-size:13px;color:#000!important}
.px-nav-left-sub .main-sub-nav-column .sub-section-menu-item a{border-bottom:solid 1px #ddd}
.px-nav-left-sub .sub-section-menu-item a:hover{background:#ddd;text-decoration:none!important}
.px-nav-left-sub .px-nav-item.active>a,.px-nav-left-sub .px-nav-item>a:hover {color:#000!important}
.px-nav-left-sub ul>li{width:initial!important}
.px-nav-left-sub ul>li>a{width:initial;padding:8px 17px 8px 17px}
.px-nav-left-sub .px-nav-dropdown-menu .px-nav-item>a {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left:30px;
    text-decoration: none;
}
.header{background-color:var(--header-sidebar-bg) ;z-index:1089}
.px-navbar .navbar-collapse{background-color:transparent}
.px-navbar .navbar-header {background-color:transparent;min-width:auto!important}
    button .system-nav-close {
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 1;
    color: #aaa;
    text-shadow: none;
    font-weight: 300;
    font-size: 22px
}
.navbar-header a:hover{color:initial!important}
button.system-nav-close:hover {
    color: #fff;
    opacity: 1
}
.px-nav-toggle.active{background:#ddd;}
.system-nav{top:50px;width:180px;z-index:1060;background:#ddd;}
.system-nav .system-nav-menu-item{margin-left:15px}
.system-nav .px-nav-dropdown-menu-title,.system-nav .system-nav-menu-item>a 
{color:#000;display: block;padding: 6px 15px 6px 15px;text-decoration: none;}
.system-nav .system-nav-menu-item:hover>a {background:#f6f6f6;color:#000}
.system-nav .section-title{color:#000}
.system-nav ul.px-nav-content>li.px-nav-dropdown{border-bottom:solid 1px #425063;}
.system-nav ul>li>span{font-weight:bold!important}
.system-nav-sub{display:none!important;left:180px;width:180px;padding:0px; top:50px;background:#f6f6f6;z-index:1060;position:fixed;list-style:none;
/*box-shadow: 9px 1px 11px -1px rgba(0,0,0,0.62);*/
}
.system-nav-sub li.system-nav-sub-menu-item>a{padding: 6px 15px;color:#000;margin-left:15px}
.system-nav-sub li.system-nav-sub-menu-item:hover>a{text-decoration:underline;color:#000}
.system-nav-menu-item:hover .system-nav-sub{display:block!important}
li.company-name{margin-right:30px;height:20px;margin-top:15px;margin-right:0px; border-left:solid 1px #ddd!important;border-right:none!important}
li.company-name>a{height:20px;line-height:20px}
li.company-name>a:empty{display:none}
ul.navbar-nav {height: var(--header-height)}
ul.navbar-nav {height:var(--header-height)}
.user-initial {
    position: relative;
    top: 25px;
    display: block;
    float: left;
    height: 30px;
    width:30px;
    line-height: 30px;
    margin: -15px 8px 0;
    border-radius_: 999px;
    background: #00acc1;
    text-align:center;
    padding:0px;
    color:#fff;
}
.dropdown-menu .user-initial {top:0px;left:0px;margin:0px}
.top-nav-search-control{border:none!important;width:200px!important}
.root-nav > li {
    margin-top: 13px !important;
    border: none !important;
    margin-right: 5px
}
.root-nav>li>a{
    height: 40px;
    line-height: 40px;
}
.nav li.active>a,.nav li.active>a:hover{background:#f6f6f6;color:#000}
.company-name>a{font-size:14px;}

.px-nav-item.root-menu-item>a{padding:32px 0px 5px 0px;text-align:center;color:#000;font-weight:500;font-size:9px}
.px-nav-item>a:hover{text-decoration:underline}
.px-nav-root .px-nav-content>.px-nav-item>a .px-nav-label {display:block;}
.px-nav-root .px-nav-content>.px-nav-item.root-menu-item>a .px-nav-label{display_:none}
.root-menu-item>a,.root-menu-item>a:hover,.px-nav-item .root-menu-item.active>a,.root-menu-item.active>a{ background-position: center 10px!important;color:#000;text-decoration:none;}
.root-menu-item>a.payable,.root-menu-item>a.payable:hover,.root-menu-item.active>a.payable{background-image:url(/assets/images/payable.png);background-repeat:no-repeat}
.root-menu-item>a.receivable,.root-menu-item>a.receivable:hover{background-image:url(/assets/images/receivable.png);background-repeat:no-repeat}
.root-menu-item>a.sale{background-image:url(/assets/images/sale.png);background-repeat:no-repeat}
.root-menu-item>a.purchasing,.root-menu-item>a.purchasing:hover,.root-menu-item.active>a.purchasing{background-image:url(/assets/images/purchasing.png);background-repeat:no-repeat}
.root-menu-item>a.bank,.root-menu-item>a.bank:hover,.root-menu-item.active>a.bank{background-image:url(/assets/images/bank.png);background-repeat:no-repeat}
.root-menu-item>a.inventory,.root-menu-item>a.inventory:hover,.root-menu-item.active>a.inventory{background-image:url(/assets/images/inventory.png);background-repeat:no-repeat}
.root-menu-item>a.product,.root-menu-item>a.product:hover,.root-menu-item.active>a.product{background-image:url(/assets/images/product.png);background-repeat:no-repeat}
.root-menu-item>a.asset,.root-menu-item>a.asset:hover,.root-menu-item.active>a.asset{background-image:url(/assets/images/asset.png);background-repeat:no-repeat}
.root-menu-item>a.distrib,.root-menu-item>a.distrib:hover,.root-menu-item.active>a.distrib{background-image:url(/assets/images/distrib.png);background-repeat:no-repeat}
.root-menu-item>a.garage,.root-menu-item>a.garage:hover,.root-menu-item.active>a.garage{background-image:url(/assets/images/garage2.png);background-repeat:no-repeat}
.root-menu-item>a.settings,.root-menu-item>a.settings:hover,.root-menu-item.active>a.settings{background-image:url(/assets/images/System.png);background-repeat:no-repeat}
.root-menu-item>a.book,.root-menu-item>a.book:hover,.root-menu-item.active>a.book{background-image:url(/assets/images/book.png);background-repeat:no-repeat}
.root-menu-item>a.tax,.root-menu-item>a.tax:hover,.root-menu-item.active>a.tax{background-image:url(/assets/images/tax.png);background-repeat:no-repeat}
.root-menu-item>a.humanres,.root-menu-item>a.humanres:hover,.root-menu-item.active>a.humanres{background-image:url(/assets/images/humanres.png);background-repeat:no-repeat}
.root-menu-item>a.logistics,.root-menu-item>a.logistics:hover,.root-menu-item.active>a.logistics{background-image:url(/assets/images/logistics.png);background-repeat:no-repeat}

.root-menu-item.active>a.receivable,.root-menu-item.active>a.receivable:hover,.root-menu-item.active>a.receivable{background-image:url(/assets/images/receivable_c.png);background-repeat:no-repeat}
.root-menu-item.active>a.sale,.root-menu-item>a.sale:hover,.root-menu-item.active>a.sale{background-image:url(/assets/images/sale_c.png);background-repeat:no-repeat}
.root-menu-item.active>a.garage,.root-menu-item>a.garage:hover,.root-menu-item.active>a.garage{background-image:url(/assets/images/garage2_c.png);background-repeat:no-repeat}
.root-menu-item>a.settings:hover,.root-menu-item.active>a.settings{background-image:url(/assets/images/system_c.png);background-repeat:no-repeat}
.root-menu-item>a.book:hover,.root-menu-item.active>a.book{background-image:url(/assets/images/book_c.png);background-repeat:no-repeat}
.root-menu-item>a.payable:hover,.root-menu-item.active>a.payable{background-image:url(/assets/images/payable_c.png);background-repeat:no-repeat}
.root-menu-item.active>a.receivable,.root-menu-item>a.receivable:hover{background-image:url(/assets/images/receivable_c.png);background-repeat:no-repeat}
.root-menu-item>a.bank:hover,.root-menu-item.active>a.bank{background-image:url(/assets/images/bank_c.png);background-repeat:no-repeat}
.root-menu-item>a.asset:hover,.root-menu-item.active>a.asset{background-image:url(/assets/images/asset_C.png);background-repeat:no-repeat}
.root-menu-item>a.purchasing:hover,.root-menu-item.active>a.purchasing{background-image:url(/assets/images/purchasing_c.png);background-repeat:no-repeat}
.root-menu-item>a.product:hover,.root-menu-item.active>a.product{background-image:url(/assets/images/product_c.png);background-repeat:no-repeat}
.root-menu-item>a.inventory:hover,.root-menu-item.active>a.inventory{background-image:url(/assets/images/inventory_c.png);background-repeat:no-repeat}
.root-menu-item>a.tax:hover,.root-menu-item.active>a.tax{background-image:url(/assets/images/tax_c.png);background-repeat:no-repeat}
.root-menu-item>a.humanres:hover,.root-menu-item.active>a.humanres{background-image:url(/assets/images/humanres_c.png);background-repeat:no-repeat}
.px-nav-root .px-nav-content>.px-nav-item>a{display:block;}

.root-menu-item.active>a{background-color:var(--content-bg);color:#000}
.root-menu-item .section-nav{display:none!important;top:var(--header-height);background:#fff;bottom:0px;
/*box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.5);*/
box-shadow:4px 3px 5px #ddd
}
.root-menu-item.active:hover>a,.root-menu-item:hover>a{background-color:#fff;color:#000;}
.root-menu-item.px-nav-item:hover a{color:#000}
#left_nav.clicked .root-menu-item:hover .section-nav{display:block!important;}

.sub-section-nav{display:none;left:275px;width:180px; top:50px;background:#eee;z-index:1060;position:absolute;}

.section-menu-item:hover .sub-section-nav{display:block}
/*.px-nav-left-sub ul>li.section-menu-item{background:url(/assets/images/bank.png) 10px center no-repeat}*/
.px-nav-left-sub ul>li.section-menu-item:hover{background-color:#eee}

.px-nav-root .px-nav-content>.px-nav-item.section-menu-item{margin-left:10px; }
.px-nav-root .px-nav-content>.px-nav-item.section-menu-item>a{text-align:left;padding-left:10px;line-height:24px}
.px-nav-root .px-nav-content>.px-nav-item.section-menu-item>a>span>i{padding-right:15px;width:30px;height:24px; line-height:24px;float:left;font-size:20px;color:#444}
.px-nav-root .px-nav-content>.px-nav-item.sub-section-menu-item{margin-left:5px; }
.px-nav-root .px-nav-content>.px-nav-item.sub-section-menu-item.hover{margin-left:15px;}
.px-nav-content>.px-nav-item.sub-section-menu-item>a{text-align:left;}
/*.px-nav-content>.px-nav-item.sub-section-menu-item.hover>a{padding-left:35px}*/
.px-nav-content>.px-nav-item.sub-section-menu-item.hover:hover{background-color:#f6f6f6}

.last-section-nav{display:none;left:415px;width:205px; top:50px;background:#f6f6f6;position:absolute;}
.px-nav-item.sub-section-menu-item.px-nav-dropdown>a{text-align:left;padding-left:10px;line-height:20px}
.px-nav-item.sub-section-menu-item>a>span>i{padding-right:15px;width:25px;height:20px; line-height:20px;float:left;font-size:20px;color:#444}
.sub-section-menu-item:hover .last-section-nav{display:block}
.px-nav-content>.px-nav-item.last-section-menu-item>a{text-align:left;margin-left:5px}

.px-nav-active{width:200px;background:#fff;z-index:1080;top:50px;width:0px;display__:none!important; overflow:hidden;transition:width 0.5s;
               box-shadow:0 2px 8px 0 rgb(0 0 0 / 16%), 0 0 1px 0 rgb(0 0 0 / 16%);
}
.px-nav-active.side-nav-active-visible{display:block!important;width:230px; transition:width 0.3s;border-right_:solid 5px #e6e6e6;z-index:1081}
.side-nav-toolbar{margin: 5px 0px 0px 10px}
.toolbar.side-nav-toolbar .btn-sm:hover{background:#fff!important}
.px-nav-active .px-nav-content{overflow:initial!important}
.px-nav-content>.px-nav-item.active-section-menu-item{width:220px!important;}
.px-nav-content>.px-nav-item.active-section-menu-item{margin-left:5px;}
.px-nav-content>.px-nav-item.active-section-menu-item.hover{margin-left:10px; }
.px-nav-content>.px-nav-item.active-section-menu-item.hover>a{padding-left:5px}
.px-nav-content>.px-nav-item.active-section-menu-item.hover:not(.px-open):hover{background-color:#f6f6f6}
.px-nav-content>.px-nav-item.active-section-menu-item.active{position:relative}
.px-nav-content>.px-nav-item.active-section-menu-item.active:after{content:'';position:absolute;width:5px;height:100%;right:-5px;top:0px;background:#aaa}
.active-section-nav{display:none;left:/*var(--margin-left-main)*/ 285px;width:180px; top:50px;background:#f6f6f6;z-index:1060;position:absolute;}
.active-section-menu-item:hover:not(.px-open) .active-section-nav{display:block}
.px-nav-active span.px-nav-label>i{padding-right:15px;width:28px;height:22px; line-height:22px;float:left;font-size:20px;color:#444}
.root-nav-expanded{width_:100px}
#left_nav_menu{position: relative;z-index: 2;float: none;overflow: hidden;overflow-y:hidden; width: 100%;height: calc(100% - 50px); margin: 0px 0px 0px 0px;padding: 40px 0px 0px 0px;}
#left_nav .nicescroll-rails.nicescroll-rails-vr{left:-2px!important}
/****** Nav End ******/

@media (min-width: 992px) {
    .px-nav-left:not(.px-nav-collapse) ~ .px-navbar .navbar-header{background-color:transparent}
    .px-nav-left.px-nav-root ~ .breadcrumbs-bar {
        margin-left: 56px;
    }
    .px-nav-active ~ .breadcrumbs-bar {
        margin-left:var(--margin-left-main)!important;
    }
}
@media (min-width: 992px) {
.breadcrumbs-bar{height:32px;top:50px;position:fixed;left:0px;right:0px;background:#fcfcfc;z-index:50;border-bottom:solid 1px #f0f0f0}
}
/*.page-breadcrumb {
    margin:0px;
    padding: 6px 20px;
    border-radius: 0;
    border-bottom:none;
}*/ /* Old bread crumbs bar */

.page-breadcrumb {margin:0px;padding: 0px;border-radius: 0;border-bottom:none;float:left;height:var(--header-height);}
.breadcrumb li {margin-top:15px;height:20px}
.breadcrumb li:first-child{border-left:solid 1px #d0d0d0;padding-left:15px}
.breadcrumb li span{color:#404040}
.breadcrumbs-bar ~ .px-content {margin-top: 82px;}
/****** breadcrumbs End ******/
.dist-container{margin__: 10px;}
.px-content{padding:0px;margin-top:1px}
.content{background:var(--content-bg);}

/*.page-header,.page-header:not(.panel){margin:0px;padding:15px 20px 15px 20px;border-bottom:none;background_:#f6f6f6;}*/
.page-header,.page-header:not(.panel){top:85px;position:fixed;left:0px;right:0px;z-index:1055; background:var(--content-bg);margin:0px;height:45px;
padding:8px 20px 5px 15px;border-bottom:none;-webkit-box-shadow___: 0px 3px 3px -1px #eee;-moz-box-shadow___: 0px 3px 3px -1px #eee;box-shadow__: 0px 3px 3px -1px #eee
}
body.form-main-scrolled .page-header{box-shadow: 0px 4px 4px -1px #ccc}
body.form-main-tabbed-scrolled .form-tabs{box-shadow: 0px 4px 4px -1px #ccc}
.embed-body .page-header, .embed-body .page-header:not(.panel){padding:8px 15px 10px 15px;}
.page-header.page-header-with-tabs{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}
.list-header{-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important}
.page-header h1{font-weight:400;font-size:22px;color:#000}
.page-header h1 span.sub-title{font-size:18px;color:#404040!important;border-left:solid 1px #ccc;margin:0px 0px 0px 10px;display:inline-block;line-height:18px}
.page-header h1 span.sub-title:empty{display:none}
.page-header .form-extra-info{float:right;margin:12px 30px 0px 0px;}
.page-header .form-extra-info .form-doc-status{font-weight:400;color:#000;font-size:12px;float:left}
.page-header .form-extra-info .form-doc-status:before{height:16px;font-size:16px;border-radius_:2px;font-weight:600; width:15px;line-height:15px;text-align:center;top:3px}
.page-header .form-extra-info .form-doc-status:empty{display:none}
.page-header .form-extra-info .form-doc-status.doc-status-Open{}
.page-header .form-extra-info .form-doc-status.doc-status-Open:before {font-family:Line Awesome Free;content:"\f2b6";color:#f06a6a;background_:_#f1bd6c}
.page-header .form-extra-info .form-doc-status.doc-status-Posted:before {font-family:Line Awesome Free;content:"\f0e0";color:#08cf65;background_:#08cf65}
.page-header .form-extra-info .form-doc-status.doc-status-Confirmed:before {font-family:Line Awesome Free;content:"\f00c";color:#3f66ba;background_:#3f66ba}

.embed-body .page-header h1{font-weight:400;font-size:18px;color:#000;line-height:25px}
.main-toolbar{top:50px;padding-left:10px;position:fixed;left:0px;right:0px;height:36px;z-index:1056;background:var(--content-bg);border-bottom:solid 0px #f0f0f0;border-top:solid 5px var(--content-bg);
        /*-webkit-box-shadow: 0px 3px 3px -1px #eee;
-moz-box-shadow: 0px 3px 3px -1px #eee;
box-shadow: 0px 3px 3px -1px #eee*/}
.main-toolbar .main-toolbar-left {padding-left:38px;margin:5px 0px 0px 0px}
.main-toolbar .main-toolbar-right{margin:0px 15px 0px 0px}
.main-toolbar.embed-toolbar .btn-toolbar {padding-left:0px}
.form-tabs{top:130px;position:fixed;left:0px;right:0px;height:30px;z-index:1055;padding:0px 15px 0px 15px;
           border-bottom:solid 0px #ccc;background:var(--content-bg);margin-left:calc(var(--margin-left-main) + 0px)!important;margin-right:0px}
.form-tabs>li>a{margin:0px 20px 0px 0px}
.form-tabs>li>a{height:30px;padding:0px;line-height:30px;color:#000}
.form-tabs:after__{content:'';position:absolute;height:1px;bottom:0px;right:15px;left:15px;border-bottom:solid 1px #ccc}
.nav.nav-tabs.form-tabs>li.active>a,.nav.nav-tabs.form-tabs>li:hover>a{border:solid 0px #eee;font-weight:600; border-bottom: solid 2px var(--theme-main-color)!important;color:#000;background:none;}
.popup-body #main-tabs{top:80px;margin:0px 0px 0px 0px!important}
.px-nav-left.px-nav-root ~ .main-toolbar, .px-nav-left.px-nav-root ~ .page-header,.px-nav-left.px-nav-root ~ #main-tabs,.px-nav-left.px-nav-root ~ #info_bar{margin-left: /*56px*/ var(--margin-left-main)!important;}
.px-nav-active ~ .main-toolbar,.px-nav-active ~ .page-header,/*.px-nav-active ~ #main-tabs,*/.px-nav-left.px-nav-root ~ #info_bar{margin-left: var(--margin-left-main)!important;}
.page-header + .px-content{margin-top:138px;}
.main-toolbar + .page-header + .px-content{margin-top:130px;}
#main-tabs ~ .px-content{margin-top:177px;}
#main-tabs ~ .popup-content.px-content{margin-top:126px;}
.popup-body .main-toolbar{top:0px}
.popup-body .main-toolbar ~ .px-content{margin-top:80px}
.popup-body .page-header,.popup-body .page-header:not(.panel){top:34px}

.embed-content.px-content{margin-top:112px}
.embed-body .main-toolbar ~ .px-content{margin-top:80px}
.embed-body .main-toolbar{top:0px}
.embed-body .page-header,.embed-body .page-header:not(.panel){top:34px}

.btn-toolbar{margin:0px}
ul.btn-toolbar {display: inline;list-style-type:none;padding:0px;}
ul.btn-toolbar>li{display: block;float:left}
ul.btn-toolbar.main-toolbar-right>li{float:left;margin: 0px 5px 0px 0px}
ul.btn-toolbar>li.separator{border-right:solid 1px #bbb;width:1px;height:24px;margin:0px 10px 0px 0px;}
/*.btn-sm{height:38px;width:48px;line-height:38px;border:none;margin:0px;font-size:16px; margin-left:0px!important;padding:0px;border-radius:0px;border-right:solid 1px #ddd}*/
.btn[disabled]{background:none!important}
.btn-sm{height:24px;width:auto;position:relative;line-height:24px;border:none;color:#000;margin:0px 10px 0px 0px;font-size:13px; padding: 0px 5px 0px 0px;border-radius:0px;background:none!important;}
.btn-sm.btn-no-text{padding: 0px 0px 0px 0px!important;height:28px;width:28px;margin:0px 0px 0px 0px!important;}
.btn-sm.btn-no-text i{font-size:20px!important}
.btn-sm.btn-close{margin-right_:5px!important;padding:0px;width_:30px}
.toolbar .btn-sm.btn-round {width:24px;height:24px;display:block;padding:0px!important;margin: 0px 10px 0px 0px!important;border-radius:12px}
.toolbar .btn-sm.btn-round i{border-radius:12px;margin:0px}
.toolbar .btn-sm.btn-round.btn-new i{background:#b36bd4!important;color:#fff!important;border:none!important;margin:1px 0px 0px 1px}
.toolbar .btn-sm.btn-round.btn-new i:before{line-height:24px}
.toolbar .btn-sm.btn-round.btn-save i{ /*border:solid 1px #258750!important;color:#258750!important*/background:#258750;color:#fff}
.toolbar .btn-sm.btn-round.btn-save i:before{margin:0px 0px 0px 1px;line-height:24px}
.toolbar .btn-sm.btn-round.btn-edit i{border:solid 1px #2b74d9!important;color:#2b74d9!important;text-indent:1px}
.toolbar .btn-sm.btn-round.btn-delete i{border: solid 1px #f81d1d!important;color:#f81d1d!important}
.toolbar .btn-sm.btn-round.btn-print i{border: solid 1px #444!important;color:#444!important}
.toolbar .btn-sm.btn-round.btn-cancel-save i{border: solid 1px #444!important;color:#444!important}
.toolbar .btn-sm.btn-close-page i{color:red}
.toolbar .btn-sm.btn-round i{float:none;width:100%;height:100%;line-height:22px;font-size:16px}
.toolbar .btn-sm i{font-size:16px;line-height:22px;float:left;color:#000;margin:2px 0px 0px 0px;width:22px;height:22px;/*border:solid 1px #ccc;border-radius:11px;*/}
.toolbar .btn-sm.btn-no-text i{margin:3px 3px 3px 3px}
.toolbar .btn-round.dropdown-toggle:after{margin-left:0px;}
/*.toolbar .btn-sm.btn-close i{margin-right:0px;float:none}*/

.right-toolbar_ .btn-sm {padding:0px 7px 0px 7px}
.right-toolbar_ .btn-sm i{margin-right:0px;}

.toolbar .btn-sm:hover{background:#ddd!important;/*box-shadow: 0 1px 2px 0 rgba(0,0,0,0.16), 0 0 1px 0 rgba(0,0,0,0.16);*/}
.btn-toolbar .btn-sm:last-child {border-right: none}
.btn[disabled]{background-position: 0% 0%;
                background-color:none!important;
    background-image: none !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
}
.inner-toolbar{margin:1px 0px 0px 0px;border-bottom:none;height:24px}
.inner-toolbar .toolbar-title{font-size:14px; vertical-align:middle;outline:0px;padding:0px 15px 0px 0px;border-right:solid 1px #ddd;margin:0px;line-height:18px;height:18px}
.inner-toolbar .btn-sm{height:24px;/*width:22px;*/line-height:24px;padding:0px 5px 0px 2px;font-size:14px;margin:0px 5px 0px 0px!important}
.inner-toolbar .btn{background:none;border-color:none;float:left;font-size:12px}
.inner-toolbar .btn:focus{}
.inner-toolbar .btn-sm:last-child{border-right:none}
.inner-toolbar .btn-sm i{margin-right:3px;font-size:22px;line-height:22px;height:22px;width:22px;float:left;font-size:20px}
.inner-toolbar .btn-no-text{width:24px;height:24px}
.inner-toolbar .btn-sm.btn-no-text i{margin:1px 0px 0px 1px;padding:0px}
.inner-toolbar-alone{margin:0px 0px 10px 0px}
.inner-toolbar-right{float:right;margin:0px 30px 0px 0px;}
.btn-close{background:none;}
.hover-button{position:relative}
.toolbar-dropdown{float:left}
.toolbar-dropdown-menu{list-style-type:none;background_:#f6f6f6;display:none;position:absolute;top:29px;left:0px;padding:0px;border-top:none;border-left:none; border-bottom:solid 1px #e6e6e6;border-right:solid 1px #e6e6e6}
.toolbar-dropdown-menu .btn-sm i {
        margin-right: 6px;
        font-size: 20px;
        line-height: 20px;
        float: left;
    }
.toolbar-dropdown-menu > li > a {
        display: block;
        padding: 2px 26px 2px 5px;
        width: 100%;
        text-align: left
    }
.toolbar-dropdown-menu>li>a:hover{text-decoration:underline}
.hover-button:hover .toolbar-dropdown-menu{display:block}
#btn_side_menu_toggle {position:absolute;top:3px;left:10px}
/****** header and toolbar End ******/
#info_bar{position:fixed;display:block;left:0px;right:0px;bottom:0px;height:28px;line-height:26px; background:#eee;z-index:1000;border-top:solid 1px #ddd}
#info_bar span{font-size:11px;font-weight:300;color:#000;line-height:inherit;padding:0px 3px 0px 3px}
#info_bar span#info_bar_state {padding: 0px 0px 0px 20px;margin-right: 10px;margin-left:10px}
#info_bar_state:before{left:5px;top:-2px}
#info_bar_state.state-saved:before{content:'\f17b'}
#info_bar_state.state-unsaved:before{content:'\f2b0'}
#info_bar_nav{float:right;height:inherit;margin-right:10px;}
#info_bar_nav a{color:#000;font-size:14px;padding:0px 3px 0px 3px}
#info_bar_nav a:hover{background-color:#ccc}
/****** info bar End ******/
#tblDataList_wrapper {
    margin: 0px 20px 0px 20px
}
.row-with-side-list #tblDataList_wrapper{margin:0px 0px 0px 0px}

.dataTables_length{display:none}
.dataTables_filter input.form-control{border:solid 1px #999;border-radius:0px;width:300px;height:31px;background:#fff url(/assets/images/search.png) 10px center no-repeat; padding-left:32px;float:left}
#data-table-search, .data-table-search{float:left;height:31px}
.dataTables_info{float:left;margin: 7px 0px 0px 10px}
.dataTables_paginate{float:right;margin: 7px 5px 0px 0px}
.dataTables_scroll{border-bottom:solid 1px #ccc}
.pagination{margin:0px}
.pagination>li>a, .pagination>li>span {margin: 0px 4px 0px 0px;padding: 2px 6px;border-radius: 0px;font-size:12px}
.table-striped>tbody>tr{/*border-bottom:solid 1px #eee;*/background:#eee}
.table-striped>tbody>tr>td{border-bottom:solid 1px #eee;}
.table-striped>tbody>tr:last-child>td{border-bottom:none}
.table-striped>tbody>tr:last-child{border-bottom:none}
.table-striped>tbody>tr:nth-of-type(odd) {/*background-color:#fff;*/}
.table-striped>tbody>tr:nth-of-type(even) {background-color:#fff; /*#fbfbfb;*/}
.table-striped>tbody>tr>td{border-top:solid 0px #eee;padding:3px!important}
/*.dataTables_scrollHeadInner{border-bottom:solid 1px #666;border-top:solid 0px #bbb;background:#fff;width:auto!important}*/
.dataTables_scrollHeadInner{width:100%!important;}
.dataTables_scrollHead{border-bottom:solid 1px #666!important;border-top:solid 0px #bbb;background:#fff;width:auto!important}
.dataTables_scrollHeadInner tr.list-table-head {border-bottom:none} 
.dataTables_scrollBody tr.list-table-head {border-bottom:none;height:0px!important} 
.dataTables_scrollHeadInner .table>thead>tr>th{border-bottom:none}
.dataTable .custom-checkbox{margin:0px 5px 0px 10px}
.list-row-checkbox{height:16px;width:16px;display:block;margin:0px;border:solid 1px #ccc;position:relative;margin: 2px auto 0px auto}
.list-row-checkbox.checked:after{content:"\f00c";font-family:'Line Awesome Free'; font-weight:bold; position:absolute;top:0px;left:0px;width:100%;height:100%;line-height:16px;text-align:center}
tr.active .list-row-checkbox{border:solid 1px #bbb}
/****Listings with datatables End*****/

.detail-form-container{overflow-y:auto;overflow-x:hidden}
.datalist-row{border-bottom:solid 1px #eee}
.datalist-row:last-child{border-bottom:solid 0px #eee!important;margin-bottom:0px!important}
.datalist-row:focus{background:url(/assets//images//checkmark.png) top right no-repeat;outline:none}
.page-block{margin-right:0px!important;margin-left:0px!important}
.tab-content{position:relative}
.nav>li>a {padding_: 4px 20px; background-color: transparent}
.form-group{margin-bottom:10px;}
.form-group label{margin-bottom:1px;font-weight:600;color:#000;font-size:12px}
.form-control {height: 24px;border:solid 1px #bbb;padding: 3px 5px;font-size: 12px;line-height: 1.42;border-radius: 0px;color:#000}
.form-control.button {width:auto;}
.form-control.checkbox-input{width:16px;height:16px;margin:0px}
.form-control-half{width:50%}
.form-control:focus{border: solid 1px var(--theme-main-color)!important}
.form-button-control{width:24px;display:inline-block}
.form-button-control~.form-button-control{margin-left:5px}
.form-group-lg .form-control {
    height: 36px;
    padding: 8px 18px;
    font-size: 15px;
    line-height: 1.4;
    border-radius: 0px;
    border:solid 1px #ccc;
}
.form-button{width:auto;margin-top:21px}
textarea.form-control{height:25px;}
textarea.form-control.textarea{height:300px;}
.datalist-row-template{display:none!important}
.form-control-wrap{margin-right:23px;}
.form-control.checkbox-list{border:none;padding:0px}
.form-control.checkbox-list label{margin-right:10px}
.form-control.checkbox-list input{height:15px;width:15px;margin-right:5px}
.expand-button{position:absolute;height:24px;width:24px;border:solid 1px #bbb;border-left:none;right:10px;bottom:0px}
.expand-button.exchange-rate-select:after,.expand-button.exchange-rate-button:after{content:'\f1c3';font-family:LineAwesome;text-align:center;line-height:24px;font-size:14px;font-weight:300;color:#000; vertical-align:middle; position:absolute;width:100%;height:100%;top:0px;left:0px}
.expand-button.dimension-select:after{content:'\f1ae';font-family:LineAwesome;text-align:center;line-height:24px;font-size:14px;font-weight:300;color:#000; vertical-align:middle; position:absolute;width:100%;height:100%;top:0px;left:0px;}
.expand-button.dimension-button:after{content:'\f1ae';font-family:LineAwesome;text-align:center;line-height:24px;font-size:14px;font-weight:300;color:#000; vertical-align:middle; position:absolute;width:100%;height:100%;top:0px;left:0px;}
td .expand-button{border:none;border-left:solid 1px #ddd;right:0px;background:#fff}
.form-pane{border-top___: dashed 1px #404040;padding-bottom:0px;margin:0px 15px 15px 15px;box-shadow_: 0 1px 2px 1px #0000000f;background:var(--form-pane-bg);border:solid 1px #ddd;border-radius:0px}
.form-pane:first-child{border-top___:none}
.form-pane-title___{height:22px;margin:10px 0px 10px 0px;padding:0px 20px 0px 20px}
.form-pane-title___ h3{margin:0px 15px 0px 0px;font-weight:300;line-height:22px; float:left;color:#000;font-weight:600; font-size:16px; border-bottom:solid 0px #444;}
.form-pane-title___ h3 a{color:#151b26;position:relative}
.form-pane-title___ h3 a:focus{outline:none!important;outline-offset:0px;text-decoration:none!important}
.form-pane-title___ h3 a:before {
    position: absolute;
    content: '';
    left: -11px;
    top: 6px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 5px solid #00acc1;
    border-bottom: 5px solid transparent;
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    transform: rotate(45deg);
}
.form-pane-title___ h3 a.collapsed:before {transform:rotate(0deg)}
.form-pane-toolbar{float:left;border-left: solid 1px #aaa;height:22px;padding-left:10px;margin-bottom:0px}
.form-pane-multi-col{border-top:none;padding: 0px 20px 0px 20px;}
.form-pane-multi-col .form-pane-title{padding:0px}
.form-pane-body{float:left;width:100%;padding:0px 0px 10px 0px;border-top_:solid 1px #eee}

.form-pane-title{height:26px;margin:10px 0px 15px 0px;padding:0px 0px 0px 0px;}
.form-pane-title h2{margin:0px;padding:0px;font-weight:300;line-height:26px; float:left;color:#000;font-weight:600;
font-size:13px;cursor:pointer}
.form-pane-title h2 a{color:#000;position:relative;display:block;margin:0px 15px 0px -7px;padding:0px 15px 0px 15px;background:#e6e6e6;}
.form-pane-title h2 a:focus{outline:none!important;outline-offset:0px;text-decoration:none!important}
.form-pane-title h2 a:after {
    position: absolute;
    content: '';
    left: -4px;
    top: 6px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 5px solid #00acc1;
    border-bottom: 5px solid transparent;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display:none;
}
.form-pane-title h2 a:before {
    position: absolute;
    content: '';
    left: 2px;
    top: 22px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 5px solid #aaa;
    border-bottom: 5px solid transparent;
    transform: rotate(-45deg);
}
.form-pane-title-toggle{width:16px;height:16px;display:block;position:absolute;right:20px;top:16px;}
.form-pane-title-toggle_:after {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-top: 8px solid #fff;
    border-right: 8px solid transparent;
    transform: rotate(0deg);
}
.form-pane-title-toggle:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 4px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-top: 6px solid #00acc1;
    border-right: 6px solid transparent;
    transform: rotate(0deg);
}
.form-pane-title-toggle.collapsed:before,.form-pane-title-toggle.collapsed:after {   
    transform: rotate(90deg);
}
.inline-form{border:solid 1px #ddd;padding:10px; margin-bottom:10px}
h3.form-pane-sub-title{margin:5px 20px 5px 20px;font-size:13px;border-bottom__:dotted 1px #999;color:#000;padding:0px 0px 2px 0px;}
.form-pane-tabs{height:26px;margin: 0px 0px 0px 15px;}
.form-pane-tabs li{height:26px;line-height:26px}
.form-pane-tabs li a{line-height:26px!important;height:26px!important}
.max-avail-height-pane-body{min-height:160px;}
.form-grid-pane-body{height_:194px;max-height__:194px;}
/****Master Form End*****/

.address-panel {border-bottom:solid 1px #ddd;margin: 0px 5px 10px 5px;padding:10px; display:block;float__:left;height:66px;width__:100%;}
.address-panel:last-child{border-bottom:none;margin-bottom:0px}
.address-panel:focus{background__:url(/assets//images//checkmark.png) top right no-repeat;outline:none;border:dashed 1px #777}
.address-panel-heading{float:left;height:40px;min-width:80px; border-right:solid 1px #eee;padding-right:10px;margin-right:15px}
.address-panel-heading h3{margin:0px;font-size:13px;color:#000;font-weight:600}
.address-panel-body{float:left;height:44px}
.address-body-row{height:22px;}
.address-col{padding:0px 0px 0px 0px;float:left;height:22px;line-height:22px}
.address-col label{color:#999;margin-right:5px;font-weight:normal}
.address-col span{padding-right:5px}
.address-col span:empty,.address-col a:empty{display:none}
/***Address Tabs End***/

.inline-address-form{width__:100%;float__:left;margin-bottom__:15px;
/*position:fixed;bottom:0px;right:15px;left:calc(var(--left-nav-width) + 15px);top:50%;background:#fff;z-index:1050*/

}
.modal-backdrop-full{z-index:1090}
.popup-bottom-form{background:#fff;background:#fff;padding:25px 15px;}
.popup-bottom{width:100%;position:fixed;right:0px;left:0px;bottom:0px;z-index:1092;max-height:80%;overflow-y:auto;}
.popup-bottom-toolbar{width:100%;position:fixed;right:0px!important;left:0px!important;z-index:1092!important;top:initial!important; background:#fff!important;padding:10px 20px 0px 20px!important;height:34px!important;margin:0px!important}

/*****Inline Address Form****/
.bank-brach-row{border-bottom:solid 1px #eee;height:30px;line-height:30px;margin:0px 0px 0px 0px;padding:0px 10px 0px 10px}
.bank-brach-row:last-child{border-bottom:none;margin:0px}
.bank-brach-row:focus{border:dashed 1px #777}
.ajax-grid,.grid{max-height:260px;overflow-y:auto;overflow-x:hidden; /*border-top:solid 1px #aaa;*/margin-bottom:10px}
.ajax-grid-full{max-height:initial}
/*.form-header{margin-bottom:15px;padding-top_:15px;border-top:solid 4px #ddd}*/
.form-lines,.form-line-details{padding__:0px 20px 20px 20px;}
.form-lines .form-pane-title,.form-line-details__ .form-pane-title{ margin-left:-20px;margin-right:-20px}
/*.form-header-title{height:20px;margin:0px 20px 10px 20px}
.form-lines-title{margin:15px 0px 15px 0px;height:20px}
.form-header-title h3, .form-lines-title h3,.form-line-details-title h3{margin:0px 15px 0px 0px;font-weight:300;float:left}
.form-header-title h3 a, .form-lines-title h3 a,.form-line-details-title h3 a{color:#000}
*/
.tab-pane .form-header{padding-top:0px;border-top:none}
.trans-total{/*background:#f9f9f9;*/margin-top__:20px;border__:solid 1px #eee;width:100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    align-content: flex-end;
    height:27px;
}
.trans-total.expended{height:auto}
.trans-total.expended .la-angle-double-down:before{content:"\f102"}
.trans-total .total-row{text-align:right;width:100%}
.trans-total .total-row input.form-control{width:120px;margin:0px;display:inline}
.trans-total .total-row label.control-label{font-size:12px;font-weight:400;padding:0px 5px 0px 0px}
.trans-total .grand-total-row label.control-label {font-weight:600}
.trans-total .grand-total-row label.control-label a{color:#444}
.trans-total .grand-total-row label.control-label i{font-size:11px;margin:0px 3px 0px 0px}
.trans-total h3.panel-title{margin:0px;padding:10px 0px 0px 10px;font-weight:600}
.grid-container{width:100%;height:100%;overflow-y:scroll;overflow-x:hidden;position:relative;border:solid 1px #ccc;}
.form-grid-pane-body .grid-container{max-height:173px;height:auto;margin:0px 0px 10px 0px}
.grid-editor{min-width:100%;border-collapse:separate;margin:0px 0px 0px 0px;border:none}
.grid-editor thead{border-top:solid 0px #ccc;border-bottom_:solid 1px #aaa;position:relative;z-index:17}
.grid-editor>thead>tr>th{padding:3px;border-right:solid 0px #fff;background:#fff;border-top_:solid 1px #777;border-bottom:solid 1px #777;font-size:12px}
.dataTables_scrollBody thead{border-bottom-width:0px;height:0px;overflow:hidden;padding:0px}
.grid-editor .form-control{border:none;border-radius:0px;background:#fff;height:24px}
.grid-editor .form-control.checkbox-input{height:16px;width:16px;margin:auto!important;border:solid 1px #aaa!important}
.grid-editor .form-control:focus{border:solid 1px #ddd}
.grid-editor tr.selected td.grid_line_no {background:var(--theme-main-color-light)}
.grid-editor>tbody>tr>td{padding:0px;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd; vertical-align:middle;box-sizing:border-box;position:relative;height:24px}
.grid-editor>tbody>tr>td:last-child{border-right:none}
.grid-editor>tbody>tr:last-child>td{border-bottom__:solid 1px transparent}
.grid-editor tr td span{padding:3px 5px;white-space:nowrap}
.grid-editor .grid_line_no{cursor:default}
.grid-editor td.grid_line_no:focus{outline:none}
._template-row{display:none!important}

.list-table{border-left__:solid 1px #ddd;border-right__:solid 1px #aaa;width:100%;}
.list-table>thead{border-top__:solid 1px #aaa;border-bottom:solid 1px #aaa }
.list-table>thead>tr>th{padding:3px;border-right_:solid 1px #ddd;background:#fff}
.list-table>thead>tr>th:last-child{border-right:none}
.list-table>thead>tr{border-bottom:solid 1px #aaa}
.list-table>tbody>tr{border-bottom:solid 1px #eee}
.form-pane .list-table{margin-bottom:10px}
.list-table tfoot{position:sticky;inset-block-end:0}

/*
.dataTables_scrollBody .list-table thead{display_:none}
.dataTables_scrollBody .list-table{border-top:none}
.dataTables_scrollBody .list-table>tbody>tr>td,.list-table>tbody>tr>td{padding:0px;border-right:solid 1px #eee;border-bottom_:solid 1px #eee}
.dataTables_scrollBody .list-table>tbody>tr>td:last-child,.list-table>tbody>tr>td:last-child{border-right:none;}
.dataTables_scrollBody .list-table>tbody>tr>td>span,.list-table>tbody>tr>td>span{padding:3px;line-height:26px;}
.dataTables_scrollBody .list-table>tbody>tr.active>td,.dataTable>tbody>tr.active>td{background:#f0f0f0}
*/
/*.dataTables_scrollBody .list-table>tbody>tr:focus>td,.dataTable>tbody>tr:focus>td{background:#ccc}
.dataTables_scrollBody .list-table>tbody>tr.active:focus>td,.dataTable>tbody>tr.active:focus>td{background:#bbb}*/
.batch-list{/*border-bottom:solid 5px #eee*/}
.list-container{padding:0px 0px 0px 0px;margin:0px 15px 0px 15px;max-height:100%;overflow-y:scroll;position:relative;border:solid 1px #ddd;}
.form-pane-body .list-container{margin:0px 15px 10px 20px}
.auto-height.list-container{height:auto!important;max-height:194px!important;min-height:50px;margin__:0px 0px 10px 0px}
.dist-container .auto-height.list-container{max-height:420px!important;margin:0px 0px 10px 0px}
.list-container-header{padding:15px 0px;height:60px;}
.list-container-header h2{float:left;font-weight:300;margin:0px}
.list-paging-wrap{border-top__:solid 1px #ddd;margin: 0px 15px 0px 20px}
.list-paging{height:26px;float:right;margin-right:0px;margin-top:10px}
.list-paging a{padding: 4px 6px; border_:solid 1px #ddd;font-size:12px; text-align:center;color:#000;margin-left:4px;}
.list-paging a:hover{background:#ddd}
.list-paging a.active,.list-paging a.active:hover{background:#00acc1;color:#fff}
.list-paging-count{height:26px;float:left;margin-right:0px;margin-top:10px}
.list-search.form-control{border: solid 1px #999;border-radius: 0px;margin-bottom:0px;width:300px;height: 26px;background: #fff url(/assets/images/search.png) 10px center no-repeat;
padding-left: 32px;float: left;}
select.search-control,.search-control,select.list-search.form-control{float:left;width:auto;height:26px;border:solid 1px #999;margin-right:5px;background_:#eee}

.list-container-inner{padding:0px;margin-bottom:15px}
._template-element{display:none}
.table-editor>tbody>tr>td{padding:0px!important}
.table-editor>tbody>tr>td>span{padding:3px!important;display:inline-block;line-height:1.42;font-size:12px;height:25px;border: 1px solid transparent}
.table-editor .form-control,.table-editor td>.form-control[readonly]{border:none;border-radius:0px;background-color:inherit;width:100%;border: 1px solid transparent}
.table-editor .form-control:focus{border:solid 1px #ddd;background-color:#fff}
.list-head-button{float:right}
.list-head-button i{font-size:18px;color:#777;margin-left:5px}
.list-fields-container{height__:calc(100% - 29px);overflow:hidden;width:400px;position:absolute;top:var(--header-height);right:0px;bottom:0px; background:#fff;z-index:1060;padding:15px;
box-shadow: 0 2px 8px 0 rgba(0,0,0,0.16), 0 0 1px 0 rgba(0,0,0,0.16);
}
.popup-body .list-fields-container{top:0px!important}
.list-fields-container h2{padding:0px 15px 0px 0px;font-weight:normal;margin:0px;font-size:20px;float:left;border-right:solid 1px #ddd}
.list-fields-container .btn{}
.list-fields-container .btn i{font-size:18px;}
.list-fields-container .btn-close{float:right;margin:0px 0px 0px 0px}
.list-fields-toolbar{width:100%;height:30px; margin-bottom:5px;}
.list-fields-search{width:100%;height:30px; margin-bottom:10px;}
.list-fields{height:calc(100% - 90px);overflow:hidden;width:100%;}
.list-fields-head.list-fields-row{border-bottom:solid 1px #000;font-weight:bold}
.list-fields-row{width:100%;height:22px;margin-bottom:6px; overflow:hidden;border-bottom:solid 1px #eee}
.list-fields-col{float:left}
.list-fields-row .list-fields-col:first-child{width:10%}
.list-fields-row .list-fields-col:nth-child(2){width:50%}
.list-fields-row .list-fields-col:nth-child(3){width:40%}
/*******Ajax Styles end******/

.form-line-details .tab-content {
    margin-left__: -10px;padding:0px 10px 10px 10px;
}
.form-line-details-title{height:22px;margin:20px 0px 0px 0px}
.form-line-details-title h3{float:left;border-right:solid 1px #aaa;padding-right:15px;margin:0px 15px 0px 0px}
/*#div_line_charges{height:600px;}*/
/*******Line Details end******/

.notify-button{position:fixed;top:63px;right:30px;height:20px;width:20px;line-height:20px;z-index:1056}
.popup-body .notify-button{top:12px;right:40px}
.notify-button a{text-decoration:none;color:#000;display:block;height:inherit;line-height:inherit;}
.notify-button .notify-label{font-size:8px;background:#fca120;padding: 0px 2px 0px 2px;line-height:12px;vertical-align:top;position:absolute;left:-4px;top:-4px}
.notify-button .far{font-size:16px;}
.notify-button a.dropdown-toggle:after{display:none}
.counter-notify{display:block;height:14px;width:14px; font-size:8px;border-radius:2px;color:#fff; background:#fca120;padding: 0px 0px 0px 0px;line-height:14px;vertical-align:top;position:absolute;left:-2px;top:-2px}
.notes{position:absolute;width:300px;top:0px;right:0px;z-index:1055;display:none;background:#eee;padding:10px}
.notes .notes-form {margin-bottom:10px;}
.notes .notes-form textarea{height:100px}
.notes .notes-list .notes-row{border-bottom:solid 1px #ddd;margin-bottom:5px;padding-bottom:5px}
.notes .inner-toolbar{height:28px;border-bottom:solid 1px #aaa}
.notes .notes-list .notes-row.selected{border:solid 1px #ddd;}
/**** Notes End****/

.attachment-header{left: var(--margin-left-main)!important;height:45px}
ul.attachment-toolbar{padding:5px 10px 0px 10px ;float__:left;margin:0px; height:38px!important;position:fixed;left: var(--margin-left-main);right:0px; top:var(--header-height); z-index:1071;background:var(--content-bg)}
.attachments-container{display:none}
.attachments{position:absolute;width__:300px;left:var(--margin-left-main); top:var(--header-height)!important;right:0px;bottom:0px;z-index:1070;background:#fff;padding:10px;
box-shadow: 0 2px 8px 0 rgba(0,0,0,0.16), 0 0 1px 0 rgba(0,0,0,0.16)
}
.attachment-form {
    width: 100%;
    border-bottom: solid 1px #ddd;
    background: #fff;
    padding: 15px;
}
.attachment-list {position:absolute;top:95px;bottom:0px;left:0px;right:0px; margin:0px 0px 0px 0px; padding:0px 10px 0px 10px;overflow-y:auto}
.attachment-list:after{content:'';clear:both}
.attachment-desc{width:100%;padding:10px 0px 0px 0px}
.attachment-desc:empty{display:none}
.attachment-row {padding:0px 5px 10px 5px;float:left;margin-bottom: 0px 0px 10px 0px;}
.attachment-cell{border:solid 1px #fff; padding:10px;height:160px;overflow:hidden}
.attachment-row:focus .attachment-cell{border:solid 1px #bbb}
.attachment-row .img-wrap{height:140px;overflow:hidden;width:100%}
.attachment-row .attachment-img{width:100%}
.attachment-row.group-title-row{margin-top:30px;position:relative}
.attachment-title-container{padding: 0px 5px 0px 5px}
.attachment-list .attachment-title{margin:0px;font-weight:400;color:#000;margin:15px 0px 10px 0px; border-bottom:solid 1px #777;padding:0px 0px 5px 0px}
.attachment-list ._group-item:nth-child(3) .attachment-title{margin:0px 0px 10px 0px}
.attachment-list .attachment-title a{color:#000}
.attachment-list .attachment-title-container .form-control.checkbox-input{position:absolute;right:5px;top:15px;}
.attachment-row .form-list-check{position:absolute;top:5px;left:5px;border:solid 1px #bbb;display:block;height:16px;width:16px;background:#fff}
.content-image{display:block;margin:50px auto 0px auto;max-width:95%;}
.progress-bar-container{__width:100%;height:20px;float__:left;margin-bottom__:5px;
position:absolute;top:40%;left:0px;right:0px;z-index:1096;margin:0px 200px 0px 200px;height:50px;padding:15px;background:#fff
}
.file-upload-progress{width:100%;height:2px; margin-bottom:1px}
.total-upload-progress{width:100%;height:16px;background:#ddd;position:relative}
.progress-bar{width:0%;height:100%;float:left}
.total-upload-progress .progress-bar {background-color:#38a7f1}
.file-upload-progress .progress-bar {background-color:#4bd83e}
.progress-bar-text{position:absolute;top:0px;left:0px;width:100%;height:100%;text-align:center;font-size:10px}
.form-list-check{position:relative}
.form-list-check.checked:after{content: "\f00c";font-family: 'Line Awesome Free';font-weight: bold;position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;
line-height: 16px;text-align: center;}
.email-attach-container{width:100%;height:100px;overflow-y:auto;overflow-x:hidden}
.email-attach-container:empty{display:none}
.email-attach-container .email-attach{width:160px;display:inline-block;position:relative;height:100px;margin:0px 5px 5px 0px;vertical-align:top;overflow:hidden}
.email-attach-container .email-attach img{width:100%;}
.email-attach-container .email-attach .email-attach-txt{position:absolute;white-space:nowrap;left:10px;right:10px;bottom:5px;padding:0px 5px 0px 5px; text-align:center;z-index:100;font-size:11px; color:white;background-color:rgba(50,50,50,0.7)}

.popup-body .attachments{top:0px;left:0px}
.popup-body ul.attachment-toolbar{top:0px;left:0px}
.popup-body .attachment-header{top:0px;left:0px!important}
.popup-body .attachment-list{top:45px}
/***Attachments End***/

.search-form{padding-right:10px;}

/*
.side-list-container{height:100%}
.row-with-side-list{overflow_:hidden;min-height:100%;height:100%}
*/

.side-list-row{padding:5px;border-bottom:solid 1px #eee}
.side-list-row.selected:not(.tree-node){background:#a0dee5;border:none;outline:none}
.side-list-row:focus{border:none;outline:none}
.side-list-form{overflow-y:hidden;height:100%;position:relative;overflow-x:hidden}
.side-list-form .side-list{width:250px;border:solid 1px #ddd;position:absolute;top:0px;bottom:15px;left:15px;background:#fff;overflow:hidden}
#main-tabs ~ .px-content .side-list-form .side-list {bottom: 15px}
.side-list-form .side-list .side-list-head{padding:10px 0px 10px 5px;}
.side-list-form .side-list .side-list-body{padding:0px 5px 0px 5px;overflow-y:auto}
.side-list-form .side-list-table>tbody>tr.selected>td
{background-color:var(--theme-main-color-light);border:solid 1px var(--theme-main-color)}
.side-list-form .side-list-table>tbody>tr:focus-within>td{border:solid 2px var(--theme-main-color)!important}
.side-list-table thead{display:none}
.side-list-table tr td{border-bottom:solid 1px #ddd}
.side-list-form .side-form{margin-left:260px;overflow-y:auto;overflow-x:hidden}
.side-list-search{float:none!important;height:24px!important;}
.side-list-search .dataTables_filter input.form-control{height:24px;width:auto}
.side-list-code{font-weight:bold;display:block;font-size:12px}
.side-list-name{display:block}
.side-list-name a{color:#000;display:block}
.side-list-filter {margin:0px 0px 5px 0px; }
.side-list-control{width:95%}

.side-list-form .form-header{padding-bottom:5px;margin-bottom:0px}
.side-list-form .form-pane{margin:0px 15px 15px 20px}
.side-list-form .form-lines, .side-list-form .form-pane-body{}
.tab-pane .side-list-form{border-top:none}
.side-list .title{font-size:13px;padding:0px 0px 0px 2px;display:block;font-weight:bold;margin:5px 0px 0px 0px}
.rows-list>div{border-bottom:solid 1px #ddd;padding:2px 0px 2px 5px;position:relative}
.rows-list div.selected{background:#ddd}
.rows-list a{color:#444;font-weight:bold;display:block}
.rows-list a.delete{display:none;background:url(/assets/images/delete-button.png) center center no-repeat;position:absolute;right:5px;width:20px;height:20px;}
.rows-list div:hover a.delete {display:inline-block}
/*******Side List**********/

.tree-node{padding-left:15px;position:relative;cursor:default}
.tree-node:after{content:'';position:absolute;top:50%;left:0px;transform:translateY(-50%);
border-top: 5px solid transparent;
border-left: 5px solid #00acc1;
border-bottom: 5px solid transparent;
/*-webkit-transform: rotate(35deg);
-ms-transform: rotate(35deg);
transform: rotate(45deg); */
}
.tree-node.expanded:after{
-webkit-transform:translateY(-50%) rotate(45deg);
-ms-transform:translateY(-50%) rotate(45deg);
transform:translateY(-50%) rotate(45deg); 
}

.tree-node.selected{font-weight:bold;background:none;border-bottom:solid 1px #eee}
.tree-node.node-level_0{margin-left:0px}
.tree-node.node-level_1{margin-left:15px}
.tree-node.node-level_2{margin-left:30px}
.tree-node.node-level_3{margin-left:45px}
.tree-node.node-level_4{margin-left:60px}
.tree-node.node-level_5{margin-left:75px}
.tree-node.node-level_6{margin-left:90px}
.tree-node.node-level_7{margin-left:105px}
.tree-node.node-level_8{margin-left:120px}
.tree-node.node-level_9{margin-left:135px}
.tree-node.node-level_10{margin-left:150px}
/*******Tree List**********/

.category-form{margin-bottom:15px!important}
.category-list{width:100%;float:left;padding:0px 11px 0px 11px;margin-bottom:15px}
.category-list .cat-item{float:left;border:solid 1px #eee; padding:11px; margin-right:15px}
.category-toolbar{padding:0px 11px 0px 11px;margin-bottom:15px}
.simple-tabs{float:left;}
.simple-tabs li{float:left;margin-right:15px;height:26px;}
.simple-tabs>li+li{margin-left: 0px;}
.simple-tabs li a{background:none;padding:0px;line-height:20px;height:26px;color:#000;background:none;margin:0px!important}
.simple-tabs li a:hover{background:none}
.simple-tabs li:hover{border-bottom:solid 4px var(--theme-main-color);}
.simple-tabs li.active {border-bottom:solid 4px var(--theme-main-color);background:none;font-weight:bold}
.simple-tabs li.active>a,.simple-tabs li.active>a:hover,.simple-tabs li.active>a:focus{background:none;color:#000;font-weight:bold}
.panel-tabs li a,.panel-tabs li a:hover{background:none;padding:5px 15px}
.panel-tabs li.active {border:solid 1px #aaa;border-bottom:none;font-weight:bold}

.page-header-tabs{float:none;display:inline-block;height:20px;margin:0px 15px 5px 15px;padding:0px 0px 0px 15px;
vertical-align:bottom; border-left:solid 1px #818a91}
.page-header-tabs li{height:24px;}
.has-error .form-control {border-color: #d6d6d6;}
.has-error .select2-selection {border-color: #d6d6d6;}
span.validation-error[style*="inline"]
{display:block !Important;}
span.sub-title{padding-left:10px}

.modal-content{border-radius:0;}
.modal-header{border-radius:0;background:none}
.modal-header .close{margin-top:3px; color:#444;opacity:1}
.modal-header .close:hover{color:#00acc1;transition-duration: 0.5s}
.modal-header-narrow{padding: 6px 10px; margin-bottom: 5px}
.modal-title{font-size:24px;font-weight:500;line-height:24px}
.modal-title-small{font-size:18px;font-weight:500;line-height:24px;margin:0px}
.popup-toolbar{border-top:solid 5px #fff; margin: 5px 15px 0px 15px;}
@media (min-width: 992px){
.modal-dialog {width: 800px;margin: 30px auto;}
.modal-dialog-wide {width: 1000px;margin: 60px auto;}
.modal-dialog-small{width: 400px;margin: 30px auto;}
.modal-dialog-full{position: fixed;
    top: 82px;
    bottom:0px;
    margin-top: 0px;
    margin-bottom:0px;
    margin-left: 225px;
    padding:0px;
    width: auto;
    right: 0px;
    left: 0px;
    }
}
modal-dialog-full-popup{top:0px;margin-left:0px}
.modal-dialog-full .modal-content{padding:0px;height:100%}
.modal-dialog-full .modal-body{padding:0px;height:100%}
.modal-dialog-full .modal-body iframe{padding:0px;height:100%;overflow-y:auto}
.modal-header-button{float:right;margin:0px 10px 0px 0px}
.modal-body{padding: 10px 15px 5px 15px}
.modal-body:after{content:'';clear:both}

.popup-page-container{position: fixed;top: 50px;bottom:0px;margin-top: 0px;margin-bottom:0px;margin-left: /*225px*/ var(--margin-left-main);padding:0px;width: auto;right: 0px;left: 0px; background:#fff;z-index:1080;
box-shadow: 0 2px 8px 0 rgba(0,0,0,0.16), 0 0 1px 0 rgba(0,0,0,0.16);}
.popup-page-container iframe{padding:0px;height:100%;overflow-y:auto}

.fixed-header{table-layout: fixed;}
.fixed-header  
  thead tr{
      display: block;
      position: relative;
 }
 .fixed-header tbody {
    display: block;
    overflow: auto;
    width: 100%;
    height: 300px;
 }
tr.list-table-head{background-color:transparent!important;/*border-bottom:solid 1px #eee*/}
.table-header{display:none}
.dataTables_filter label{margin-bottom:0px;}
/*.table>thead>tr>th{border-bottom:none}
.table>thead>tr{border-bottom:solid 1px #666}*/
.table>thead>tr>th{border-bottom:solid 1px #999;}
.table>thead>tr>th.text-right{text-align:right}
.table>tbody>tr:hover>td{background-color:#c9eaed}
.table>tbody>tr.active>td,.table>tbody>tr.selected>td
{background-color:var(--theme-main-color-light);border-bottom__:solid 1px var(--theme-main-color)}
.table>tbody>tr:focus-within>td{border-bottom:solid 1px var(--theme-main-color);border-top:solid 1px var(--theme-main-color)}
.table>tbody>tr:focus-within>td:first-child{border-left:solid 1px var(--theme-main-color)}
.table>tbody>tr:focus-within>td:last-child{border-right:solid 1px var(--theme-main-color)}
.form-horizontal .form-group{margin-bottom:5px}
.invalid .form-control{border: solid 1px red}
.invalid label:after{content:' is Required';color:red}
.dataTables_table_wrapper_ {border:solid 1px #ddd}
.table{margin-bottom:0px;border-collapse:separate;/*width:initial;max-width:initial*/}
.table-footer{border:none;border-top:solid 1px #eee}
/*
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th
{padding:5px;}*/
.table>thead>tr>th,.table>tfoot>tr>th{padding:3px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border-top:none}
.table>tfoot>tr>th{border-top:solid 1px #999}
.table>tbody>tr>td{white-space:nowrap;text-overflow:ellipsis}
table.table tr:focus {outline: none;}
table.dataTable{min-width:100%!important}
table.dataTable thead th {
  background: transparent !important;
  white-space: nowrap;
}
dataTable .sorting:after, .dataTable .sorting:before, .dataTable .sorting_asc:before, .dataTable .sorting_desc:after {
    display: none;
}
.dataTable .sorting:after, .dataTable .sorting:before, .dataTable .sorting_asc:before, .dataTable .sorting_desc:after {
    display: none;
}
table.dataTable thead span.sort-icon {
  display: inline;
  margin-left:2px;
  width: 1px;
  height: 16px;
  padding-right:16px
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 2px 5px;
}
.has-error .select2-container--focus .select2-selection {
    border-color:#2a94db/*same as default color of theme in default.min.css*/;
} 
img.left-nav-prof-img{background:#ccc}
.dataTable thead th:before {display:none}
.dataTable thead th:after {display:none}
table.dataTable thead .sorting span { background: none}
table.dataTable thead .sorting_asc span { background: url('/assets/images/sort_asc.png') no-repeat center left; }
table.dataTable thead .sorting_desc span { background: url('/assets/images/sort_desc.png') no-repeat center left; }

table.dataTable thead .sorting_asc_disabled span { background: url('/assets/images/sort_asc_disabled.png') no-repeat center left; }
table.dataTable thead .sorting_desc_disabled span { background: url('/assets/images/sort_desc_disabled.png') no-repeat center left; }

.full-overlay{position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: rgba(255, 255, 255, 0) url(/assets/images/loader.gif) center center no-repeat;
     z-index: 9999;
     color: white;
     display:none;
}

#upd_line_update{width:0px;height:0px;overflow:hidden}
.ajax-hidden-controls, .ajax-controls{width:0px;height:0px;overflow:hidden}
select.form-control.required, input.form-control.required, .grid-editor .form-control.required:focus{border:solid 1px red}

.grid-editor .grid_line_no span{display:block; text-align:center;line-height:100%;padding:3px;cursor:default}
a.grid-delete-row{background:url(/assets/images/delete-button.png) center center no-repeat; display:inline-block;width:20px;height:20px; margin:auto}
a.grid-settle-row{background:url(/assets/images/settle.png) center center no-repeat; display:inline-block;width:20px;height:20px; margin:auto}
.grid-errors span{color:red}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #fcfcfc;
    opacity: 1;
}
.grid-editor .select2-selection{border:none}
.grid-editor .select2-selection:focus{border:solid 1px #aaa}
.report-viewer-container{background:#fff;height:100%}
.report-viewer-container__ table tr td{height:auto!important}
#ctl00_cpM_ReportViewerMain_ctl13{height:calc(100% - 54px);overflow-y:auto}
.MSRS-RVC{height:100%!important}

.lookup-input-wrap{display_:inline-block;position:relative;width:100%;height:24px;border:solid 1px #bbb;}
.lookup-input-wrap span{width:20px;height:100%;float:right;display:block;position:absolute;right:0px;top:0px;z-index:15;/*background:#fcfcfc*/background:#fff}
.lookup-input-wrap span.lookup-hotlink{margin-right:16px;cursor:pointer;background:#fff}
.navbar-form .lookup-input-wrap span{line-height:2}
.lookup-input.form-control{width:40%;float:left;border:none;height:100%}
.lookup-text{height:100%;border-left:none; padding:1px 3px; width:60%;float:left;overflow:hidden;/*background:#fcfcfc;*/white-space:nowrap;font-size:12px;border-left:solid 1px #bbb;}
.lookup{width:600px;position:absolute;display:none;z-index:1093;border:solid 1px #ccc;background:#fff;
box-shadow: 0 2px 8px 0 rgba(0,0,0,0.16), 0 0 1px 0 rgba(0,0,0,0.16);
}
.lookup.table-lookup{max-height:180px;overflow:auto;}
.lookup .dataTables_scrollBody tr.selected>td,.lookup .dataTables_scrollBody tr:hover{background-color:var(--theme-main-color-light)}
.lookup .table-footer{padding:5px;min-height:initial}
.lookup .dataTables_table_wrapper{border:none;}
.lookup .dataTables_scrollHeadInner{border-top:none;}
.lookup-ajaxing:after{content:'';position:absolute;right:0px;top:0px;height:22px;width:22px;background:#fff center center no-repeat url(/assets/images/lookup-loader.gif);position:absolute;z-index:99;}
.simple-lookup.lookup-input-wrap .lookup-text{display:none}
.dataTables_wrapper .table-footer>div, .lookup .dataTables_info{margin:0px;padding:0px}
.DT-pagination .pagination a, .DT-pagination .pagination span{padding:2px 5px;}

.tree-lookup{padding:5px;max-height:200px;overflow-y:auto}
.tree-lookup .tree-node{padding-top:5px;padding-bottom: 5px;border-bottom:solid 1px #eee}
.tree-lookup .tree-node:focus{outline:none;font-weight:bold}
.navbar-form .lookup-input-wrap{border:none;height:auto!important}

.form-inline .lookup-input-wrap{display: inline-block;width: auto;vertical-align: middle;}
td .lookup-input-wrap {border: none;width:100%!important;height:24px}
td .lookup-text{font-size:12px;border-left:solid 1px #ddd;background:#fff;white-space:normal}
td.with-expand-button .lookup-input-wrap{display:block;width:auto!important;margin-right:26px;}
.daterangepicker,.datepicker{z-index:1089!important}
.iframe{width:100%;overflow:auto; height:100%}
.pac-container{display:none!important;}

td.fth-header, th.fth-header,
td.fth-footer, th.fth-footer {
z-index:20;}
.JCLRgrips{z-index:101}
td.fth-header, th.fth-header {}
td.fth-footer, th.fth-footer {}
.dimension-criterea-container{overflow:auto}
.dimension-criterea-table{max-width:initial!important;}
.dimension-criterea-table > thead > tr> th{width:320px;}
.dimension-criterea-table > tbody > tr> td{width:320px;}
.dimension-criterea-table td>.form-control{float:left}
.dimension-criterea-table td>.crit{width:100px}
.dimension-criterea-table td>.crit_from{width:110px}
.dimension-criterea-table td>.crit_to{width:110px}

.dimension-lookup{width:500px;position:absolute;display:none;z-index:1090;border:solid 1px #000;background:#fff}
/*
.lookup-with-dim-input-wrap .lookup-text{display:none}
.lookup-with-dim-input-wrap .lookup-input.form-control{width:100%}
.lookup-with-dim-input-wrap span{background-color:transparent}
*/

.table thead{position:relative;z-index:2}
.table th{background:#fff;cursor:pointer}
.table th.sort-asc:after{content:'';display:inline-block;width:16px;height:14px;background:url(/assets/images/sort_asc.png) center center no-repeat}
.table th.sort-desc:after{content:'';display:inline-block;width:16px;height:14px;background:url(/assets/images/sort_desc.png) center center no-repeat}

.lookup-table tr.selected{background-color:#eee}

/*******Enquiry Form**********/
.enquiry-list{padding:0px 10px 0px 0px}
.enquiry-list #selModule{margin-bottom:15px;}
.enquiry-name a{border-top:solid 1px #eee;margin-top:0px;position:relative;display:block;text-indent: 0px;padding:5px 0px 5px 0px;text-decoration:none;color:#000}
/*.enquiry-name a:before{position:absolute;content:'\f28e';left:0px;top:7px;height:100%;width:20px;text-indent:0px;font: normal normal normal 16px/1 LineAwesome;}
.enquiry-name a.collapsed:before{content:'\f2c2';}*/
.enquiry-name.active a{font-weight:bold}
.sub-enquiry-name a{text-indent: 20px;padding:5px 0px 5px 0px;display:block;color:#555;}
.sub-enquiry-name.selected a{font-weight:bold}

.enquiry-row{padding-top:5px}
.enquiry-checkbox{width:16px;height:16px;}
.enquiry-search-button{font-size:18px;color:#777}
.enquiry-search-criteria{display:inline-block; font-size:16px; margin-left:10px; border-left:solid 1px #ddd;padding-left:10px;line-height:28px}
/******************/

/**Favorites***/
.favorite-container{width:100%;height:70px;overflow-x:auto;overflow-y:hidden}
.favorites{margin-top:0px;border-top:solid 1px #f0f0f0;border-bottom:solid 1px #f0f0f0;height:70px;min-width:100%;}
.favorite-box{padding-right:0px;padding-left:0px;height:100%;border-right:solid 1px #f0f0f0;position:relative;width:150px;float:left;border-bottom:none;display:block}
.favorite-box a{display:block;text-align:center;height:100%;color:#444}
.favorite-box a span{display:block;width:100%;font-size:12px}
.favorite-box a i.fav-type{font-size:24px; margin-top:10px;font-family: 'Line Awesome Free';font-weight: 900;line-height: 1;display:inline-block;font-style:normal}
.favorite-box a i.fav-type.fav-type_1:after,.favorite-box a i.fav-type.fav-type_3:after{content:"\f00b"}
.favorite-box a i.fav-type.fav-type_13:after{content:"\f00b"}
.favorite-box a i.fav-type.fav-type_6:after{content:"\f7d9"}
.favorite-box a i.fav-type.fav-type_7:after,.favorite-box a i.fav-type.fav-type_10:after{content:"\f013"}
.favorite-box a i.fav-type.fav-type_5:after{content:"\f002"}
.favorite-box a i.fav-type.fav-type_9:after{content:"\f15c"}
.favorite-box a i.fav-type.fav-type_2:after,.favorite-box a i.fav-type.fav-type_4:after{content:"\f067"}
.favorite-box .list-select{height:16px;width:16px;position:absolute;top:2px;right:2px;border:solid 1px #ddd;display:none}
.favorite-box .fav-type{}
.favorite-box:hover {background:#f6f6f6}
.favorite-box:hover .list-select{display:block}
.datalist-row.favorite-box:focus{background:none}
.datalist-row.favorite-box:focus .list-select{display:block!important;font-family: 'Line Awesome Free';margin-bottom:0px;display:block;line-height:16px;}
.datalist-row.favorite-box:focus .list-select:before{content:"\f00c"}
.datalist-row.favorite-box:last-child{border-bottom:none}
.favorite-form .form-group{margin-bottom:0px}
/**********/

/*******Chart*******/
.graph-container{}
.graph{border-right:solid 1px #eee;border-bottom:solid 1px #eee;;background:#f9f9f9}
.finance-chart-bg{background:#f9f9f9}
.expense-chart-bg{background:#f3f6f3}
/**************/

/**global rule for list**/
._list ._row {position:relative}
._list ._row ._row-selector{height:16px;width:16px;position:absolute;top:2px;right:2px;border:solid 1px #ddd;margin-bottom:0px;line-height:16px;font-family: 'Line Awesome Free';display:none}
._list ._row:hover ._row-selector{display:block}
._list ._row.selected ._row-selector{display:block}
._list ._row.selected ._row-selector:before{content:"\f00c"}
/****Column designer*******/
.column-definition-form{border:solid 1px #999}
.column-designer-container .column{width:180px;display:inline-block;height:100%;float:left}
.column-designer-container .column.selected{border:solid 1px #999}
.column-designer-container .column .cell{height:26px;line-height:26px;border-left:solid 1px #ddd;border-bottom:solid 1px #ddd;box-sizing:border-box}
.column-designer-container .column .cell>span{padding:0px 5px 0px 5px}
.column-designer-container .column .cell .form-control{height:100%;margin:0px;border:none;box-sizing:border-box}
.column-designer-container .column .cell.invalid .form-control{border:solid 1px red}
.column-designer-container .column .cell .form-control:focus{box-shadow:inset 0 0 2px #aaa!important}
.column-designer-container .header-column.column{width:200px;}
.column-designer-container .header-column .cell{border-bottom:solid 1px #ddd;height:26px;line-height:26px;border-left:none}
.column-designer-container .header-column .cell label{margin-bottom:0px;}
#form_colum_group_columns_list{float:left;}
#columns_container{overflow-x:auto}
/*******/

/***List Row****/
.list-row{margin-bottom:15px; padding-bottom:15px; border-bottom:solid 1px #eee}
.list-row-heading h3{font-size:18px; font-weight:600; margin-bottom:5px;line-height:24px;}
/**************/

/**Home page**/
.homepage-pane{margin: 15px;}
 .dashboard-pane-title{padding:0px 15px 0px 10px}
.dashboard-title{margin:0px;font-weight:normal;margin:10px 0px 10px 0px;}
.dashboard-iframe{border:solid 1px #eee}
/**************/

.workflow-status{margin-right:15px;padding-right:15px; border-right: solid 1px #ccc}