body{
    font-size: 11px;
}
.container{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.epanel,
.epanel-pending,
.epanel-form-header .epanel-closed {
    font-size: 11px;
}
.epanel-form-header{
    float: right;
    width: 200px;
    margin-right: 0;
    padding: 5px 0;
    background: repeating-linear-gradient(-45deg,#ccc,#ccc 2px, white 0, white 9px);
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    display: none;
}

.epanel-toolbar{
    padding: 4px 0;
}
.div-toggle{
    display: none;
}
.checkbox-inline{
    display: inline !important;
}
.dropdownexportmenu{
    right: 0 !important;
    left: auto !important;
    width: auto !important;
    min-width: 100px !important;
}
.fa-file-pdf{
    color: red;
}
.fa-file-excel{
    color: green;
}
#doc_description{
    resize : vertical
}
.functionalitylatest,.functionalityall{
    margin: 0 2px !important;
    height: auto !important;
    line-height: 18px !important;
    padding: 2px 10px;
    color: white !important;
}
.functionalitylatest:hover,.functionalityall:hover{
    /*    background-color: #5cb85c;
        border-color: #4cae4c;*/
}
#btn-change-cat{
    padding: 4px 10px !important;
}
/*#clientinfo-tabs ul{
    margin: 0 !important;
}*/
.margin1{
    margin:  0 !important;
}
.margin1 .col-md-4{
    padding: 0 !important; 
}
#btn-add-account,
#btn-salesman-change,
#btn-salesman-history,
#btn-address-change,
#btn-address-shipping-change,
#btn-contact-change{
    font-size: 12px !important;
}
.erp-chx-delete{
    z-index:1 !important;
}
#toolbarreceipt-detail{
    width:651% !important;
}

/*#contentreceipt-detail{
    width:651% !important;
}
#toolbarpayment-detail{
    width:651% !important;
}

#contentpayment-detail{
    width:651% !important;
}*/
.depriciationrow{
    padding: 0 !important;
}
.jqx-tabs-title-selected-top {
    border-color: #aaa;
    border-bottom: 1px solid #fff;
    background-color: #428bca !important;
    color : white !important;
    padding-bottom: 5px;
}
.jqx-tabs-title{
    border-color: #aaa;
    color: black;
}
.jqx-tabs-header{
    padding:0px !important;
    background-color:#ffffff !important;
}
.jqx-tabs-content{
    border: 0px !important;
}
.jqx-widget-content{
    border-color: #A9A9A9 !important;
    /*border-radius: 3px;*/
}
.jqx-tabs-item{
    padding-left:0;
    padding-right:0;
}
.btnallocate{
    margin: 0 4px !important;
    height: 22px !important;
}
.remainingtext,.allocatetext,.allocatedtext{
    /*float:right;*/
    margin: 3px 0 !important;
    cursor: pointer;
    padding: 3px 7px;
    background: transparent !important;
    color: black !important;
    border: none;
    /*height: 20px !important;*/
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 13px;
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
    /*font-weight: bold;*/
}
.remainingamount,.allocateamount,.allocatedamount{
    /*float:right;*/
    margin: 3px 0 !important;
    cursor: pointer;
    background: transparent !important;
    padding: 3px 7px;
    border: none;
    /*height: 24px !important;*/
    min-width: 50px;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-align: right;
    color: black !important;
    /*font-weight: bold;*/
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 13px;
    width: 70%;
    display: inline-block;
}
.allocatecurrenct,.allocatedcurrency{
    margin: 3px 0 !important;
    cursor: pointer;
    padding: 3px 7px;
    background: transparent !important;
    color: black !important;
    border: none;
    /*height: 20px !important;*/
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 13px;
    width: calc(30% - 14px);
    display: inline-block;
}
#settle-grid_toolbar_custom_buttons{
    width: 88%;
}
#doc-modal .modal-content{
    min-height: 500px;
}
.totalallocate{
    float:left;
    width: 210px;
    position: fixed;
    top: 93px;
}
.totalallocate table{
    width:100%;
}
.totalallocate table th{
    background: #e0e9f5;
}
.btncolor {
    color: #004183 !important;
}
#inputfrom_date,
#inputto_date,
#inputrec_from_date,
#inputrec_to_date,
#inputfrom_date_withdraw,
#inputto_date_withdraw,
#inputfrom_date_documents,
#inputto_date_documents{
    border-color: black !important;
    width: 225px !important;
    top: 50% !important;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
#from_date,#rec_from_date,#to_date,#rec_to_date,#from_date_withdraw,#to_date_withdraw,#from_date_documents,#to_date_documents{
    border: 1px solid;
    border-color: #ccc !important;
}
/*.jqx-action-button-energyblue{
    left: 228px !important;
}*/
.btnsearch{
    /*margin-top: 24px;*/
    float: left;
    padding: 3px 12px;
}
.allocatediv{
    float: right;
    /*border: 1px solid #e1e1e1;*/
    width:100%;
    /*padding: 10px;*/
}
.allocatebutton{
    float: right;
    /*border: 1px solid #e1e1e1;*/
    width:200px;
    padding: 10px 0;
}
.allocatedrow{
    padding: 5px;
}
.allocaterow{
    padding: 10px 5px;
}
.totalallocated{
    background: white;
}
.data-more-show{
    text-align: right;
    font-weight: bold;  
    cursor: pointer;
    padding: 5px 0;
}
.data-more-show:hover{
    text-decoration: underline;  
    color: blue;
}
.setamount_cont{
    width: 100%;
    padding: 30px 10px;
}
.setamount_part{
    width: 49%;
    display: inline-block;
}
.creditfacilitydiv{
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 5px;
    display: inline-block;
}
.creditfacility{
    padding: 5px 0;
    display: inline-block;
    padding-right: 5px;
}
.orderstatus{
    position: absolute;
    top: 0px;
    right: 0px;
    font-weight: bold;
    font-size: 20px;
}
.panel-search-criteria{
    height: 535px;
    margin-bottom: 50px;
    overflow: auto;
}
.searchcontent{
    height:585px;
}
.searchresultdiv {
    height:535px;
    overflow-y: auto;
    overflow-x: none;
    padding: 0;
    border: 1px solid #a4bed4;
}
.queryproduct{
    text-align: left;
    border-bottom: 1px solid #a4bed4;
    padding: 5px 10px;
    font-size: 12px;
    margin-bottom: 0;
}
.deactivate{
    display:none;
}
.addtosales{
    padding: 10px;
    position: absolute;
    bottom: 0;
}
#product-sales-history-modal{
    width: 72%;
    max-height: 412px;
    left: 190px;
    top: 68px;
}
#product-sales-history-modal .modal-dialog{
    margin: 0 !important;
}
#product-sales-history-modal .erp-modal-container.erp-model-content{
    max-height: 508px !important;
}
#search_period,#rec_search_period,#search_maturitydate,#search_period_withdraw,#bankaccountfilter,#search_maturitydate_withdraw,#checks_count,#checks_amount{
    height: 27px !important;
    padding:3px 12px !important;
}
.fromtodiv{
    /*padding: 3px 12px;*/
    text-align:left;
}
.resetbtn,.submitbtn{
    width: calc(50% - 2px);
    float: left;
    cursor: pointer;
    height: 27px;
    color: #fff;
    background-color: #ed9c28;
    border: none;
    /*border-color: #d58512;*/
    border-radius: 4px;
    text-align: center;
    line-height: 1.5;
    /*margin-top: 2px;*/
}
.submitbtn{
    background-color: #5bc0de !important;
    float: right;

}
.filterlabel{
    padding-top: 5px;
    padding-bottom: 2px;
}
.filtercont{
    padding-bottom: 5px;
}
.resetbtn:hover{
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}
#nextcheckmng{
    margin-top: 10px;
}
.select2-container .select2-choice > .select2-chosen {
    float: left !important;
}
.marginmin{
    margin-top: 10px;
}
.mar
.checkwithdrawlabel{
    padding: 4px 12px;
    text-align: right;
}
#check_date,#check_value_date{
    border-color: black !important;
}
.modal-open #ui-datepicker-div{
    z-index: 1051 !important;
}
#tabs_bank_charges{
    width: 60%;
    margin: 0 auto;
}
.btn-pdc-open{
    margin: 2px !important;
    height: 22px !important;
}
.resultlabel{
    text-align: right;
    padding:6px 12px !important;
}
.checkmngresult{
    display: none;
    position: absolute;
    top: 4px;
    right: 0;
    width: 50%;
    z-index: 1;
}
.filterdiv{
    border-right: 1px solid #e1e1e1;
}
.checkcount {
    padding: 4px 12px;
}
.doc_amount_mng{
    cursor: not-allowed;
    background-color: #eee !important;
    opacity: 1;
}
.select2-container{
    min-width: 80px !important;
}
#panel-search-fields{
    /*height: 580px !important;*/
}
.addremove{
    width: auto !important;
    float: left !important;
}
.packlistbuttoncontainer{
    margin-top: 10px;
}
.documentdatelabel{
    padding: 3px 15px;
    text-align: right;
}
.maturedfilter{
    text-align: right;
    margin-bottom: 5px;
}
.packlabel{
    padding: 0 2px !important;
    text-align: left;
}
.inputpack .form-control{
    height: 34px !important;
    padding:3px 12px !important;
}
.inputpack .doc-number{
    text-align: right;
}
.inputpack .col-md-6,.inputpack .col-md-12 {
    padding: 0 2px !important;
}
.inputpack{
    padding-bottom: 5px;
}
#contenttablegenerate-pack-list-grid{
    top : 0 !important;
}
.panel-search{
    /*width: 100% !important;*/
}
.listproductsearch #listBoxContentpanel-search-fields{
    /*height: 100% !important;*/
}
#account-grid_toolbar_custom_buttons,#auxiliary-salesman-grid_toolbar_custom_buttons{
    float:right !important;
    padding-right:0px !important;
}
.tab-content{
    /*padding-top: 10px;*/
    padding-bottom: 10px;
}
.tab-content-order-summary{
    padding-top: 37px;
    padding-bottom: 10px;
}
.opacity{
    opacity: 0.5;
}
#salesman-auxiliary-list-grid{
    padding-top: 10px;
}
.centerv {
    top: 50% !important;
    position: relative;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.centerh {
    left: 50% !important;
    position: relative;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.centervh {
    top: 50% !important;
    left: 50% !important;
    position: relative;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.tright {
    text-align: right !important;
}
.tleft {
    text-align: left !important;
}
.tcenter {
    text-align: center !important;
}
.canceled_on{
    display: none;
}
.optiontitle{
    /*font-weight: bold;*/
    /*border: 1px solid red;*/
    padding-bottom: 10px;
    font-size: 17px;
    /*text-decoration: underline;*/
    /*text-underline-position: under;*/
}
.searchtitle{
    font-weight: bold;
    /*border: 1px solid red;*/
    padding-top: 10px;
    font-size: 15px;
}

.checkboxlabel {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    /*font-size: 16px;*/
    /*color: black;*/
    text-transform: capitalize;
    text-align: left;
    margin: 1% 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 500;
}

/* Hide the browser's default checkbox */
.checkboxlabel input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: -2px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #CED9EB;
    border: 1px solid #7586A2;
}

/* On mouse-over, add a grey background color */
.checkboxlabel:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkboxlabel input:checked ~ .checkmark {
    background-color: #3b5998;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkboxlabel input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkboxlabel .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.levels{
    width: 35%;
    float: right;
}
.tableorder{
    border: 1px solid #989898;
    width: 100%;
}
.tableorder td{
    padding:10px;
    /*border: 1px solid #989898;*/
}
.posting_order{
    padding-bottom: 10px;
}
.buttondiv{
    padding-top: 16px;
    padding-bottom: 6px;
}
.buttondiv2{
    padding-top: 5px;
    padding-bottom: 5px;
}
.newtrlabel{
    width: 30%;
}
.postingorder{
    padding: 6px !important;
}
.canceledondate{
    color: red;
}
#doc_num{
    float: right;   
}
/*#page{
    background: #F4F9FD;
}*/
body{
    background: #DEE1E7 !important;
    font-family:  Arial, sans-serif !important;
    /*font-family: 'Arial' !important;*/
    font-weight:normal;
    font-style:normal;
    color: black !important;
    /*font-family: 'Titillium Web', sans-serif !important;*/
}
*{
    /*font-family: 'poppinsregular', Arial, sans-serif !important;*/  
}
#header{
    background: none;
    
}

#middle{
    /*padding: 75px;*/
    margin: 0;
}
.jqx-widget, .jqx-widget-content{
    font-family: Arial, sans-serif !important;
    /*font-family: 'Titillium Web', sans-serif !important;*/
    font-size: 11px;
}
div[role=row]:nth-child(odd) div[role=gridcell]{
    border-bottom: 1px solid #ddd;
}
div[role=row]:nth-child(even) div[role=gridcell]{
    border-bottom: 1px solid #ddd;
}
/*.jqx-grid-cell{
    background-color: #F7F7F7;
    color:black;
}*/
.jqx-fill-state-normal-energyblue, .jqx-widget-header-energyblue{
    background-color: #fff !important;
}
.jqx-tabs-title-container{
    background: white !important;
    
}
/*header color*/
.jqx-widget-header{
    background-color: #f7f7f7 !important;
    color: black !important;
    border-width: 0;
}
/*.jqx-disableselect{
    background-color: #D4D4D4 !important;
}*/
.jqx-yii-grid-toolbar .jqx-yii-grid-btn{
    color: black !important;
    /*color: white !important;*/
    /*    border-color: white !important;
        border: 1px solid;*/
}
.page-title{
    border-bottom: none !important;
    font-size: 16px !important;
    margin-bottom: 0 !important;
    padding-left:10px;
    padding-right:10px;
    
}
.page-header-title{
    border-bottom: none !important;
    font-size: 14px !important;
    margin-bottom: 0 !important;
    padding: 8px 0;
    padding-left:10px;
    padding-right:10px;
    font-weight:bold;
    display: inline-block;
    margin-top: 0;
    text-transform: uppercase; 
}
.btn-group>.btn+.dropdown-toggle{
    padding: 11.5px 6px !important;
    font-size: 11px !important; 
}
/*#header-top-right .navbar-nav>li>a{
    padding: 6px 0 !important;
}*/
.navbar-btn{
    margin:0 !important;
}
.userbtn{
    /*    padding: 7.8px 10px;*/
    height: 75px;
    width:75px;
    margin-top: -50px;
    background: black !important;
    border: none;
    border-radius: 50% !important;
     -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    
    /*border-radius: 50%;*/
}
.userbtn i{
    margin-right: 10px !important;
    font-size: 45px !important;
   
}
#userprofile {
    position: absolute;
    background: white;
    right: 5px;
    top: calc(100% + 5px);
    z-index: 999;
    padding: 40px 10px ;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    border-radius: 4px;
    display: none;
}
#userprofile_img{
    height: 100px; 
    width: 100px;
    padding: 10px;
    border-radius: 50px;
    background: #a8adb5;
    float: none;
    margin: 0 auto;
}
#userprofile_img i{
    font-size: 50px !important;
    margin: 0 !important;
}
#userprofile_name{
    font-weight: bold;
    font-size: 14px;
    padding: 10px ;
}
#userprofile_controls{
    /*border : 1px solid red;*/
    padding: 5px 0;
}
#userprofile_controls userbtn{
    display: inline-block;
}
#userprofile_signout{
    padding-top: 5px;
}
#userprofile_manage button{
    background: #5cb85c !important;
    color:white !important;
}
/*#header-top-right .navbar-nav.navbar-right:last-child{
    margin-right: 0;
}*/
.btn-group{
    margin: 0 !important;
    margin-left: 0px !important;
    font-size: 11px !important;
    width: 100%;
}
.actionbtn{
    width: 80%;
    font-size: 11px !important;
    color: #004578;
}
.searchbtn i{
    color: white !important;
}
div[role=row]:hover .jqx-grid-cell{
    background-color: #cfdde9 !important;
}
.jqx-grid-cell-selected-energyblue, .jqx-fill-state-pressed-energyblue{
    background-color: #cfdde9 !important;
    color: black !important;
}
.jqx-cell-todelete{
    color: red !important;
}
.epanel-toolbar-wrapper{
    border-left: none !important;
    border-right: none !important;
    background: #333333 !important;
    padding: 8px !important;
    border-bottom: 1px solid #a5a2a2 !important;
}
.epanel-form-body{
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.epanel-list-header{
    color : #004183 !important;
    /*background: #fff !important;*/
    background: #F4F9FD !important;
    border-right: 2px solid #428bca;
    padding: 10px 2px 10px 8px;
    /*padding-top: 44px;*/
}
.epanel-list-body{
    border: none;
    border-right: 2px solid #428bca;
}
.epanel-list-action.navbar-nav>li>a,.erp-modal-close,.erp-modal-close i{
    color: #004183 !important;
}
.erp-modal-header{
    color: #004183 !important;
    background: #fff !important;
}
.row div{
    /*background: #D4D4D4 !important;*/
    /*padding-left: 0 !important;*/ 
}
.epanel-list-wrapper .jqx-grid-cell-left-align {
    top: 50% !important;
    position: relative;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 0 !important;
    padding-bottom: 0 !important;
}
.epanel-list-body .jqx-grid-cell{
    height: 100%;
    /*background: #F4F9FD;*/
}
.epanel-list-wrapper{
    /*width: 20%;*/
}
.vatcontainer{
    width: 51%;
    background: white;
    /*margin: 0 auto;*/
    float:right;
    padding: 10px 0;
    /*border: 1px solid red;*/
}
.vatlabel,.vatperc{
    width: 100%;
    text-align: center;
    font-size: 25px;
    /*font-weight: bold;*/
}
.vatperc{
    /*color:red;*/
    font-size: 25px;
}
.vatdate{
    width: 100%;
    text-align: center;
    /*font-size: 20px;*/
}
.vatbtn{
    /*border: 1px solid red;*/
    text-align: center;
    width: 51%;
    float: right;
    /*background: white;*/
    padding-top: 10px;
}
.vatbtn .btn{
    display: inline-block;
}
.changevatdiv{
    padding: 20px;
    float: left;
    width:100%;
}
.vatparentcontainer{
    width: 100%;
    text-align: right;
}
.vatinformation{
    background: #e1e1e1;
    padding: 5px;
}
.vatbtncontrol{
    display: block !important;
    /*width: 70% !important;*/
    margin: 0 5px !important;
    /*margin-bottom: 5px !important;*/
    padding: 5px;
    float: right;
}
.newaccountlabel{
    padding-right: 0 !important;
    text-align: left;
    padding: 2px 0;
}
.erp-modal-title{
    text-align: left;
    color: black;
    /*font-weight: bold;*/
}
.gridimage{
    height: 100%;
    padding: 5px;
    cursor: pointer;
    top: 50% !important;
    left: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%) TranslateX(-50%);
    -moz-transform: translateY(-50%) TranslateX(-50%);
    -ms-transform: translateY(-50%) TranslateX(-50%);
    -o-transform: translateY(-50%) TranslateX(-50%);
    transform: translateY(-50%) TranslateX(-50%);
    border-radius: 3px;
}
.grideditdiv{
    color: green;
    padding: 8px 12px;
}
.gridmodulediv{
    color: #428bca;
    padding:10px 2px;
    cursor: pointer;
}
.gridhistorydiv{
    color: blue;
    padding: 8px 12px;
}
.gridimage1{
    width: 60%;
    padding: 2px;
    border-radius: 3px;
}
.jqx-cell-edit{
    text-align: center;
}
/*.gridimage:hover,*/
.aaa:hover,.gridimage1:hover{
    border: 1px solid #004183;
}
.currencyrow{
    background: white;
    padding: 10px !important;
    border: 1px solid #e1e1e1;
    border-bottom: none;
}
.currencyrow:last-child{
    border-bottom: 1px solid #e1e1e1;
}
.receipttabs{
    /*border: 1px solid red;*/
    margin-top: 10px;
    background: white;
}
.receipttabstitle{
    font-weight: bold;
    padding: 5px 2px;
    /*border-bottom: thin solid #e1e1e1;*/
}
.jqx-grid-column-header{
    font-weight: bold;
    border-color: transparent !important;
    font-size: 11px;
}

#container {
    background: white !important;
}
.erp-dt-header{
    background: #D4D4D4 !important;
}
.erp-dt-footer{
    display: none;
}
.row-seperator{
    display: none;
}
.addaccountrow{
    padding: 5px 0;
}
.control-label{
    text-align: left;
    width: 100%;
}
.jqx-grid-popup-btn.jqx-grid-cell-selected-energyblue input.jqx-button, .jqx-grid-popup-btn.jqx-fill-state-pressed-energyblue input.jqx-button{
    color: black !important;
}
#receipt-cash,#payment-cash{
    /*border: none;*/
}
#header-top{
    padding-top: 0;
    padding-bottom: 0px;
    background: #0064cdd1;
    /*background: #3c3e40 !important;*/
    /*background: #cfdde9 !important;*/

}
.container{
    /*    width: 100%;
        padding: 0 5px !important;*/
}
.doc-description-tpl{
    height: 24px;
    float: right;
    padding: 0 6px;
}
.erp-modal-container.erp-model-content{
    margin-top: 0; 
    min-height: 400px;
}
.doc-no .doc-code {
    float: left !important;
    width: 30% !important;
    padding: 0;
    min-height: 25px !important;
}
.doc-no input.doc-year{
    width: 30%;
}
.doc-no input.doc-num{
    width: calc(40% - 10px);
}
.applybtn{
    padding: 2px 12px;
}
.editbtn{
    color: #428bca;
}
.fa-trash-alt,.fa-edit{
    font-family: "Font Awesome 5 Free" !important;
}
.assetsinfo .col-md-12{
    padding: 5px 0;
}
.dep_section{
    /*    background: aliceblue;*/
    margin-top: 20px;
    padding: 5px 0;
}
.assetsinfo .col-md-12{
    background: aliceblue;
}
.dep_info{
    background: aliceblue;
}
.dep_section .col-md-12{
    padding: 5px 0;
}
.dep_label{
    height: 30px;
    text-align: left;
}
.dep_information .col-md-12{
    padding: 2px 0 !important;
} 
.dep_grid{
    margin-top: 10px;
}
.dep_period{
    overflow-y: auto;
    border-right: 1px solid #357ebd;
    height: 581px;
}
.epanel-list-header .dropdown-toggle{
    padding: 0 !important;
}
.dep_year{
    padding: 6px 0;
    margin-bottom: 4px;
    background: #c7e1fb;
    /*border: 1px solid #357ebd;*/
    border-right: none;
    /*background: red;*/
    border-radius:  3px;
    cursor: pointer;
    text-align: center
}
.dep_year:hover{
    background: #3276b1;
    /*border: 1px solid #285e8e;*/
    color: white;
}
.activeperiod{
    background: #3276b1 !important;
    /*border: 1px solid #285e8e;*/
    color: white !important;
}
.dep_year:last-child{
    margin-bottom: 0;
}
.form label{
    font-size: 11px;
}
.form .erp-form-control,.form-control{
    font-size: 11px !important;
    /*border-radius: 0 !important;*/
    min-height: 30px;
}
.form input[type=date]{
    font-size: 11px !important;
    border-radius: 0 !important;
}
.abc{
    border-right-color: white !important;
}
.addbtnglobal{
    cursor: pointer;
    /*margin-top: 4px;*/
}
#please-wait {
    display:none;
    /*background-color: rgba(255,255,255,0.7);*/
    position: absolute;
    z-index: 999999 !important;
    width: 100%;
    height:100%;
    top:0px;
    left:0px;
}
#please-wait img {
    position: relative;
    width: 96px;
    height: 96px;
    margin: 0 auto;
}
input.doc-number,input.doc-qty{
    text-align:right;
}
.popover.fade.bottom.in{
    width: 250px;
    top: 20px;
    left: -117px;
    display: block;
}
.popup-label-btn-add{
    background-color: transparent !important;
    border-color: transparent !important;
    font-size: 19px !important;
}
.addbtnglobal i{
    font-size: 19px;
}
.popover-content{
    font-size: 11px !important;
}
.productimage{
    width: 70%;
    margin: 0 auto;
}
.imagenotavailable{
    height: 400px;
    float: left;
    width: 100%;
}
.categorybtn{
    width: 100%;
    padding: 5px 0;
}
.categorydiv{
    padding: 5px 0;
}
.category_container{
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
}
#searchresult{
    position: absolute;
    top: 100%;
    left: 15px;
    width: calc(100% - 15px);
    max-height: 300px;
    overflow-y: auto;
    border-radius: 3px;
    background: #F4F9FD;
    z-index: 1;
    /*padding: 10px;*/
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    /*border: 1px solid black;*/
    /*padding: 5px;*/
}
.searchanchor a{
    display: block;
    padding: 5px;
    color: black;
}
.searchanchor {
    /*border-radius: 3px;*/
}
.searchanchor:first-child {
    border-radius: 3px 3px 0 0;
}
.searchanchor:last-child {
    border-radius: 0 0 3px 3px;
}
.searchanchor:nth-child(odd) {
    background: #ffffff;
}

.searchanchor:nth-child(even) {
    background: #A5BFD5;
}
.searchanchor:hover a{
    color: white;
}
.searchanchor:hover{
    background: #428bca;
}
.retailclient{
    display:none;
}
.optionsdiv{
    border: 1px solid #bbbbbb;
}
.bootstrap-switch{
    min-width: 60px !important;
}
.bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label{
    line-height: 12px !important;
}

.padding-left-0{
    padding-left:0px !important;
}
.ulyear{
    display: none;
}
.yearcontrols i{
    font-size: 25px;
    cursor: pointer;
}
#yearminus,#yearminuscost{
    float:left;
}
#yearplus,#yearpluscost{
    float:right;
}
.yeartext,.yeartextcost{
    display: inline-block;
}

div#wzinv-panel_search{
    display:none;
}
.quarterinformation{
    border: 1px solid #9a9a9a;
    padding: 10px !important;
}
.btnclosevat{
    width: 120px;
}
.radiolist {
    height: 158px;
    overflow-y: auto;
    border: 1px solid #9a9a9a;
}
.generateclosingvoucher{
    border: 1px solid #a4bed4;
    padding: 20px;
}
.closingyeardetail{
    margin-top: 10px; 
}
.modal-dialog{
    text-align: center;
}
.searchcondition{
    border: 1px solid #b3b3b3;
    padding: 10px !important;
    border-radius: 3px;
}
.diff-exch-list-buttons{
    border-left: solid 1px darkblue;
    min-height: 548px;
}
.pad-bottom-5{
    padding-bottom:5px;
}
.pad-bottom-48{
    padding-bottom:48px;
}
.epanel-toolbar-functions{
    /*top:-3px !important;*/
}
.epanel-toolbar-save-buttons, .epanel-toolbar-print-buttons{
    margin-top: 0;
    margin-left: -4px;
}

.margin-top-42{
    margin-top:42px;
}
.margin-top-28{
    margin-top:28px;
}
.margin-top-10{
    margin-top:10px;
}
.margin-top-7{
    margin-top:7px;
}
.margin-top-2{
    margin-top:2px;
}

.border-top-3{
    border-top: double 3px #000 !important;
    font-weight: bold;
}
.border-bottom-3{
    border-bottom: solid 3px #b7b7b7 !important;
    font-weight: bold;
    padding-bottom: 5px;
}
.def_label{
    line-height: 2.428571;
    /*text-align: left;*/
}
.def_btn button{
    width: 100%;
    margin-top: 10px;
}
.margin-top-5{
    margin-top:5px;
}
#menu-module .caret{
    display: none;
}
.dropdown-toggle{
    padding: 2px 5px !important;
    font-size: 11px;
}
#header-top .dropdown-toggle .fa{
    font-size: 25px;
    color: black;
    margin-right: 0 !important;
}
img.logo{
    /*max-width: 85%;*/
    padding: 7px;
    /*padding: 0;*/
    width: 125px;
    /*background: black;*/
}
.dropdowncustom{
    background: transparent !important;
    padding:6px 10px !important;
}
#header-top-menu .nav>li>a{
    padding: 15px 8px;
}
.nav-tabs>li>a{
    /*border-radius: 0;*/
    padding: 6px 15px 4px 15px;
    font-weight: normal;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
    /*border: none;*/
}
.form-control,.form-controll{
    /*border-radius: 0 !important;*/
    padding: 5px 2px !important;
}
.select2-container{
    padding: 0px !important;
}
.nav-tabs a{
    color: black;
}
.nav-tabs>li{
    /*    margin-bottom: -3px;
        margin-left: 10px;*/
}
.nav-tabs{
    /*background: white;*/
    /*padding-top: 10px;*/
}
.epanel-form-body{
    background: white !important;
}
.tab-content{
    /*background: #F6F5F5;*/
    float: left;
    width: 100%;
    padding-bottom: 0 !important;
}
.epanel-toolbar-wrapper{
    border-bottom: none;
}
.wz-doc-summary{
    background: #D5E3EE;
    padding: 15px;
}
.select2-container .select2-choices .select2-search-field input, .select2-container .select2-choice, .select2-container .select2-choices{
    /*border-radius: 0;*/
}
/*#s2id_columns a{
    border-radius: 4px 0 0 4px !important;
}*/
#columns,#columns1,#columns2,#columns3,#columns4{
    border-radius: 4px 0 0 4px !important;
    /*width: 50px;*/
    float: right;
}
.wz-form-col{
    margin-bottom: 7px;
}
.form .select2-container .select2-choice{
    height: 30px;
    /*border-radius: 0;*/
}
.form .select2-chosen, .form .select2-choice > span:first-child, .form .select2-container .select2-choices .select2-search-field input{
    padding: 9px 6px;
}
.wz-doc-summary .form-control,.wz-doc-summary .form-controll{
    padding: 0;
}
.popup-label-btn-add{
    /*    padding: 8px 2px !important;*/
}
.jqx-widget-content{
    border: none;
}
.jqx-rc-all{
    border-radius: 0;
}
.wz-form-detail{
    margin-bottom: 0;
}
.wz-doc-summary label{
    font-weight: bold !important;
}
.changeamount{
    padding: 0 0 15px 15px;
}
.panel-search-input{
    height: 30px;
}
.dropdownimage{
    /*background: #0078BB;*/
}
.doc_icon{
    padding: 5px 0;
}
.epanel-create-log{
    float: left !important;
}
.epanel-toolbar-functions .dropdown-menu,.epanel-toolbar-views .dropdown-menu{
    right: 0; 
    left: auto;
}
.dropdown_menu_left{
    left: 0 !important;
    right: auto !important;
}

.panel-search-between{
    display: inline-block;
    width: auto;
}
.panel-search-input{
    width: 150px;
}
.panel-search-operator{
    height: 30px;
}
.panel-search-label,.panel-search-between-label{
    margin-top: 5px;
}
.form .erp-form-control{
    min-height: 30px !important;
}
.jqx-grid-cell-energyblue, .jqx-widget-energyblue .jqx-grid-cell-energyblue{
    border-color: transparent;
}
#header-top-right i{
    font-size: 17px;
    margin-right: 3px; 
    color: white !important;
}
.epanel-toolbar i{
    font-size: 15px;
    margin-right: 3px; 
}
.doc_icon_grid{
    font-size: 15px !important;
    padding: 5px 0;
}
.btn-group .dropdown-menu{
    font-size: 11px;
    min-width: auto;
    width: 100%;
}
.dropdown-menu{
    font-size: 11px;
}
.dropdown-menu li{
    cursor: pointer;
    text-align: left;
}
.epanel-toolbar-save-buttons .dropdown-menu,.epanel-toolbar-print-buttons .dropdown-menu{
    right: 0;
    left: auto !important;
    min-width: fit-content;
}
.labelcentered{
    padding: 6px;
}
.barcodesample{
    border: 1px solid #b3b3b3;
    height: 150px;
}
.btn{
    font-size: 12px;
    /*padding: 7px 12px;  checks in payment request*/
}
.pluscirclebtn i{
    color: #00C20C;
}
.clientstatus{
    /*border : 1px solid #d7d7d7;*/
    padding: 5px;
    /*display: none;*/
    /*margin: 5px 0;*/
    font-size: 10px;
    color: #00C20C;
    /*background: #D5E3EE;*/
    /*font-weight: bold;*/
}
.clientstatus i{
    font-size: 15px;
}
.notactive{
    color: red;
}
.form-block-header-sub{
    padding-bottom: 0 !important;
}
.btnimagecustom{
    top: 125px !important;
}
.clientcurrentstatus{
    float: right;
    /*color: red;*/
}
.tabcustomcontent .tab-content{
    background: none;
}
.select2-container .select2-choices .select2-search-field input, .select2-container .select2-choice, .select2-container .select2-choices{
    font-family: Arial, sans-serif !important;
}
.inputborder{
    border: 1px solid #ccc !important;
}
.custommenu{
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
}
.apply_pricelist{
    opacity: 0.65;
}
.returncontainer *,.returncontainer .erp-form-control,.return_doc_no,.return_doc_no .erp-form-control{
    color: red !important;
}
.select2-container .select2-choices .select2-search-field input, .select2-container .select2-choice, .select2-container .select2-choices{
    /*border-radius: 0 !important;*/
}
.form input[type=text], .form input[type=number], .form input[type=email], .form input[type=password], .form input[type=date], .form select, .form textarea{
    /*border-radius: 0 !important;*/
}
.form input[type=text]:focus, .form input[type=number]:focus, 
.form input[type=email]:focus, .form input[type=password]:focus, 
.form input[type=date]:focus, .form select:focus, .form textarea:focus{
    -webkit-box-shadow: 0px 0px 5px 0.5px #66AFE9;
    -moz-box-shadow: 0px 0px 5px 0.5px #66AFE9;
    box-shadow: 0px 0px 5px 0.5px #66AFE9;
    border-color: #66AFE9;
}
.optionsgeneratevalue,.optionsgeneratetitle{
    padding: 7px 5px;
    text-align: left;
}
.optionsgendiv .optionsgeneratevalue:nth-child(odd) {
    background: #ffffff;
}
.optionsgendiv .optionsgeneratevalue:nth-child(even) {
    background: #F7F7F7;
}
.optionsgeneratetitle{
    background: #D4D4D4;
    font-weight: bold;
    color : black;
}
#generatetextvalue{
    padding: 10px;
}
.optionsgendiv .optionsgeneratevalue:hover{
    background: #cfdde9;
    cursor: pointer;
}
.redcircle{
    background: red;
    border-radius: 50%;
    /*border: 1px solid red;*/
    color: white;
}
.greencircle{
    background: green;
    border-radius: 50%;
    /*border: 1px solid green;*/
    color: white;
}
.productlistbtn{
    /*border-radius: 0 !important;*/
    padding: 4.5px 12px !important;
    width: calc(100% - 4px);
    float:right;
    /*color: #004578 !important;*/
    color: white !important;
}
.displaybtn{
    padding: 5.5px 12px !important;
    color: white !important;
}
.newanchor{
    width: 100%;
}
.marginbtn14 .wz-form-col{
    margin-bottom: 14px !important;
}
.labeltext{
    padding: 8px 0;
    margin: 0 !important;
}
.jqx-grid-cell a{
    margin: 10px 1px !important;
}
.menunewgrid{
    float: right;
    font-size: 26px;
    padding: 2px 0;
    cursor: pointer;
}
.menunewgrid_cont{
    list-style-type: none;
    /*border: 1px solid red;*/
    position: absolute;
    z-index: 999;
    right: 0;
    top:100%;
    background: white;
    margin: 0;
    padding: 0;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,.15);
    webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    display: none;
}
.menunewgrid_cont li{
    padding: 10px;
}
.menunewgrid_cont a{
    color: black;
}
.editstatusanchor{
    margin-left: 5px;
}
.btn-filter-toggle{
    display: none;
}
.toolbarbtn{
    margin: 0 !important;
    height: 25px !important;
    padding: 3px 10px;
}
.readonly{
    background: #eee !important;
}
.address_cont .erp-dt-items{
    height: 456px;
    overflow: auto;
    background-color: #e0e9f5;
}
.contact_cont .erp-dt-items{
    height: 224px;
    overflow: auto;
}
.vat_and_status{
    position: absolute;
    top: 21px;
    width: 34%;
    right: 0px;
    padding: 0;
    border: none;
    background: none;
}
.p_type_div{
    margin-top: 10.5px;
    color: #428bca;
}
.p_type_div:hover{
    text-decoration: underline;
}
.page-title{
    font-weight:bold;
    display: inline-block;
    /*color:white;*/
}
.locations_group{
    border: 1px solid #576373;
}
.locations_header{
    background: #576373;
    color: white;
    float: left;
    /*padding: 8px 0;*/
}
.locations_header span{
    float: left;
    padding: 8px 0;
}
.locationclosericon{
    float: right;
    font-size: 15px;
    padding: 8px 0;
    cursor: pointer
}
.locations{
    padding: 6px 3px;
    /*background: #c7e1fb;*/
    border-bottom: 1px solid #576373;
    /*border: 1px solid #357ebd;*/
    border-right: none;
    /*background: red;*/
    /*border-radius:  3px;*/
    cursor: pointer;
    text-align: justify;
}
.locations:last-child{
    border-bottom: none;
}
.locations:hover{
    background: #3276b1;
    /*border: 1px solid #285e8e;*/
    color: white;
}
.active_locations{
    background: #3276b1;
    color: white;
}
.product_image{
    width: 100%;
}
.assetbyimagediv{
    border-bottom: 1px solid #428bca;
    padding: 10px 0;
}
.labeltd{
    font-weight: bold;
    padding: 2px 0;
}
.product_image_div{
    max-height: 200px;
    overflow: hidden;
}
.assetbyimagediv:nth-child(odd){
    background: #FFFFFF;
}
.assetbyimagediv:nth-child(even){
    background: #F7F7F7;
}
div[id^="calendarjqxWidget"] {
    z-index: 9999;
}
div[id^="listBoxfilter"] {
    z-index: 99999;
}
.distributionmenu{
    border-right: 1px solid black;
    overflow: auto;
    height: 440px;
}

.distributionitem:nth-child(odd){
    background: #FFFFFF;
}
.distributionitem:nth-child(even){
    background: #F7F7F7;
}
.distributionitem{
    /*border: 1px solid red;*/
    padding: 5px;
    cursor: pointer;
    color: black;
}
.distributionitem:hover{
    background: #3276b1;
    color:white;
}
#custom_menu{
    padding: 0 2px !important;
}
#custom_menu i{
    font-size: 15px;
    color: white;
    padding: 10px 2px;
    cursor: pointer;
    margin-right: 0;
}
.custom_menu_container{
    /*width: 15%;*/
    /*height: calc(100% - 47px);*/
    /* height: 400px; */
    /*padding-bottom: 15px;*/
    background: white;
    position: absolute;
    display: none;
    z-index: 9999;
    webkit-box-shadow: 0 6px 12px rgba(0,0,0,1);
    box-shadow: 0 6px 12px rgba(0,0,0,1);
}
.custom_menu_container2{
    height: 600px;
    background: white;
    position: absolute;
    display: none;
    z-index: 9999;
    right: 0;
    webkit-box-shadow: 0 6px 12px rgba(0,0,0,1);
    box-shadow: 0 6px 12px rgba(0,0,0,1);
}
.custom_menu_container2_cont{
    display: none;
}
.closemenu{
    font-size: 20px;
    float: right;
}
.menufirstrow{
    border-bottom: 1px solid #e2e2e2;
    float: left;
}
.custom_menu_row{
    /*padding: 12px;*/
    font-size: 12px;
    height: 50px;
    cursor: pointer;
    /*border-bottom: 1px solid #e2e2e2;*/
}
.closediv{
    /*padding: 12px;*/
    font-size: 12px;
    height: 50px;
    cursor: pointer;
    /*border-bottom: 1px solid #e2e2e2;*/
}
.menusecondrow{
    border-left: 1px solid black;
    font-size: 12px;
}
.menusecondrow a{
    color: black;
}
.menusecondrow:first-child {
    border-left: none;
}
.menusecondrow div{
    padding: 10px;
}
.menusecondrow div:hover{
    color: blue;
}
.custom_menu_row2{
    /*padding: 12px;*/
    font-size: 12px;
    height: 50px;
    cursor: pointer;
    /*    border-bottom: 1px solid #e2e2e2;*/
}
.custom_menu_row:hover{
    background: #e1e1e1;
}
.right_arrow{
    font-size: 14px;
    padding: 4px 0;
}
.menufirsticon{
    font-size: 16px;
}
.custom_menu_row2 i{
    padding: 0 7px;
    font-size: 16px;
}
.lineh{
    border: thin solid #cccccc;
    float: left;
    width: 100%;
    margin: 10px 0 20px 0;
}
.templateactions i{
    float: left;
    font-size: 20px;
    margin-right: 0 !important;
    padding: 0 !important;
    cursor: pointer;
}
#action_btn_grid{
        padding: 8px !important;
}
#action_btn_grid i{
    margin-right: 0 !important;
}
.action_btn,.unreconcile_btn{
    padding:4.5px 12px !important;
}
.criteriadisplayperiod{
/*    padding: 40px 15px;
    background: #e1e1e1;*/
    border-right: 1px solid #a5a2a2 ;
}
.criteriatabs{
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #a5a2a2 ;
}
.groupeddata{
    height: 550px;
    overflow: auto;
    background-color: white;
    border-right: 1px solid #e1e1e1;
}
.accountnb{
    padding: 12px 2px !important;
    /*background: #e1e1e1;*/
    /*    color: white; */
    /*margin-bottom: 1px;*/
    cursor: pointer;
    border-bottom: thin solid #a5a2a2 !important;
}
.accountnb:hover{
    background: #cfdde9;
    /*color: white;*/
}

.auxaccount{
    border-right: 1px solid white;
}
.activeaccount{
    background: #cfdde9;
    color: black;
}
.costcenteraccount{
    overflow-x: hidden;
}
.headeraccount{
    border-bottom: thin solid #a5a2a2 !important;
    /*border-top: thin solid #a5a2a2 !important;*/
    /*background-color: #576373;*/
    height: 34px;
}
.table_fixed_header{
    background: red;
}
.optionpopup{
    padding: 3.7px 10px;
    border-radius: 0;
}
.jqx-widget .jqx-grid-column-menubutton{
    background-color: white;
    border-color: white;
}
.accountnb_hint{
    font-weight: bold;
    font-size: 10px;
}
.filllabel{
    padding: 6px 0;
    color: red;
    font-weight: bold;
}
.refresh_btn {
    padding: 7.8px 10px !important;
    background-color: transparent;
    border-color: #a5a2a2 ;
    border: none;
    margin-right: 3px;
    /* border-radius: 0; */
}
.refresh_btn:hover, .refresh_btn:focus, .refresh_btn:active, .refresh_btn.active, .open .dropdown-toggle.refresh_btn{
    background-color: #0173C7;
}
.refresh_btn i{
    color: darkslategray;
    font-size: 14px !important;
    margin: 0; 
}
.refresh_btn:hover i {
    color: white !important;
}
.action_reg_btn {
    padding: 7.8px 10px !important;
    /*background-color: transparent;*/
    border-color: #a5a2a2 ;
    border: none;
    margin-right: 3px;
    /* border-radius: 0; */
}
.action_reg_btn:hover, .action_reg_btn:focus, .action_reg_btn:active{
    background-color: #0173C7;
}
.action_reg_btn i{
    color: white;
    font-size: 14px !important;
    margin: 0; 
}
.menugrid{
    padding: 12px 0 !important;
    background: #f3f2f1;
    color: black;
    /*border-bottom: 1px solid #576373;*/
}
.menugrid_subtitle{
    /*border-right: thin solid #a5a2a2 !important;*/
    padding-top: 13px;
    padding-bottom: 12px;
    background: #f3f2f1;
    /*background: #333333;*/
}
#filter_info{
    background: #F7F7F7;
    min-height: 0;
    /*padding: 5px;*/
}
#listdiv{
    background: white;
}
.filter_text{
    padding: 6px 0;
    float:left;
}
.filtericon{
    padding: 4px; 
    float:left;
    font-size: 15px;
    cursor: pointer;
    color:red;
}
.imageview{
    height: 640px;
    overflow: auto;
}
#totalrows{
    /*float:right;*/
    text-align: center;
    font-size: 11px;
    font-weight: normal;
    padding: 2.7px 0;
    font-weight: bold;
    color: darkslategray;
}
.totalrowsparent{
    text-align: center;
    padding: 7px 0;
}
.jqx-fill-state-hover{
    /*border-color: #eee #eee #ddd;*/
    background-color: #eee;
}
.searchbtn {
    padding: 6.2px 10px;
    border-radius: 0 4px 4px 0;
    background: #0064cdd1 !important;
    border-color: transparent;
    border-left: none;
    position: absolute;
    left: calc(100% - 34px);
}
#search_text {
    border-left: none;
    border-radius: 0 4px 4px 0 !important;
}
.linkanchor{
    text-align: center;
    float: right;
    margin-left: 15px;
    padding: 5.5px 10px;
    font-weight: bold;
    font-size: 12px;
    color: green;
    /*border: 1px dashed transparent;*/
    /*border-left: 1px green dashed;*/
}
.linkanchor:hover,.linkanchor:focus{
    /*box-shadow: 0 5px 5px -5px black;*/
    /*transform: translateY(-2px);*/
    /*border: 1px blue dashed;*/
    /*text-decoration: none !important;*/
    color: blue;
}
.accountnbspan{
    float: right;
}
.disabled{
    background-color: #f4f4f4 !important;
    background: #f4f4f4 !important;
}
.exportbtn{
    margin-left: 5px;
}
.export_btn:hover i {
    color: white;
}
.export_btn:hover .caret {
    color: white;
}
.newaction{
    font-size: 14px !Important;
}
margin-bottom-5{
    margin-bottom: 5px;
}
.erp-dt-item > .erp-dt-item-delete{
    left: 4px;
    top: 7px;
}
.paymenttabs{
    visibility: hidden;
}
.table_amount_vat_total{
    border: 1px solid black;
    border-collapse: collapse;
    width: 100%;
}
.table_amount_vat_total th{
    text-align: right;
    border: 1px solid black;
    width: 32%;
    background: #576373;
    color: white;
}
.table_amount_vat_total td{
    text-align: right;
    border: 1px solid black;
}
.modal .page-title{
    text-align: left;
}
.statementgrouptitle{
/*    color: white;*/
    padding: 5px;
    font-weight: bold;
}
.bold{
    font-weight: bold !important;
}
.accountnbrow1{
    font-size: 13px;
}
.group_account_nb{
    float: left;
}
.group_account_name{
    float: left;
}
.accountnbrow2{
    padding-top: 10px;
    text-align: center;
}
.group_account_dep,.group_account_cur{
    float: left;
}
.group_account_bal{
    float: right;
}
.selectdisplay{
    padding-bottom: 15px !important;
}
.filterdisplay{
    padding: 0 10px !important;
}
.curpadding{
    padding-left: 10px;
}
.displayby{
    float: left;
    width: 100%;
    padding: 15px;
    border-top: thin solid #a5a2a2;
    border-bottom: none;
    cursor: pointer;
    text-align: left;
    font-size: 14px;
}
.displayby:hover{
    background: #cfdde9;
}
.classaccount {
  color: black;
  /*background-color: #B0BF44 !important;*/
  font-weight: bold !important;
 }
.custom_date_icon{
    font-size: 16px;
    position: absolute;
    top: 7px;
    right: 8px;
    cursor: pointer;
}
.datepicker{
    position: absolute;
    z-index: 20;
    background: white;
    -webkit-box-shadow: 0px 0px 2px 0.3px #222222;
    -moz-box-shadow: 0px 0px 2px 0.3px #222222;
    box-shadow: 0px 0px 2px 0.3px #222222;
    /* width: calc(100% - 15px); */
    display: none;
    padding-bottom: 5px;
}
.tablepicker{
    width: 95%;
    margin: 0 auto;
}
.tablepicker th{
    padding: 10px 2px;
    text-align: center;
    border: 1px solid #e1e1e1;
}
.tablepicker td{
    padding: 5px;
    border: 1px solid #e1e1e1;
    text-align: center;
}
.monthscontrol {
    border: none !important;
    cursor: pointer;
}
.current_date{
    cursor: pointer;
}
.current_date p{
    margin: 0 !important;
}
.current_date:hover{
    background: #cfdde9;
}
.today{
    background: #004578;
    color: white;
}
.accounts_levels{
    border-left: 1px solid #e1e1e1;
}

.jqx-grid-toolbar .jqx-button.btn-add .fa{
    color: white !important;
}

.epanel-toolbar .btn {
    margin-left: 3px !important;
    margin-right: 0 !important;
    padding: 5px 7px !important;
    /* background: transparent !important; */
    color: darkslategray !important;
    /* border: none; */
    border: 1px solid transparent !important;
    border-radius: 4px;
    /* border: none !important; */
}
.epanel-toolbar .btn:hover:not(.btn-add) {
    background: #0173C7 !important;
    opacity: 1 !important;
    color: white !important;
    /*border:1px solid #adadad !important;*/
}
.epanel-toolbar .btn:hover .caret {
    color: white !important;
    /*border:1px solid #adadad !important;*/
}
.epanel-toolbar .btn-add{
    background: #5cb85c !important;
    border-color: #255625 !important;
}
.epanel-toolbar .btn-add:hover{
    background: #398439 !important;
    border-color: #398439 !important;
}
.epanel-toolbar .btn i {
    margin-right: 0 !important;
    font-size: 16px !important;
}
.epanel-toolbar .btn-add i,.epanel-toolbar .btn-save i{
    margin-right: 4px !important;
}
.btn-save{
    border-radius: 4px 0 0 4px !important;
}
.btn-print{
    border-radius: 4px 0 0 4px !important;
}
.epanel-toolbar-save-buttons .btn{
    padding: 12px 5px !important;
    border-radius: 0 4px 4px 0;
}
.epanel-toolbar-print-buttons .btn{
    padding: 12px 5px !important;
    border-radius: 0 4px 4px 0;
}
.logo_menu{
    width: 80%;
    margin: 10px 0;
}
.showfilterbtn{
    margin-right: 5px;
}
.exportbtn{
    margin-left: 5px;
    color: darkslategray;
}
.verticalline{
    display: inline-block;
    border: 1px solid white;
    padding: 12px 0;
    margin-bottom: -10px;
}
.reconcile_btn,.unreconcile_btn{
    
}
.incomestatementgrid{
    overflow: auto;
    height: 550px;
    background: white;
}
.balancesheetgrid{
    overflow: auto;
    height: 550px;
    background: white;
}
.custom_btn_group .actionbtn{
    background: transparent;
    border: none;
    color: white;
    text-align: right;
}
.custom_btn_group .actionbtn:hover{
    text-decoration: underline;
}
.custom_btn_group .dropdown-toggle{
    background: transparent;
    border: none;
}
.custom_btn_group .btn .caret{
    color: white;
}

.registration_title{
    /*border: 1px solid red;*/
    padding: 12px 10px;
    cursor: pointer;
    float: left;
    font-weight: bold;
    font-size: 15px;
}
.registration_table{
    width: 100%;
}
.registration_table th{
    padding: 5px;
    background: #939596;
    color: white;
}
.registration_table td{
    padding: 5px;
}
.checkboxlist {
    padding: 4px 0;
}
.application_company{
    border: 1px solid black;
    /*padding: 51.5px;*/
    height: 120px;
    margin: 3px 0 15px 0;
}
.application_company span{
    display: block;
}
.application_company2{
    border: 1px solid black;
    margin-bottom: 25px;
    padding: 15px 0;
}
.application_modules{
    float: left;
    padding: 0 0 15px 0px;
}
.modules_price{
    float: right;
}
.application_existance{
    padding-right: 70px;
    float: right;
    position: absolute;
    right: 80px;
}
.active_reg_title{
    background: #e1e1e1;
    color: black;
}
.totaldiv{
    border-top: 1px solid black;
}
#login-wrapper{
    /*border: 1px solid red;*/
    background: #f4f4f4;
    border-radius: 15px;
    margin: 50px 0;
    padding: 20px;
}
.page-user-title{
    text-align: center;
    padding: 25px;
    font-size: 25px;
}
#login-form input{
    padding: 10px;
    margin: 10px 0px;
}
#loginbtn{
    width: 100%;
    padding: 10px;
    margin: 10px 0;
}
.userbtnheader{
    height: 22px;
    width: 22px;
    background: #0064cd !important;
    border: none;
    -webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
    box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
    margin: 7px 10px !important;
    border-radius: 50%;
    float:right;
}
.userbtnheader i{
    margin-right: 0 !important;
    font-size: 13px !important;
}
.erp-modal-close i{
    font-size: 17px;
    margin-right: 3px;
}
.group_company_info,.mod_type_1,.mod_type_2,.mod_type_3{
    margin-bottom: 20px;
    /*border-radius: 4px;*/
    /*padding: 10px !important;*/
}
.company_info{
    /*border: 1px solid black;*/
    padding-bottom: 10px;
    /*border-radius: 4px;*/
    background: #e1e1e1;
}
.group_company_info{
    /*border: 1px solid black;*/
    /*border-radius: 4px;*/
}
.group_company_info div{
    padding: 2px !important;
}
.company_info_div,.mod_type_1_div{
    /*border: 1px solid black;*/
    /*margin-right: 10px;*/
    /*padding: 10px !important;*/
    /*border-radius: 4px;*/
}
.registration_title_activate{
    /*padding: 0;*/
    padding: 10px;
    font-size: 15px;
}
.mod_type_1 .col-md-3:nth-child(even){
    background: #bdd5f2;
    padding: 10px !important;
}
.mod_type_1 .col-md-3:nth-child(odd){
    background: #84b2ea;
    padding: 10px !important;
}
.mod_type_1 .col-md-3:first-child{
    background: white !important;
}
.mod_type_2 .col-md-3:nth-child(even){
    background: #bdd5f2;
    padding: 10px !important;
}
.mod_type_2 .col-md-3:nth-child(odd){
    background: #84b2ea;
    padding: 10px !important;
}
.mod_type_2 .col-md-3:first-child{
    background: white !important;
}
.mod_type_3 .col-md-3:nth-child(even){
    background: #bdd5f2;
    padding: 10px !important;
}
.mod_type_3 .col-md-3:nth-child(odd){
    background: #84b2ea;
    padding: 10px !important;
}
.mod_type_3 .col-md-3:first-child{
    background: white !important;
}
.application_name{
    padding: 10px;
    text-decoration: underline;
    font-size: 16px;

}
.company_name{
    padding: 5px 10px 5px 10px;
}
.invoiceheader{
    border: 1px solid black;
    background: #e1e1e1;
    padding: 5px;
}
.invoicecontent{
    border: 1px solid black;
    border-top: none;
}
.discountInvoice{
    text-decoration: line-through;
    color: red;
    text-align: right;
}
.discountInvoice label{
    text-decoration: line-through;
    color: red;
}
.valueInvoice{
    text-align: right;
}
.select2-container .select2-choice{
    height: 30px !important;
}
.registration_nb_users div{
    border: 1px solid black;
    padding: 10px 15px;
}
.activateinvoicecont{
    border: none !important;
    background: #e1e1e1;
}
.labelinvoice{
    text-align: left;
}
.activate_btn{
    padding-top: 0 !important;
}
.additional_modules_div{
    padding: 10px;
}




























input.checkboxx {
    opacity: 0;
    display: none;
}
input.checkboxx:checked + label svg path {
    stroke-dashoffset: 0;
}
input.checkboxx:focus + label {
    transform: scale(1.03);
}


.checkboxcont label {
    display: block;
    border: 1px solid #333;
    width: 20px; 
    height: 20px;
    border-radius: 3px;
    cursor: pointer;
    transition: all 1s ease;
    margin: 4px auto;
}
.checkboxcont label:active {
    transform: scale(1.5);
}
.checkboxcont label svg {
    pointer-events: none;
}
.checkboxcont label svg path {
    fill: none;			
    stroke: #333;
    stroke-width: 4px;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 100;
    stroke-dashoffset: 101;
    transition: all 350ms cubic-bezier(1,0,.37,.91);
}
#header-top-logo{
    float:none;
}
.dropdowncart{
    right: -10px;
    left: auto !important;
}
.addtocartbtn{
    background: #0173C7;
    text-transform: uppercase;
    font-size: 11px;
    border-radius: 4px;
    cursor: pointer;
    width: 150px;
    float: left;
    text-align: center;
    font-weight: bold;
}
.addtocartbtn:hover{
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.5);
    box-shadow: 0 2px 5px rgba(0,0,0,.5);
}
.addtocart_i{
    background: #4b4d4c;
    float:left;
    padding: 7px 10px;
    border-radius: 4px 0 0 4px;
    
}
.addtocart_i i {
    color: white;
    font-size: 15px;
}
.addtocartbtn span{
    padding: 7px;
    float: right;
    margin-right: 15px;
    color: white;
}
.nbofitems{
    position: absolute;
    top: -4px;
    left: 37px;
    background: red;
    /* padding: 0 4px; */
    width: 17px;
    text-align: center;
    border-radius: 50%;
    height: 17px;
    line-height: 17px;
}
.cartamount{
    padding: 0 5px;
    color: #00ba59 !important;
    font-weight: bold;
    font-size: 15px;
}
.checkoutbtn{
    background: #0173C7;
    color: white !important;
    padding: 5px 20px !important;
}
.checkoutbtn:hover{
    /*background: #0173C7 !important;*/
    color: black !important;
}

.cartcont{
    margin-right: 10px;
    border-radius: 4px;
    padding: 5px 10px
}
.dropdown-togglecart{
    padding: 5px 10px !important;
}
.dropdown-toggle span{
    color:darkslategray;
}
/*.menugrid{
    padding: 5px 0 !important;
}*/
.bigicon {    
    color:white;
    font-size: 20px;
    padding: 0 10px;
}
.nav>li>a:hover, .nav>li>a:focus,.nav .open>a{
    text-decoration: none;
    background-color: #0173C7 !important;
    border-radius: 4px;
}
ul.dropdown-cart{
    min-width:250px;
    border: 2px solid #343434;
    padding: 0;
    margin: 7px;
    margin-top: 11px;
}
ul.dropdown-cart li .item{
    display:block;
    padding:3px 10px;
    margin: 3px 0;
    color: black;
    
}
ul.dropdown-cart li .item:hover{
    background-color:#c3c5c5;
    
}
ul.dropdown-cart li .item:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

ul.dropdown-cart li .item-left{
    float:left;
}
ul.dropdown-cart li .item-left img,
ul.dropdown-cart li .item-left span.item-info{
    float:left;
}
ul.dropdown-cart li .item-left span.item-info{
    margin-left:10px;   
}
ul.dropdown-cart li .item-left span.item-info span{
    display:block;
}
ul.dropdown-cart li .item-right{
    float:right;
}
ul.dropdown-cart li .item-right button{
    margin: 10px 0;
    padding: 4px 6px;
}
.totalcheckout{
    font-weight: bold;
}
.couponcontainer{
    /*display: none;*/
}

.advancedsearchleftsec,.advancedsortleftsec{
    /*border: 1px solid #e1e1e1;*/
    text-align: left;
    height: 400px;
    overflow-y: auto;
}
.advancedsearchleftsecdiv,.advancedsortleftsecdiv{
    padding: 5px;
    cursor: pointer;
    border: 1px solid transparent;
}
.advancedsearchleftsecdiv:hover,.advancedsortleftsecdiv:hover{
    border: 1px solid #a4bed4;
    background: #eee;

}
.advancedsearchrightsec,.advancedsortrightsec{
    border: 1px solid #e1e1e1;
    text-align: left; 
    height: 400px;
    overflow-y: auto;
}
.fromvalue{
    display: none;
}
.advancedsortrightsecdiv_operator span{
    padding: 5px 0;
    display: block;
}
.filterselected{
    padding: 0 10px;
    cursor: pointer;
    /*border-right: 1px solid black;*/
    float: left;
    margin: 5px 0;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    background: white;
    margin-right: 5px !important;
}
.filterselected span {
    padding: 5px;
    float: left;
}
.filterselected:hover{
    border: 1px solid #ff0000;
}
.btncontainer{
    margin-top: 5px;
    position: absolute;
    bottom: 15px;
    width: calc(100% - 30px);
    /* right: 0; */
    padding: 0 15px;
}
.modalform{
    padding-bottom: 40px;
}
.nobackground{
    background: transparent !important;
}
.contactinformation{
    border-top: 1px solid #e1e1e1;
    margin: 20px 0;
}
.showhidemenu{
    padding: 7.8px 7px !important;
    background-color: transparent;
    font-size: 14px;
    border: none;
}
.showhidemenu .fa-chevron-left {
    color: #2e80d6 !important;
}
.groupedbydivtitle {
    cursor: pointer;
    padding-left: 14px;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 12px;
}
.groubedbydivtitlebg {
    background-color: #cfdde9 !important;
    color: #2e80d6 !important;
}
.groupedbydivtitlesub {
    padding-top: 7px;
    padding-bottom: 7px;
}
.groupedbydivtitle:hover {
    /* font-weight: bold !important; */
    background: #e1e1e1 !important;
}
.jqx-grid-cell-pinned-energyblue {
    background: white;
}

.jqx-grid-statusbar .jqx-grid-cell-pinned-energyblue {
    background: #f3f2f1 !important;
}
.Modal_label_title{
    font-size: 14px !important;
    font-weight: bold !important;
    padding-bottom: 15px;
    padding-top: 15px;
}



.toggle_inv {
    --width: 110px;
    --height: calc(var(--width) / 4);
    position: relative;
    display: inline-block;
    width: var(--width);
    height: var(--height);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: var(--height);
    cursor: pointer;
    margin: 5px 10px !important;
  }

  .toggle_inv input {
    display: none;
  }

  .toggle_inv .slider_inv {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--height);
    background-color: #ccc;
    transition: all 0.4s ease-in-out;
  }

  .toggle_inv .slider_inv::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    margin: 3px;
    width: calc(var(--height) - 6px);
    height: calc(var(--height) - 6px);
    border-radius: calc(var(--height) / 2);
    background-color: #fff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    transition: all 0.4s ease-in-out;
  }

  .toggle_inv input:checked+.slider_inv {
    background-color: #2196F3;
  }

  .toggle_inv input:checked+.slider_inv::before {
    transform: translateX(calc(var(--width) - var(--height)));
  }

  .toggle_inv .labels_inv {
    position: absolute;
    top: 8px;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 12px;
    font-family: sans-serif;
    transition: all 0.4s ease-in-out;
  }

  .toggle_inv .labels_inv::after {
    content: attr(data-off);
    position: absolute;
    right: 5px;
    color: #4d4d4d;
    opacity: 1;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    transition: all 0.4s ease-in-out;
  }

  .toggle_inv .labels_inv::before {
    content: attr(data-on);
    position: absolute;
    left: 5px;
    color: #ffffff;
    opacity: 0;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.4);
    transition: all 0.4s ease-in-out;
  }

  .toggle_inv input:checked~.labels_inv::after {
    opacity: 0;
  }

  .toggle_inv input:checked~.labels_inv::before {
    opacity: 1;
  }

.addbtn{
    background: #31af31;
    border-radius: 50%;
    padding: 5px 6px;
}

.plusbtn{
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 32px;
    margin: 5px;
    cursor:pointer !important;
}
.table_migrate{
    width:100%;
    /* border-bottom: 1px solid black; */
}
.table_migrate tr{
    /* width:100%; */
    border-bottom: 1px solid black;
}
#doc_attached_result{
    height: 300px;
    overflow: auto;
    border: 1px solid #e1e1e1;
    padding: 15px;
    padding-bottom: 0;
    margin-top: 10px;
    margin-bottom: 0;
}

.please_wait_upload {
    display:none;
    /*background-color: rgba(255,255,255,0.7);*/
    /* position: absolute;
    z-index: 999999 !important;
    width: 100%;
    height:100%;
    top:0px;
    left:0px; */
}
.please_wait_upload img {
    position: relative;
    width: 35px;
    height: 35px;
    margin: 0 auto;
}
.databaseicon{
    font-size: 150px;
    padding: 30px 0;
}

.created_databases,.importresponse{
    text-align: left;
    margin-top: 20px;
}
.created_databases div,.importresponse div{
    padding: 10px;
    background: #e1e1e1;
    border-radius: 4px;
    margin: 10px 0;
    color: green;
    font-weight: bold;
    font-size: 15px;
}
.dropdown_gridmenu {
    z-index: 999 !important;
    height: calc(100% - 1px) !important;
    margin-top: 1px;
}

#grid_operation_detail{
    float: left;
    width:100%;
    height:800px;
    overflow: auto;
}
.classinsert{
    color: green;
}
.classupdate{
    color: blue;
}
.classdelete{
    color: red;
}
.table_operation td,.table_operation th{
    padding: 7px !important;
}