body{ font-size: 13px;}
.clear{ clear: both;}
.expanded .asiafeeds_logo{ height: 56px; width: 161px; display: block;} 
.asiafeeds_logo{ height: 56px; width: 161px; display: none;} 
.asiafeeds_logo img{ max-width: 100% !important; }
.menu-expanded .asiafeeds_logo { height: 75px; width: 172px; display: block;}
.menu-expanded .asiafeeds_logo2 { display: none;}
.asiafeeds_logo2{ width: 161px; display: block; } 
.asiafeeds_logo2 img{ max-width: 100% !important; }
.expanded .asiafeeds_logo2{ display: none;}


.logo_night{ display: none;}
.dark-layout .logo_day{ display: none;}
.dark-layout .logo_night{ display: block;}

.main-menu .navbar-header .navbar-brand { margin-top: 0; margin-left: -15px; }

.progress_text{ float: right;}

.synchronization_span{ margin-left: 15px;}
.segments_text{ color: #16C96B;}
.subsegments_text{ color: #7362F4;}
.customers_text{ color: #EC5351;}
.card-statistics .statistics-body .avatar .avatar-content { width: 74px; height: 74px;}
.card .card-title{ font-weight: 400;}
.fw-bolder {font-weight: 400 !important;}
.main-menu.menu-light .navigation li a {padding: 15px 15px 15px 15px;}
.main-menu.menu-light .navigation > li > a { margin: 10px 15px;}
.main-menu.menu-dark .navigation li a {padding: 15px 15px 15px 15px;}
.main-menu.menu-dark .navigation > li > a { margin: 10px 15px;}
.navigation{ font-size: 13px;} 
.nav .modern-nav-toggle{ color: #7C6DF4 !important;}
.sales_progressbox{ width: 100%;}
.progress_textbox{ margin-top: 10px;}
.totalorder_text{ font-size: 22px; color: #7362F4; position: relative; top: 3px; margin-left: 10px;}


.saleorder_section{ font-size: 13px;}
.soorder_box{ text-align: center;}
.saleorder_bags{ font-weight: 700; font-size: 18px; margin-top: 8px; margin-bottom: 10px;}
.dispatched_box{ background: #16C96A; color: #fff; display: inline-block; border-radius: 50px; padding: 8px 12px;}
.arrived_box{ background: #7362F4; color: #fff; display: inline-block; border-radius: 50px; padding: 8px 12px;}
.loading_box{ background: #FFA037; color: #fff; display: inline-block; border-radius: 50px; padding: 8px 12px;}
.pending_box{ background: #EC5351; color: #fff; display: inline-block; border-radius: 50px; padding: 8px 12px;}
  

 

.salebags_icon { background: url(../images/bags_icon.svg) no-repeat; width: 25px; height: 25px; display: inline-block; position: relative; top: 6px;  background-size: 100%; }
.dark-layout .salebags_icon{   background: url(../images/bags_icondark.svg) no-repeat;}



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

.driver_icon{background:url("../images/driver_icon.svg") no-repeat; width: 20px; height: 20px; display: inline-block; position: relative; top: 5px;
margin-right: 5px; background-size: 100%;}
.dark-layout .driver_icon {background:url("../images/driver_icondark.svg") no-repeat;}

.phone_icon{background:url("../images/phone_icon.svg") no-repeat; width: 20px; height: 20px; display: inline-block; position: relative; top: 5px;
margin-right: 5px; background-size: 100%;}
.dark-layout .phone_icon{background:url("../images/phone_icondark.svg") no-repeat; }


.clock_icon{background:url("../images/clock_icon.svg") no-repeat; width: 20px; height: 20px; display: inline-block; position: relative; top: 5px;
margin-right: 5px; background-size: 100%;}
.dark-layout .clock_icon{background:url("../images/clock_icondark.svg") no-repeat; }


.clock_dispatched{background:url("../images/clock_green.svg") no-repeat; width: 20px; height: 20px; display: inline-block; position: relative; top: 5px;
margin-right: 5px; background-size: 100%;}

.clock_arrived{background:url("../images/clock_blue.svg") no-repeat; width: 20px; height: 20px; display: inline-block; position: relative; top: 5px;
margin-right: 5px; background-size: 100%;}

.clock_loading{background:url("../images/clock_orange.svg") no-repeat; width: 20px; height: 20px; display: inline-block; position: relative; top: 5px;
margin-right: 5px; background-size: 100%;}

.clock_pending{background:url("../images/clock_red.svg") no-repeat; width: 20px; height: 20px; display: inline-block; position: relative; top: 5px;
margin-right: 5px; background-size: 100%;}


.date_icon{background:url("../images/date_icon.svg") no-repeat; width: 20px; height: 20px; display: inline-block; position: relative; top: 5px;
margin-right: 5px; background-size: 100%;}
.dark-layout .date_icon{background:url("../images/date_icondark.svg") no-repeat;}


.so_m1{ margin-bottom: 10px;}
.so2_m1{ margin-bottom: 5px;}
.so2_m3{ margin-bottom: 15px; margin-top: 15px;}

.saleorder_statusbox{ text-align: center; border-top: solid 1px #E2E2E2; margin-top: 10px; padding-top: 15px;}

ul.saleorder_statusbox_list{ list-style: none; margin: 0px; padding: 0px;}
ul.saleorder_statusbox_list li{ display: inline-block; padding-left: 15px; padding-right: 15px;}
ul.saleorder_statusbox_list li:first-child{ font-size: 16px; font-weight: 700;}
.unit_span{ display: block;}
.status_dispatched{ color: #16C96A}
.status_arrived{ color: #7362F4}
.status_loading{ color: #FFA037}
.status_pending{ color: #EC5351}






 
.customerpayment_btnbox{ margin-top: 15px;}
.customerpayment_btnbox button{ margin-right: 15px;}
 


.customer_totalbox{ font-size: 22px; font-weight: 700; color: #7362F4;}
.totalbox{ margin-top: 25px; text-align: right;}

ul.customer_bank{ list-style: none; padding: 0px; margin: 0px;}
ul.customer_bank li{ display: inline-block;}
ul.customer_bank li:last-child{ float: right;}
.bank_title{ font-weight: 700; max-width: 350px;}

.bank_icon{ background: url("../images/bank_icon.svg") no-repeat; width: 25px; height: 25px; display: block; position: relative; top: 5px; float: left; margin-right: 10px; }
.dark-layout .bank_icon{ background: url("../images/bank_icondark.svg") no-repeat;}
.bank_rightbox{   padding: 7px 12px; border-radius: 50px; display: inline-block;}


ul.banklocation_box{ list-style: none; padding: 0px; margin: 0px;}
ul.banklocation_box li{ display: inline-block; margin-top: 15px;}
ul.banklocation_box li:last-child{ float: right;}


.customer_ammountbox{   background: rgba(115, 98, 244, 0.08) !important; font-size: 22px; font-weight: 700; text-align: center;  padding: 10px; border-radius: 8px; margin-top: 15px;
	margin-bottom: 15px;  }

.card_icon{ background: url("../images/card_icon.svg") no-repeat; width: 30px; height: 30px; display: inline-block; background-size: 100%; position: relative; top: 5px; margin-right: 10px;}

.dark-layout .card_icon{ background: url("../images/card_icondark.svg") no-repeat; background-size: 100%;}

ul.customer_namebox{ list-style: none; padding: 0px; margin: 0px;}
ul.customer_namebox li{ display: inline-block; }
ul.customer_namebox li:last-child{ float: right;}
    ul.customer_namebox li:first-child{
       width:70%;
    }

.usericon{background: url("../images/user_icon.svg") no-repeat; width: 24px; height: 24px; display: block; background-size: 100%; position: relative; top: 5px; float: left; margin-right: 10px; }

.userlocation_box{ max-width: 350px;}

.dark-layout .usericon{background: url("../images/user_icondark.svg") no-repeat;  background-size: 100%;  }
.bank_rightbox{   padding: 7px 12px; border-radius: 50px; display: inline-block;}


ul.customer_lastbox{ list-style: none; padding: 0px; margin: 0px; margin-top: 15px;}
ul.customer_lastbox li{ display: inline-block; padding-right: 10px;}
ul.customer_lastbox li:last-child{ float: right;}

.customer_dot1{  width: 15px; height: 15px; border-radius: 100%; display: inline-block; position: relative; top: 2px; background: rgba(40, 199, 111, 0.24) ;}
.customer_dot2{  width: 15px; height: 15px; border-radius: 100%; display: inline-block; position: relative; top: 2px; background: rgba(115, 98, 244, 0.28);}
.customer_checkbox{ position: relative; top: 5px;}
.edit_iconbtn{ position: relative; top: -2px;}

.customer_textgreen{ color: #15C368;}
 

.postnumber_mainbox{ background: #ddd; width: 100%; height: 100%; position: relative;}



.postnumber_mainbox { background: #ffffffe8; width: 100%; height: 100%; position: absolute; z-index: 99; border-radius: 8px; padding: 30px; }

.dark-layout .postnumber_mainbox{ background: #2f3453fa;}


.addcustomer_box{ text-align: center;}
 
.form-label{ margin-top: 5px; margin-bottom: 5px;}
.selectd_banktext{ font-size: 11px; margin-top: 10px !important;}

.branch_textbox{ color: #16C96A; position: relative; top: -8px; font-size: 11px;}
.btn_newbranch{ background: #16C96A; border-radius: 4px; color: #fff; padding: 5px 12px; font-size: 11px; position: relative; top: -2px;}
.btn_newbranch:hover{ color: #fff; text-decoration: none;}


.small_section{ max-width: 600px; margin: auto;}

.total_subsegments{ font-size: 22px; font-weight: 600;}

.users_rightscheckbox .form-check-input{ width: 24px; height: 24px;}

.userright_green .form-check-input:checked{ background-color: #16C96A; border-color: #16C96A;}
.userright_green .form-check-input:focus { border-color: #16C96A;}

.userright_red .form-check-input:checked{ background-color: #EC5351; border-color: #EC5351;}
.userright_red .form-check-input:focus { border-color: #EC5351;}

.userright_yellow .form-check-input:checked{ background-color: #FFA037; border-color: #FFA037;}
.userright_yellow .form-check-input:focus { border-color: #FFA037;}


ul.segments_listbox{ list-style: none; padding: 0px; margin: 0px;}
ul.segments_listbox li{ display: block;}
 

.segments_green{background: rgba(40, 199, 111, 0.12); color: #16C96A; border-radius: 24px; padding: 10px 15px; display: inline-block;}
.segments_red{background: rgba(234, 84, 85, 0.12); color: #EC5351; border-radius: 24px; padding: 10px 15px; display: inline-block;}
.segments_orange{background: rgba(255, 159, 67, 0.12); color: #ff9f43; border-radius: 24px; padding: 10px 15px; display: inline-block;}
.segments_blue{background: rgba(115, 103, 240, 0.12); color: #7367f0; border-radius: 24px; padding: 10px 15px; display: inline-block;}

 
.subsegments_green{background: rgba(40, 199, 111, 0.12); color: #16C96A; border-radius: 24px; padding: 10px 15px; display: inline-block;}
.subsegments_green span { display: inline-block; background: #16C96A; color: #fff; border-radius: 50%; width: 16px; height: 16px; text-align: center; line-height: 16px; font-size: 12px;
    cursor: pointer; font-weight: 600; position: relative; top: -2px; margin-left: 7px;} 



.subsegments_red{background: rgba(234, 84, 85, 0.12); color: #EC5351; border-radius: 24px; padding: 10px 15px; display: inline-block;}
.subsegments_red span { display: inline-block; background: #EC5351; color: #fff; border-radius: 50%; width: 16px; height: 16px; text-align: center; line-height: 16px; font-size: 12px;
    cursor: pointer; font-weight: 600; position: relative; top: -2px; margin-left: 7px;} 

.subsegments_orange{background: rgba(255, 159, 67, 0.12); color: #ff9f43; border-radius: 24px; padding: 10px 15px; display: inline-block;}
.subsegments_orange span { display: inline-block; background: #ff9f43; color: #fff; border-radius: 50%; width: 16px; height: 16px; text-align: center; line-height: 16px; font-size: 12px;
    cursor: pointer; font-weight: 600; position: relative; top: -2px; margin-left: 7px;} 

.subsegments_blue{background: rgba(115, 103, 240, 0.12); color: #7367f0; border-radius: 24px; padding: 10px 15px; display: inline-block;}
.subsegments_blue span { display: inline-block; background: #7367f0; color: #fff; border-radius: 50%; width: 16px; height: 16px; text-align: center; line-height: 16px; font-size: 12px;
    cursor: pointer; font-weight: 600; position: relative; top: -2px; margin-left: 7px;} 





.segments_switchbox{ float: right; position: relative; top: 8px;}

.subsegments_textbox{ display: inline-block; padding: 10px 15px; position: relative; top: 3px; font-weight: 600;}


ul.subsegments_listbox{ list-style: none; padding: 0px; margin: 0px; margin-left: 30px; }

ul.subsegments_listbox li{ padding-top: 15px; font-weight: 600;}



.profile_imgbox{ position: relative; width: 135px; height: 135px; background: #000; border-radius: 100%; margin: auto; background-size: cover!important; background-position: 50% 50%!important;}

.profile_editbtn{background: url("../images/profile_editbtn.svg") no-repeat; width: 30px; height: 30px; display: inline-block; background-size: 100%; cursor: pointer; position: absolute; 
	right: -15px; top: 50%;}

.summary_heading{ font-size: 14px; font-weight: 600; }
 
.summary_heading2{  font-weight: 600; margin-top: 15px;}



.months_icon{ background: url(../images/months_icon.svg) no-repeat; width: 20px; height: 20px; display: inline-block; position: relative; top: 6px;  background-size: 100%; }

.dark-layout .months_icon{ background: url(../images/months_icondark.svg) no-repeat;  background-size: 100%; }

 
.balance_icon{ background: url(../images/balance_icon.svg) no-repeat; width: 20px; height: 20px; display: inline-block; position: relative; top: 6px;  background-size: 100%; }
.dark-layout .balance_icon{ background: url("../images/balance_icondark.svg") no-repeat;  background-size: 100%; }

 
.salebags_icon2 { background: url(../images/bags_icon.svg) no-repeat; width: 20px; height: 20px; display: inline-block; position: relative; top: 6px;  background-size: 100%; }
.dark-layout .salebags_icon2{   background: url(../images/bags_icondark.svg) no-repeat;}





.summary_table tr td{ padding-top: 15px; vertical-align: bottom; font-size: 13px;}

ul.lastday_list{  list-style: none; padding: 0px; margin: 0px; margin-top: 15px;}
ul.lastday_list li{ display: inline-block; padding-right: 15px;}
.customers_heading{ font-weight: 600; margin-bottom: 15px;}

.summary_cashactivetext{ color: #16C96B; font-weight: 600; margin-top: 15px;}


.salesbox {
    background: #16C96B;
    color: #fff;
    line-height: 22px;
    text-align: center;
    border-radius: 5px;
    font-size: 12px;
    display: inline-block;
    font-weight: 600;
    margin-left: 5px;
    position: relative;
    top: -1px;
    padding: 0px 5px;
}
.paymentbox{  background: #EC5351; color: #fff; line-height: 22px; text-align: center; border-radius:5px; font-size: 12px; display: inline-block; font-weight: 600;
margin-left: 5px; position: relative; top: -1px; padding:0px 5px;}


.summary_bold{font-weight: 600;}


.outstandings_span{ float: right;}


.mobile_view{ display: none;}

ul.mobile_customerlist{ list-style: none; padding: 0px; margin: 0px; margin-top: 7px;}
ul.mobile_customerlist li{ display: inline-block; width: 32%;}
.customerpayment_lable{ padding: 5px 10px; background: #FFBF00; color: #000; display: inline-block; margin-top: 10px; border-radius: 4px;}


.arrowbox{ width: 30px; height: 30px; background: #000; position: absolute; bottom: 2px; right: 2px; text-align: center; color: #fff; font-size: 18px; line-height: 30px; cursor: pointer;}

.arrowbox_change .arrowup{ display: none;}
.arrowbox .arrowdown{ display: none}
.arrowbox_change .arrowdown{display: block; }



 ::-webkit-scrollbar {
    height: 12px;
    width: 12px;
    background: #fff;
}

::-webkit-scrollbar-thumb {
    background: #7367F0;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: none !important;
}

::-webkit-scrollbar-corner {
    background: #7367F0;
}





/*==================== Active Customers Table View css  ============================*/



.activecustomerstablesection{ }

.activecustomer_logo{ width: 200px;}
.activecustomer_logo img{ width: 100%;}
.activecustomer_headingbox{ text-align: center;}
.active_headingbox{ font-size: 1.285rem; font-weight: 400; margin-bottom: 10px;}
.active_rightlogo{ width: 100px; float: right;}
.active_rightlogo img{ width: 100%;}


.active_table{ white-space: nowrap; margin-top: 30px; width: 100%; height: 600px; overflow: auto;}

.activegrid_btn{ float: right; width: 40px; padding-left: 5px; padding-right: 5px; text-align: center;}



.active_table table thead  {  position: -webkit-sticky; top: 60px; }


.asiafeed_logo {
    width: 156px;
}

.assign_rolesbtbox button {
    margin-bottom: 10px;
    margin-right: 10px;
}


.checkbox_label {
    margin-top: 5px;
    margin-left: 5px;
}

.demo-inline-spacing > *{ margin-top:0px; margin-right:5px; }
.demo-inline-spacing {
    margin-top: 10px;
}

.demo-inline-spacing .badge { padding:10px 20px; cursor:pointer; 
    }




.cardsubsegment_box {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #e3e6f0;
    border-radius: 0.35rem;
}

.cardsubsegment_header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: #f0f0f1;
    border-bottom: 1px solid #f0f0f1;
    cursor: pointer;
}

    .cardsubsegment_header:hover {
        background: #7266f0; color:#fff; border-radius:4px;
    }

.subsegemtn_textbtn:hover {
    background: #7266f0;
    color: #fff;
}


.subsegemtn_textbtn {
    padding: 10px;
    cursor: pointer;
}
.subsegemtn_textactive {
    background: #7266f0;
    color: #fff;
     
}

.cardsubsegment_active {
    background: #7266f0;
    color: #fff;
    border-radius: 4px;
}

.segments_textheading{ margin-top:10px; margin-bottom:10px; display:block; width:100%;}



.mt_5{ margin-top:5px;}

.update_spanbox {
    float: right;
    background: #dddddd7d;
    padding: 5px 20px;
    border-radius: 50px;
    font-weight: 400;
}


.green_text {
    color: #28c76f
}

 

.orange_text {
    color: #ff9f43
}


.main-menu .navbar-header{ height:75px;}



 
.loaderbox {
    background: #ffffffd1;
    width: 100%;
    height: 100%;
    padding-top: 20%;
    position:fixed;
    z-index: 9;
    text-align: center;
    top: 0px;
    left: 0px;
    margin: auto;
    overflow:hidden;
}


.dark-layout .loaderbox {
    background: #293046d9;
    width: 100%;
    height: 100%;
    padding-top: 20%;
    position: fixed;
    z-index: 9;
    text-align: center;
    top: 0px;
    left: 0px;
    margin: auto;
    overflow: hidden;
}









.loaderbox img {
    width: 150px;
}
.loader {
    background: url(../images/loader.svg) center center no-repeat  !important;
    padding: 50px;
    font-size: 0px !important;
}



.active_customerstable {
    width:100%;
    margin-top:30px;     
}



    .active_customerstable table th {
        padding: 10px 5px;
        text-align:center;
    }

    .active_customerstable table td {
        padding: 10px 5px;
        text-align:right;
    }

.text_left{ text-align:left !important;}
.text_center {
    text-align: center !important;
}

.popup_customersearchbox{ position:relative; top:-5px;}

.popupsearch_tablebox table {
    border: solid 1px #f3f2f7;
}

.popupsearch_button{ border:0px; margin-right:10px;}

 

.popupsearch_tablebox table tr:nth-child(even) {
    background-color: #f3f2f7;
}

.popupsearch_tablebox table tr td:hover {
    background: #7367f0; cursor:pointer;
}

.popupsearch_tablebox table tr td a {
    color: #6e6b7b;
}

.popupsearch_tablebox table tr td:hover a {
   color:#fff;
}


.customdropdown_searchbox{ position:relative; width:100%;}

    .customdropdown_searchbox:before {
        background: url(../images/dropdown_icon.svg) no-repeat;
        content: "";
        display: block;
        width: 20px;
        height: 20px;
        position: absolute;
        right: 9px;
        top: 9px;
    }


ul.customdropdown_list {
    list-style: none;
    box-shadow: 0 5px 25px rgba(34, 41, 47, 0.1);
    position: absolute;
    background: #fff;
    border: 1px solid #7466f0;
    border-radius: 4px;
    width: 100%;
    top: 37px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 0;
    z-index: 9999;
    height: 235px;
    overflow-x: scroll;
}

    ul.customdropdown_list li a {
        padding: 10px;
        color: #6e6b7b;
        display: block;
    }

        ul.customdropdown_list li a:hover {
            background-color: rgba(115, 103, 240, 0.12) !important;
            color: #7367f0 !important;
        }




.customdropdown_listactive {
    color: #fff !important;
    background: #7367f0;
}


.customdropdown_textbox:focus {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.customdropdown_textbox {
    cursor: pointer;
}



.validation-message {
    color: #ea5455 !important; position:relative; top:5px;
}










.customer_paymenttable table th {
    padding: 10px 5px;
}

.customer_paymenttable table td {
    padding: 10px 5px;
}


.tablecustomer_ammountbox {
    font-size: 22px;
    font-weight: 700;
}


.tablebank_title {
    font-weight: 700;
    max-width: 350px;
}


.mt-1 {
    margin-top: 5px !important;
}


.tablecustomer_checkbox {
    margin-left: 5px;
    margin-top: 5px;
}



.text_right {
    text-align: right !important;
    padding-right: 10px !important;
}

.rowbordertop {
    border-top: solid 3px #2ac770 !important;
    background-color: #2ac77017 !important;
}

.customer_paymenttable tr:nth-child(even) {
    background-color: #79797912;
}


.customer_paymenttable tr {
    border: solid 1px #79797912;
}



.btn_table{ padding:6px; }
.ml_5{ margin-left:5px;}



.tableupdate_spanbox {
    background: #dddddd7d;
    padding: 5px 20px;
    border-radius: 50px;
    font-weight: 400;
    display: inline-block;
    margin-top: 5px;
    margin-bottom:5px;
}

.version_textbox {
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #efeff0;
}

.version_textbox span{ font-weight:700;}


.customer_endtextbox {
    padding-top:10px;
}



.activecustomer_table {
    text-align: left;
    position: relative;
    border-collapse: collapse;
}

    .activecustomer_table .tableth {
        background: #e6e4ee;
        position: sticky;
        top: 200px;
        box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
    }


    .activecustomer_table .tableth2 {
        background: #e6e4ee;
        position: sticky;
        top: 117px;
        box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
    }

.black_td {
    background: #636363 !important;
    color: #fff !important;
}

.gray_td {
    background: #bfbfbf !important;
    color: #000 !important;
}
.footer_table  {
    background:#000;
    color:#fff;
    font-weight:700;
    font-size:16px;
}
.footer_table  td{ text-align:left;}


.content_pagebox{ position:relative;}





.dasboard_table {
    white-space: nowrap;
    width: 100%;
    height:357px;
    overflow: auto;
}

.td_bold{ font-weight:700;}

.td_fixed {
    background: #f3f2f7 !important;
}

.blue_td {
    background: #f5f4ff !important;
    
}



.text_red {
    color: #FD434D !important; 
}

.text_blue {
    color: #7761F9 !important;
}

.th_namebox{ width:260px;}
.small_text{ font-size:10px;}
.saleorder_loading {
    display: inline-block;
    background: #FFA037;
    border-radius: 50px;
    padding: 5px 10px;
    margin: auto;
    color: #fff;
    text-wrap: nowrap;
}
.saleorder_pending {
    display: inline-block;
    background: #EC5351;
    border-radius: 50px;
    padding: 5px 10px;
    margin: auto;
    color: #fff;
    text-wrap: nowrap;
}

.saleorder_arrived {
    display: inline-block;
    background: #7362F4;
    border-radius: 50px;
    padding: 5px 10px;
    margin: auto;
    color: #fff;
    text-wrap: nowrap;
}
.saleorder_dispatched {
    display: inline-block;
    background: #16C96A;
    border-radius: 50px;
    padding: 5px 10px;
    margin: auto;
    color: #fff;
    text-wrap: nowrap;
}


.rowstatus_loading {
    border-bottom: solid 2px #ff9f38 !important;
}
.rowstatus_pending {
    border-bottom: solid 2px #EC5351 !important;
}

.rowstatus_arrived {
    border-bottom: solid 2px #7362F4 !important;
}

.rowstatus_dispatched {
    border-bottom: solid 2px #16C96A !important;
}


.text_norwap {
    text-wrap: nowrap;
}


.k-input-values{ min-height:36px !important;}


.dark-layout .td_fixed {
    background: #151e31 !important;
}



.activeparties_cashbox {
    background: rgba(40, 199, 111, 0.12);
    border-radius: 0.428rem;
    padding: 20px 10px;
    text-align: center;
    padding-bottom: 15px;
    height:100%;
}

.activeparties_creditbox {
    background: rgba(115, 103, 240, 0.12);
    border-radius: 0.428rem;
    padding: 20px 10px;
    text-align: center;
    padding-bottom: 15px;
    height:100%;
}

.activeparties_box {
    background: rgb(238 103 38 / 9%);
    border-radius: 0.428rem;
    padding: 20px 10px;
    text-align: center;
    height: 100%;
    padding-bottom: 15px;
}
 

.dead_inactivebox {
    background: rgba(0, 0, 0, 0.04);
    border-radius: 0.428rem;
    padding: 20px 10px;
    text-align: center;
    height: 100%;
    padding-bottom: 15px;
}


.activeparties_closingbalance {
    border-radius: 0.428rem;
    padding: 20px 10px;
    text-align: center;
    height: 100%;
    padding-bottom: 15px;
    border-bottom: solid 1px rgba(0, 0, 0, 0.04);
}


.heading_cash {
    font-size: 36px;
    font-weight: 700;
   
}
.fw_7{ font-weight:700;}

.blue_text {
    color: #7362F4;
}

.red_text {
    color: #EC5351;
}


.graph_linebox {
    background: url(../images/graphline.svg) no-repeat;
    width:100%; height:150px;
}


.saleorder_bagtext{ text-align:right; margin-top:5px;}

.avatar_height {
    height:100%;
}


.bg-light-hold {
    background: rgb(255 0 222 / 12%) !important;
    
}

.progress-bar-hold {
    background: rgb(255 0 222 / 12%)
}

    .progress-bar-hold .progress-bar {
        background-color: #ec1ddf;
    }


.saleorder_hold {
    display: inline-block;
    background: #FF19E6;
    border-radius: 50px;
    padding: 5px 10px;
    margin: auto;
    color: #fff;
    text-wrap: nowrap;
}

.status_hold {
    color: #FF19E6;
}

.rowstatus_hold {
    border-bottom: solid 2px #FF19E6 !important;
}


.hold_box {
    background: #FF19E6;
    color: #fff;
    display: inline-block;
    border-radius: 50px;
    padding: 8px 12px;
}




.btnbg_asia {
    background: #16C96A;
}
.btnbg_chenab {
    background: #EC5351;
}
 
.btnbg_delta {
    background: #FFA037;
}
.btnbg_indus {
    background: #7362F4;
}
.btnbg_total {
    background: #959595;
}



.open_btn {
   
    width: 25px;
    height: 25px;
    display: inline-block;
    border-radius: 50px;
    margin-right: 10px;
    text-align: center;
    line-height: 25px;
    cursor:pointer;
}

.close_btnicon {
    background: url(../images/close_btnicon.svg) no-repeat;
    width: 9px;
    height: 9px;
    display:inline-block;
}

.open_btnicon {
    background: url(../images/open_btnicon.svg) no-repeat;
    width: 9px;
    height: 9px;
    display: inline-block;
}


.brand_section{ padding-left:10px;}
.segments_section{ padding-left:20px;}


.customers_namebox{ font-weight:600; margin-bottom:10px; position:relative; margin-left:10px;}
.customers_imgbox {
    display: inline-block;
    width: 33px;
    height: 33px;
    border-radius: 50px;
    background: #ddd;
    margin-left: -10px;
    position: relative;
    left: 10px;
}

    .customers_imgbox img {
        width:100%; border-radius:50%;
        height:100%; background-size:cover;
        border:solid 1px #fff;
    }



.multipleuser_icon {
    background: url(../images/multipleuser_icon.svg) no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    top: 5px;
    margin-left: 5px;
}






.multipleuser_box {
    position: absolute;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(34, 41, 47, 0.125);
    border-radius: 0.428rem;
    box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1);
    z-index: 999;
    padding: 15px;
    min-width: 270px;
    visibility: hidden;
    opacity: 0;
    transition: all .9s cubic-bezier(1, -0.3, 0, 0.79);
   
}
.multipleuser_icon:hover .multipleuser_box {
    visibility: visible;
    opacity: 1;
    transition: all .9s cubic-bezier(1, -0.3, 0, 0.79);
}
 


ul.multipleuser_listbox {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
    ul.multipleuser_listbox li {
        display: block;
        padding-bottom: 10px;
        border-bottom: solid 1px #ddd;
        padding-top: 10px;
    }
ul.multipleuser_listbox li:last-child{ border-bottom:0px; }


.customers_imgboxlist {
            display: inline-block;
            width: 33px;
            height: 33px;
            border-radius: 50px;
            background: #ddd;
        }

    .customers_imgboxlist img {
        width: 100%;
        border-radius: 50%;
        height: 100%;
        background-size: cover;
        border: solid 1px #fff;
    }


.dark-layout .multipleuser_box {
    background-color: #283046;
    box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.24);
    border: solid 1px #192034;
}

.dark-layout ul.multipleuser_listbox li {
 
    border-bottom: solid 1px #192034;
 
}

.good_customer {
    border-left: 6px solid #16c96b;
}

.bad_customer {
    border-left: 6px solid #ec5351;
}

.avg_customer {
    border-left: 6px solid #FFA037;
}


.brand_logobox {
    width: 52px;
    height: 52px;
    display: inline-block;
    
    background-size:100% !important;
} 

.asiabrand_logo {
    background: url(../images/asiabrand_logo.svg) no-repeat;
    
}
.chenabbrand_logo {
    background: url(../images/chenabbrand_logo.svg) no-repeat;
    
}

.indusbrand_logo {
    background: url(../images/indusbrand_logo.svg) no-repeat;
    
}

.deltabrand_logo {
    background: url(../images/deltabrand_logo.svg) no-repeat;
     
}

.userlist_imgbox{ border-radius:50px; background-size:cover; }
.dropdown button:active{outline:none !important; border:0px;}
.tab-content .dropdown-toggle {
    border: 0px !important;
}


.asiacard {
    
    border-left: solid 6px #1ac96a;
}
.induscard {
    
    border-left: solid 6px #7362F4;
}
.chenabcard {
    
    border-left: solid 6px #EC5351;
}

.deltacard {
   
    border-left: solid 6px #FFA037;
}


.card_active {
    background: #f1fdff ;
}

.dark-layout .card_active {
    background: #7362f426;
}

.card_none {
    background: #fff ;
}







ul.activecustomer_listbox{ list-style: none; padding: 0px; margin: 0px;}


ul.activecustomer_listbox li{ font-weight: 500; padding-bottom: 5px; padding-top: 5px; display: block; border-bottom: solid 1px #ECEAF7;}

ul.activecustomer_listbox li span{ font-weight: 400; float: right;}

.activecustomer_listboxmobile{ display: none;}

.year_spanbox {
    font-weight: 600;
    background: #F4F3FA;
    border-radius: 4px;
    padding: 5px 10px;
    margin-bottom: 5px;
    display: inline-block;
}

.nextback_btnbox{ text-align: center; margin-top: 20px;}
.backbtn{ background: url(../images/backbtn.svg) no-repeat; width: 30px; height: 30px; display: inline-block; cursor: pointer; margin-left: 4px; margin-right: 4px; background-size: 100%;}
.nextbtn{ background: url("../images/nextbtn.svg") no-repeat; width: 30px; height: 30px; display: inline-block; cursor: pointer; margin-left: 4px; margin-right: 4px; background-size: 100%;}



.redtext{ color: #EC5351;}
.bluetext{ color: #7362F4;}



.activecustomer_tablelist{ width: 100%; font-size: 11px;}
.activecustomer_tablelist tr th{ padding-bottom: 5px; padding-top: 5px;  }
.activecustomer_tablelist tr td{ padding-bottom: 5px; padding-top: 5px; }
     
 

.tablelist_backbg{ font-weight: 700; text-align: left !important;}


.report_cardbox{
	border-radius: 8px;
background: #fff;
box-shadow: 0px 0px 15px rgba(34, 41, 47, 0.16);
	padding: 5px 10px;

	margin-top: 10px;
}

.dark-layout .report_cardbox {
    background-color: #323b51;
    box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.24);
}
.dark-layout .report_cardtable tr th {
	border-bottom: solid 1px #1c2331;}


.dark-layout  .year_spanbox {
 
    background: #323b51;
    
}


.report_cardtable{ width: 100%; font-size: 11px; }
.report_cardtable tr th{ border-bottom: solid 1px #ddd; padding-bottom: 5px;}
.report_cardtable tr td{ padding-top: 5px; width: 26%;}
.report_cardtable tr td:first-child{ width: auto;} 











 

.paymentbag_icon {
  
    font-size: 12px;
    font-weight: 700;
    position: relative;
     
}
.paymentbag_icon::before {
    background: url(../images/bags_icon.svg) no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    position: relative;
    top: 6px;
    background-size: 100%;
	content: "";
}

.payment_icon {
    background: url(../images/balance_icon.svg) no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: 6px;
    background-size: 100%;
}



.payment_bagtext{ font-size: 32px; font-weight: 700;}



ul.payment_listbox{ list-style: none; padding: 0px; margin: 0px;}

ul.payment_listbox li{ display: inline-block;}

.paymenttext{ font-size: 12px; font-weight: 700;   position: relative; top: 9px; text-align: right;}
.paymenttext_number{ font-size: 32px; font-weight: 700; text-align: right;}



.paymentbagtext {
    font-size: 12px;
    font-weight: 700;
    position: relative;
    top: 4px;
    text-align: right;
}

.paymentcard_number{ font-size: 32px; font-weight: 700; text-align: center;}
.paymentcard_text{ font-size: 12px; font-weight: 700; text-align: center; margin-bottom: 15px;}




.paymentcard_icon1 {
    background: url(../images/balance_icon.svg) no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: 6px;
    background-size: 100%;
	margin-right: 10px;
}
.paymentcard_icon2 {
    background: url(../images/bags_icon.svg) no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: 6px;
    background-size: 100%;
	margin-right: 4px;
}


























.customer_mapbox{ width: 100%;}
.customer_mapbox img{ width: 100%;}
.add_customersbtn{ margin-left: 30px;}






















.locationtoltip_icon {
    background: url(../images/locationtoltip_icon.svg) no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    position: relative;
    top: 5px;
    margin-right: 5px;
    background-size: 100%;
}



.phone_icontoltip {
    background: url(../images/phone_icon.svg) no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    position: relative;
    top: 5px;
    margin-right: 5px;
    background-size: 100%;
}





















.mt_50{ padding-top: 50px !important;}










/*================ dashboard new CSS Start here =========================*/

.month_heading{ font-size: 18px; font-weight: 600; text-align: center; margin-bottom: 30px;}
.month_icon {
    background: url(../images/month_icon.svg) no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    position: relative;
    top: 7px;
    margin-right: 5px;
    background-size: 100%;
}
.dark-layout .month_icon {
    background: url(../images/month_icondark.svg) no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    position: relative;
    top: 7px;
    margin-right: 5px;
    background-size: 100%;
}

.topcompanies_box{ background: #F8F8F8; padding: 7px; border-radius: 4px; font-weight: 700; margin-top: 10px;}
.companies_totalbox{ display: inline-block;  border-radius: 4px; font-weight: 700; color: #fff; padding: 10px; margin-right: 10px;}
.topcompanies_text{ text-align: center; font-weight: 400;}
.companies_salebg{ background: #16C96A;}
.companies_fcrbg{ background: #5E5873;}

.companies_ratingbox{ text-align: center; margin-top: 30px;}


.rating_gold {
    background: url(../images/rating_gold.svg) no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    background-size: 100%;
}
.rating_white {
    background: url("../images/rating_white.svg") no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    background-size: 100%;
}



.companies_countbox {
    display: inline-block;
    background: #f8f8f8;
    border: dotted #d8d8d8;
    font-weight: 700;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: relative;
    top: -5px;
}

.companies_diseasesbox{ text-align: center; margin-top: 10px;}


.cardoverlay_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9;
    background: rgba(255,255,255,0.1);
    backdrop-filter: blur(9px);
    border-radius: 0.428rem;
}
 

.dark-layout .topcompanies_box { background: #313952;}
.dark-layout .companies_countbox {background: #313952;}
.companies_yearbtn{ float: right;}



.add_recordbox{ text-align: center; cursor: pointer;} 
.recordbox_text{ font-weight: 400; font-size: 18px;}

.disease_icon {
    background: url(../images/disease_icon.svg) no-repeat;
    width: 80px;
    height: 80px;
    display: inline-block;
    background-size: 100%;
}

.dark-layout .disease_icon {
    background: url(../images/dark_disease_icon.svg) no-repeat;
    width: 80px;
    height: 80px;
    display: inline-block;
    background-size: 100%;
}





.producers_icon {
    background: url(../images/producers_icon.svg) no-repeat;
    width: 80px;
    height: 80px;
    display: inline-block;
    background-size: 100%;
}


.dark-layout .producers_icon {
    background: url(../images/dark_producers_icon.svg) no-repeat;
    width: 80px;
    height: 80px;
    display: inline-block;
    background-size: 100%;
}

.financial_icon {
    background: url(../images/financial_icon.svg) no-repeat;
    width: 80px;
    height: 80px;
    display: inline-block;
    background-size: 100%;
}

.dark-layout .financial_icon {
    background: url(../images/dark_financial_icon.svg) no-repeat;
    width: 80px;
    height: 80px;
    display: inline-block;
    background-size: 100%;
}


.card_headingtext{ font-weight: 400; font-size: 16px;}
.sales_box{    background: rgba(40, 199, 111, 0.12); border-radius: 4px; border: dotted 1px #16c96a; margin: 0px 5px; padding: 5px 10px; color: #16C96A; font-size: 16px; font-weight: 700;
display: inline-block; }
.fcr_box{    background: rgba(115, 103, 240, 0.12); border-radius: 4px; border: dotted 1px #7362f4; margin: 0px 5px; padding: 5px 10px; color: #7362F4; font-size: 16px; font-weight: 700;
display: inline-block; }
.cost_box{ background: rgb(238 103 38 / 9%); border-radius: 4px; border: dotted 1px #ffa037; margin: 0px 5px; padding: 5px 10px; color: #FFA037; font-size: 16px; font-weight: 700;
display: inline-block; }

.data_row{ position: relative;}

.cardoverlay_row {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9;
    background: rgba(255,255,255,0.1);
    backdrop-filter: blur(4px);
    border-radius: 0.428rem;
}

.dark-layout .cardoverlay_row { background: rgb(41 48 70 / 32%);}




.card_opensection{ margin-top: 20px; border-top: solid 1px #FFEFDD; padding-top: 20px;} 
 
.card_open{ background: #fffbf7;}

.dark-layout .card_open{ background: #7362f426;}


 .dark-layout .card_opensection {border-top: solid 1px #1c1d3a;}
 

.disease_inputbox{ border-radius: 4px; background: #f8f8f8; border: 3px dotted #5e5873; width: 100%; height: 60px; text-align: center; font-size: 16px; font-weight: 600;  }
.dark-layout .disease_inputbox {background: #303260; color: #b5b7be}



.disease_inputbox:focus{ outline: none; background: #fff; }

.dark-layout .disease_inputbox:focus{ outline: none; background: #303260;}
 

.noUi-horizontal{ height: 20px;}

.noUi-horizontal .noUi-handle {
    width: 30px;
    height: 30px;
    cursor: pointer;
    right: -15px;
    top: -6px;
}

.noUi-tooltip {
    transform: translate(-10%, -50%);
    font-size: 13px;
    border: none;
    color: #ffffff;
    background-color: #000000;
    padding: 0.1718rem 0.35rem;
    font-weight: 500;
}
.colborder_right{ border-right: solid 1px #EAEAEA;}
.dark-layout .colborder_right{ border-right: solid 1px #5e5873;}
.producers_boxtext{ font-size: 10px; margin-top: 5px;}

ul.producers_listbox{ list-style:none; padding: 0px; margin: 0px;}
ul.producers_listbox li{ display: inline-block; }
.popuprecord_box{ padding: 30px; border: dotted 3px #5e5873; background: #f8f8f8; border-radius: 4px; text-align: center; margin-top: 20px; cursor: pointer;}

.dark-layout .popuprecord_box {
    padding: 30px;
    border: dotted 3px #5e5873;
    background: #293046;
    border-radius: 4px;
    text-align: center;
    margin-top: 20px; cursor: pointer;
}
.popup_locationtext{ font-size: 11px; float: right;}
.popup_selectbox{ height: 60px;}
.popuprecord_text{ font-weight: 700; font-size: 16px;}



.popup_deletebtn {
    background: url(../images/popup_deletebtn.svg) no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    background-size: 100%;
	cursor: pointer;
}
.popup_addbtn {
    background: url(../images/popup_addbtn.svg) no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    background-size: 100%;
    cursor: pointer;
    margin-top: 33px;
    position: relative;
    left: 10px;
}
.popup_selectbox2{ height: 38px;}