/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the
 * later versions of this theme.
 *
 * We advise that you use use this CSS to override
 * SmartAdmin styles.
 *
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 *
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */
@media print {
    body {
        visibility: hidden !important;
    }
    #receiptID {
        visibility: visible !important;
        position: absolute !important;
        left: 0;
        top: 0;
    }
}
#extr-page #header #logo{
    margin-top:0px;
}
/*#extr-page #header #logo img {
    width: 110px;
    margin-left: 20px;
    margin-top: 8px;
}*/
#extr-page #header #logo img {
    width: 192px;
    margin-left: 20px;
    margin-top: 18px;
}
#extr-page #header #logo-group {
    width: auto;
    background: transparent;
}
#extr-page #header{
    padding:0;
}
#extr-page #content{
    margin: auto;
    padding: 10px 14px;
    overflow: hidden;
}
#logo-group > span {
    height: 70px;
}
#logo {
    margin: 0;
    text-align: center;
    width: 86px;
}
#logo img {
    margin-left: 5px;
    margin-top: 17px;
    padding: 0;
    width: 192px;
}
#extr-page #main {
    padding-top: 0px;
}
/*.btn-header > *:first-child > a {
    background-color: transparent;
    background-image: none;
    border-radius: 0;
    border:none;
    cursor: default !important;
    height: 41px;
    line-height: 43px;
    margin: 0;
    min-width: 42px;
    padding:0;
    color: #ccc;
    font-size:14px;
    cursor: pointer !important;
}*/
.btn-header > *:first-child > a {
    background-color: #fff;
    background-image: none;
    border-radius: 0;
    border: none;
    cursor: default !important;
    height: 70px;
    line-height: 66px;
    margin: 0;
    min-width: 54px;
    padding: 0;
    color: #681d4b;
    font-size: 14px;
    cursor: pointer !important;
}
.btn-header>:first-child>a:hover{
    border:none;
    color: #CD3128;
}
/*#header,#extr-page #header{
	height:55px;
}*/
#extr-page-header-space{
    line-height:51px;
}
#project-context, .project-context{
    padding-top:19px;
}
#left-panel {
    margin-top: 85px;
    padding-top: 2px;
    min-height: auto;
    overflow-y: scroll;
    border-bottom: 8px solid #efefef;
    border-radius: 0 0 5px 5px;
    height: 79%;
}
#header{
    margin-bottom: 15px;
}
.header-dropdown-list{
    display: inline-block;
    float: none;
}
#content {
    margin: 15px 15px;
    padding: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    border-bottom: 8px solid #efefef;
    border-radius: 0 0 5px 5px
}
.pull-right.grey-header i {
    font-size: 15px;
}
.pull-right.grey-header, .pull-right.grey-header a{
    color: #CD3128;
}
.grey-header{
    padding-top:26px;
}
.minifyme {
    background: #CD3128 none repeat scroll 0 0;
    border: medium none;
    border-radius: 8px 0 0 8px;
    color: #fff;
    cursor: pointer;
    height: 29px;
    transition: all 0.1s linear 0s;
    width: 37px;
}
.minifyme:hover {
    background: #CD3128  none repeat scroll 0 0;
}
.minified .minifyme{
    color: #fff;
}
.page-footer{
    color: #CD3128;
    text-align:center;
    background: #fff none repeat scroll 0 0;
}
#mobile-profile-img {
    display: inline-block !important;
    margin-right: 0;
    padding: 0 !important;
}
#mobile-profile-img li {
    padding: 0 !important;
}
#mobile-profile-img a.userdropdown img {
    border: 1px solid #CD3128 !important;
    border-radius: 40px;
    margin-left: 2px;
    margin-top: 2px;
    width: 57px;
}
.btn-header.aside-toggle {
    text-align: center;
}
.Release_title {
    color: #031d28;
    font-size: 18px;
    line-height: 70px;
}
.minified nav > ul > li > ul{
    min-height: 0;
}
.page-footer.footer-login {
    padding-left: 0;
}
.nofloat{
    float:none !important;
}
#createcustomer .pager li {
    margin-right: 10px;
}
#createcustomer .pager li a {
    min-width: 80px;
    border: none;
}
.cbs_fieldset {
    border: 1px solid #e7e7e7;
    padding: 10px;
    margin-bottom: 25px;
}
.cbs_fieldset legend{
    border-bottom:none;
    padding: 0;
    width:auto;
    margin: 0;
}
#addresses_wrap span {
    margin-right: 30px;
}
/*All customers start*/
#dt_basic td span a {
    margin: 5px;
}
.cbs_content {
    background: none repeat scroll 0 0 #fff;
    display: block;
    /*overflow: hidden; --tags list on joint account*/
    padding: 10px;
}
.disp-table-row{
    display:table-row;
}
/*All customers end*/
/*multi select pick list start*/
.multiselect {
    width: 460px;
    /*height: 200px;*/
}
.ui-multiselect {
    border: 1px solid #ccc;
    font-size: 0.8em;
    width:100% !important;
}
.ui-multiselect ul {
    -moz-user-select: none;
}
.ui-multiselect li {
    cursor: default;
    font-size: 12px;
    height: 30px;
    line-height: 20px;
    list-style: outside none none;
    margin: 0;
    padding: 5px 0 0;
}
.ui-multiselect li a {
    color: #999;
    cursor: pointer;
    display: block;
    float: left;
    padding: 0;
    text-decoration: none;
}
.ui-multiselect li.ui-draggable-dragging {
    padding-left: 10px;
}
.ui-multiselect div.selected {
    border: 0 none;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    width:50% !important;
}
.ui-multiselect ul.selected {
    background: none repeat scroll 0 0 #fff;
    border: 0 none;
    list-style: outside none none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: relative;
    width: 100%;
    height: 209px !important;
}
.ui-multiselect ul.selected li {
}
.ui-multiselect div.available {
    border-right:1px solid #ccc;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    width: 50% !important;
}
.ui-multiselect ul.available {
    background: none repeat scroll 0 0 #fff;
    border: 0 none;
    list-style: outside none none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: relative;
    width: 100%;
    height: 209px !important;
}
.ui-multiselect ul.available li {
    padding-left: 10px;
    border-bottom: 1px solid #ebebeb;
}
.ui-multiselect .ui-state-default {
    border: medium none;
    margin-bottom: 1px;
    padding-left: 20px;
    position: relative;
    border-bottom: 1px solid #ebebeb;
}
.ui-multiselect .ui-state-hover {
    border: medium none;
}
.ui-multiselect .ui-widget-header {
    border: medium none;
    font-size: 11px;
    margin-bottom: 1px;
    background: none;
    border-bottom: 1px solid #d5d5d5;
}
.ui-multiselect .add-all {
    background-image: url("../img/cbs/add_all.png");
    background-position: 19px 6px;
    background-repeat: no-repeat;
    display: block;
    float: right;
    font-weight: normal;
    height: 40px;
    min-width: 120px;
    padding: 13px 7px 7px 50px;
    text-transform: capitalize;
}
.ui-multiselect .remove-all {
    background-image: url("../img/cbs/remove_all.png");
    background-position: 19px 6px;
    background-repeat: no-repeat;
    display: block;
    float: right;
    font-weight: normal;
    height: 40px;
    min-width: 120px;
    padding: 13px 7px 7px 42px;
    text-transform: capitalize;
}
.ui-multiselect .search {
    float: left;
    padding: 4px;
}
.ui-multiselect .count {
    color: #8e8e8e;
    float: left;
    margin-top: 7px;
    padding: 7px;
}
.ui-multiselect li span.ui-icon-arrowthick-2-n-s {
    left: 2px;
    position: absolute;
}
.ui-multiselect li a.action {
    position: absolute;
    right: 2px;
    top: 6px;
}
.ui-multiselect input.search {
    border-radius: 15px;
    height: 25px;
    margin: 7px 4px 4px;
    opacity: 0.5;
    padding: 2px 1px 1px 10px;
    width: 201px;
}

/*multi select pick list end*/
/*tag input start*/
.bootstrap-tagsinput > span {
    background: none;
    border: none;
    border-radius: 0.25em !important;
    font-size: 13px;
    font-weight: 400;
    padding: 3px 28px 4px 8px;
}
.bootstrap-tagsinput .tag{
    background: none repeat scroll 0 0 #3276b1;
}
.bootstrap-tagsinput input:focus{
    vertical-align:middle !important;
}
.twitter-typeahead .tt-hint, .twitter-typeahead .tt-query,.bootstrap-tagsinput input{
    padding:6px 0;
}
.bootstrap-tagsinput .tag {
    margin: 5px 0 3px 2px;
}
.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.tt-hint {
    color: #999
}
.tt-dropdown-menu {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    height: 300px;
    margin-top: 4px;
    overflow: auto;
    padding: 4px 0;
    width: 283px;
}
.tt-suggestion {
    padding: 3px 20px;
    line-height: 24px;
}
.tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #474544;
}
.tt-suggestion p {
    margin: 0;
}
/*tag input end*/
.div-loading{
    background-image: url("../img/select2-spinner.gif") !important;
    background-position: 99% 50%;
    background-repeat: no-repeat;
    padding-right: 27px;
}
.cbs_label {
    margin-bottom: 0;
    padding-top: 8px;
    text-align: left;
    vertical-align: bottom;
}
.cbs-spin {
    margin-left: 2px;
}
.image_buttons_wrap{
    display:inline-block;
}
.searchabledrop {
    border: 0 !important;
    padding: 0px !important;
}

/*Left Menu Design Implementation*/
.dashboard i{
    /*background: rgba(0, 0, 0, 0) url("../img/cbs/dashboard.png") no-repeat scroll 0 0;*/
    display: inline-block;
    height: 25px;
    width: 23px;
    vertical-align: middle;
}
.dashboard:hover i, .dashboard.active i, .dashboard:hover i::before, .dashboard.active i::before{
    /*background: rgba(0, 0, 0, 0) url("../img/cbs/dashboard_hover.png") no-repeat scroll 0 0;*/
    display: inline-block;
    height: 25px;
    width: 23px;
    color: #fff;
}
.spm i{
    /*background: rgba(0, 0, 0, 0) url("../img/cbs/service_provider_mangement.png") no-repeat scroll 0 0;*/
    display: inline-block;
    height: 25px;
    width: 23px;
    vertical-align: middle;
}
.spm:hover i, .spm.open i, .spm:hover i::before, .spm.active i::before{
    /*background: rgba(0, 0, 0, 0) url("../img/cbs/service_provider_mangement_hover.png") no-repeat scroll 0 0;*/
    display: inline-block;
    height: 25px;
    width: 23px;
    color: #fff;
}
.service_management i{
    /* background: rgba(0, 0, 0, 0) url("../img/cbs/service_management.png") no-repeat scroll 0 0; */
    display: inline-block;
    height: 25px;
    width: 23px;
    vertical-align: middle;
}
.service_management:hover i, .service_management.open i, .service_management:hover i::before, .service_management.active i::before{
    /* background: rgba(0, 0, 0, 0) url("../img/cbs/service_management_hover.png") no-repeat scroll 0 0; */
    display: inline-block;
    height: 25px;
    width: 23px;
    color: #fff;
}
.account_management i{
    /* background: rgba(0, 0, 0, 0) url("../img/cbs/account_management.png") no-repeat scroll 0 0; */
    display: inline-block;
    height: 17px;
    width: 29px;
    vertical-align: middle;
}
.account_management:hover i, .account_management.open i, .account_management:hover i::before, .account_management.active i::before{
    /* background: rgba(0, 0, 0, 0) url("../img/cbs/account_management_hover.png") no-repeat scroll 0 0; */
    display: inline-block;
    height: 17px;
    width: 29px;
    color: #fff;
}
.administration i{
    /* background: rgba(0, 0, 0, 0) url("../img/cbs/administration.png") no-repeat scroll 0 0; */
    display: inline-block;
    height: 25px;
    width: 25px;
    vertical-align: middle;
}
.administration:hover i, .administration.open i, .administration:hover i::before, .administration.active i::before{
    /* background: rgba(0, 0, 0, 0) url("../img/cbs/administration_hover.png") no-repeat scroll 0 0; */
    display: inline-block;
    height: 25px;
    width: 25px;
    color: #fff;
}
.billing_management i{
    /* background: rgba(0, 0, 0, 0) url("../img/cbs/billing_management.png") no-repeat scroll 0 0; */
    display: inline-block;
    height: 24px;
    width: 24px;
    vertical-align: middle;
}
.billing_management:hover i, .billing_management.open i, .billing_management:hover i::before, .billing_management.active i::before{
    /* background: rgba(0, 0, 0, 0) url("../img/cbs/billing_management_hover.png") no-repeat scroll 0 0; */
    display: inline-block;
    height: 24px;
    width: 24px;
    color: #fff;
}
.charging_management i{
    /* background: rgba(0, 0, 0, 0) url("../img/cbs/charging_management.png") no-repeat scroll 0 0; */
    display: inline-block;
    height: 26px;
    width: 26px;
    vertical-align: middle;
}
.charging_management:hover i, .charging_management.open i, .charging_management:hover i::before, .charging_management.active i::before{
    /* background: rgba(0, 0, 0, 0) url("../img/cbs/charging_management_hover.png") no-repeat scroll 0 0; */
    display: inline-block;
    height: 26px;
    width: 26px;
    color: #fff;
}
.customer_management i, .customer_management.open i{
    /*background: rgba(0, 0, 0, 0) url("../img/cbs/customer_management.png") no-repeat scroll 0 0;*/
    display: inline-block;
    height: 27px;
    width: 24px;
    vertical-align: middle;
}
.customer_management:hover i,.customer_management.active i, .customer_management:hover i::before, .customer_management.active i::before{
    /*background: rgba(0, 0, 0, 0) url("../img/cbs/customer_management_hover.png") no-repeat scroll 0 0;*/
    display: inline-block;
    height: 27px;
    width: 24px;
    color: #fff;
}
.distribution_management i{
    /* background: rgba(0, 0, 0, 0) url("../img/cbs/distribution_management.png") no-repeat scroll 0 0; */
    display: inline-block;
    height: 25px;
    width: 29px;
    vertical-align: middle;
}
.distribution_management:hover i, .distribution_management.open i, .distribution_management:hover i::before, .distribution_management.active i::before{
    /* background: rgba(0, 0, 0, 0) url("../img/cbs/distribution_management_hover.png") no-repeat scroll 0 0; */
    display: inline-block;
    height: 25px;
    width: 29px;
    color: #fff;
}
.partner_management i{
    /* background: rgba(0, 0, 0, 0) url("../img/cbs/partner_management.png") no-repeat scroll 0 0; */
    display: inline-block;
    height: 19px;
    width: 32px;
    vertical-align: middle;
}
.partner_management:hover i, .partner_management.open i, .partner_management:hover i::before, .partner_management.active i::before{
    /* background: rgba(0, 0, 0, 0) url("../img/cbs/partner_management_hover.png") no-repeat scroll 0 0; */
    display: inline-block;
    height: 19px;
    width: 32px;
    color: #fff;
}
.products_management i{
    /* background: rgba(0, 0, 0, 0) url("../img/cbs/products_management.png") no-repeat scroll 0 0; */
    display: inline-block;
    height: 28px;
    width: 24px;
    vertical-align: middle;
}
.products_management:hover i, .products_management.open i, .products_management:hover i::before, .products_management.active i::before{
    /* background: rgba(0, 0, 0, 0) url("../img/cbs/products_management_hover.png") no-repeat scroll 0 0; */
    display: inline-block;
    height: 28px;
    width: 24px;
    color: #fff;
}
.reporting_management i{
    /* background: rgba(0, 0, 0, 0) url("../img/cbs/reporting_management.png") no-repeat scroll 0 0; */
    display: inline-block;
    height: 25px;
    width: 26px;
    vertical-align: middle;
}
.reporting_management:hover i, .reporting_management.open i, .reporting_management:hover i::before, .reporting_management.active i::before{
    /* background: rgba(0, 0, 0, 0) url("../img/cbs/reporting_management_hover.png") no-repeat scroll 0 0; */
    display: inline-block;
    height: 25px;
    width: 26px;
    color: #fff;
}
.accounting_management i{
    /*background: rgba(0, 0, 0, 0) url("../img/cbs/accounting_management.png") no-repeat scroll 0 0;*/
    display: inline-block;
    vertical-align: middle;
}
.accounting_management:hover i, .accounting_management.open i, .accounting_management:hover i::before, .accounting_management.active i::before{
    /*background: rgba(0, 0, 0, 0) url("../img/cbs/accounting_management_hover.png") no-repeat scroll 0 0;*/
    display: inline-block;
    color: #fff;
}
.routing_management i{
    /* background: rgba(0, 0, 0, 0) url("../img/cbs/routing_management.png") no-repeat scroll 0 0; */
    display: inline-block;
    vertical-align: middle;
}
.routing_management:hover i, .routing_management.open i, .routing_management:hover i::before, .routing_management.active i::before{
    /* background: rgba(0, 0, 0, 0) url("../img/cbs/routing_management_hover.png") no-repeat scroll 0 0; */
    display: inline-block;
    color: #fff;
}
.recharge_management i{
    /*background: rgba(0, 0, 0, 0) url("../img/cbs/recharge_management.png") no-repeat scroll 0 0;*/
    display: inline-block;
    vertical-align: middle;
}
.recharge_management:hover i, .recharge_management.open i, .recharge_management:hover i::before, .recharge_management.active i::before{
    /*background: rgba(0, 0, 0, 0) url("../img/cbs/recharge_management_hover.png") no-repeat scroll 0 0;*/
    display: inline-block;
    color: #fff;
}
.voucher_management i{
    /* background: rgba(0, 0, 0, 0) url("../img/cbs/voucher_management.png") no-repeat scroll 0 0; */
    display: inline-block;
    vertical-align: middle;
}
.voucher_management:hover i, .voucher_management.open i, .voucher_management:hover i::before, .voucher_management.active i::before{
    /* background: rgba(0, 0, 0, 0) url("../img/cbs/voucher_management_hover.png") no-repeat scroll 0 0; */
    display: inline-block;
    color: #fff;
}
.marketing_management i{
    /* background: rgba(0, 0, 0, 0) url("../img/cbs/voucher_management.png") no-repeat scroll 0 0; */
    display: inline-block;
    vertical-align: middle;
}
.marketing_management:hover i, .marketing_management.open i, .marketing_management:hover i::before, .marketing_management.active i::before{
    /* background: rgba(0, 0, 0, 0) url("../img/cbs/voucher_management_hover.png") no-repeat scroll 0 0; */
    display: inline-block;
    color: #fff;
}
.selfcare_management i{
    /* background: rgba(0, 0, 0, 0) url("../img/cbs/voucher_management.png") no-repeat scroll 0 0; */
    display: inline-block;
    vertical-align: middle;
}
.selfcare_management:hover i, .selfcare_management.open i, .selfcare_management:hover i::before, .selfcare_management.active i::before{
    /* background: rgba(0, 0, 0, 0) url("../img/cbs/voucher_management_hover.png") no-repeat scroll 0 0; */
    display: inline-block;
    color: #fff;
}
.transfer_transaction_management i{
    /* background: rgba(0, 0, 0, 0) url("../img/cbs/voucher_management.png") no-repeat scroll 0 0; */
    display: inline-block;
    vertical-align: middle;
}
.transfer_transaction_management:hover i, .transfer_transaction_management.open i, .transfer_transaction_management:hover i::before, .transfer_transaction_management.active i::before{
    /* background: rgba(0, 0, 0, 0) url("../img/cbs/voucher_management_hover.png") no-repeat scroll 0 0; */
    display: inline-block;
    color: #fff;
}
.broadband_management i{
    /* background: rgba(0, 0, 0, 0) url("../img/cbs/voucher_management.png") no-repeat scroll 0 0; */
    display: inline-block;
    vertical-align: middle;
}
.broadband_management:hover i, .broadband_management.open i, .broadband_management:hover i::before, .broadband_management.active i::before{
    /* background: rgba(0, 0, 0, 0) url("../img/cbs/voucher_management_hover.png") no-repeat scroll 0 0; */
    display: inline-block;
    color: #fff;
}
.customer_management i::before, .customer_management.open i::before {
    content: "\e001";
    font-family: "nextgen-icons";
}
.account_management i::before, .account_management.open i::before {
    content: "\e02a";
    font-family: "nextgen-icons";
}
.distribution_management i::before, .distribution_management.open i::before {
    content: "\f0e8";
}
.partner_management i::before, .partner_management.open i::before {
    content: "\f2b5";
}
.products_management i::before, .products_management.open i::before {
    content: "\e06a";
    font-family: "nextgen-icons";
}
.service_management i::before, .service_management.open i::before {
    content: "\f02c";
}
.routing_management i::before, .routing_management.open i::before {
    content: "\e057";
    font-family: "nextgen-icons";
}
.charging_management i::before, .charging_management.open i::before {
    content: "\f43c";
}
.billing_management i::before, .billing_management.open i::before {
    content: "\f464";
}
.administration i::before, .administration.open i::before {
    content: "\f013";
}
.reporting_management i::before, .reporting_management.open i::before {
    content: "\f022";
}
.voucher_management i::before, .voucher_management.open i::before {
    content: "\f38a";
}
.spm i::before, .spm.open i::before {
     content: "\e034";
    font-family: "nextgen-icons";
 }
.accounting_management i::before, .accounting_management.open i::before {
    content: "\e049";
    font-family: "nextgen-icons";
}
.recharge_management i::before, .recharge_management.open i::before {
    content: "\f09d";
}
.marketing_management i::before, .marketing_management.open i::before {
    content: "\f065";
}
.selfcare_management i::before, .selfcare_management.open i::before {
    content: "\f007";
}
.transfer_transaction_management i::before, .transfer_transaction_management.open i::before {
    content: "\f0ce";
}
.broadband_management i::before, .broadband_management.open i::before {
    content: "\f8da";
}
.dashboard i::before, .dashboard.open i::before {
    content: "\f625";
}
nav a i::before{
    color: #CD3128;
    font-style: normal;
    font-size: 20px;
    font-family: "Font Awesome 6 Pro";
}
nav ul ul li > a:hover{
    background: #CD3128 ;
    color: #fff !important;
}
nav ul .active > a {
    background: #CD3128 none repeat scroll 0 0;
    border-left: 4px solid #CD3128 ;
    color: #fff !important;
}
nav ul a:hover {
    background: #CD3128 none repeat scroll 0 0;
    border-left: 4px solid #CD3128;
    color: #fff !important;
}
nav ul ul .active > a {
    background: no-repeat;
    color: #CD3128 !important;
    font-weight: bold;
    border-left: 4px solid #CD3128;
}
.jarviswidget-color-darken > header {
    background: #003853 none repeat scroll 0 0;
}
#ribbon {
    /*border-bottom: 2px solid #CD3128;*/
    /*box-shadow: 0px 2px 10px #af9f9f;
    border-top: 1px solid #e7e7e7;*/
}
nav ul li.active > a::before {
    color: #CD3128;
    display: none;
}
nav ul li a {
    /*border-bottom: 1px solid #062633;*/
    padding: 13px 10px 13px 17px;
    border-left: 4px solid #fff;
}
nav ul ul ul li a{
    color: #4a4a4a;
}
nav ul li.open>a {
    color: #000 !important;
}
nav ul li.open>a:hover, nav ul li.open>a:hover b {
    color: #fff !important;
}
nav ul li.active.open>a, nav ul li.active.open>a b{
    color: #fff !important;
}
nav ul li.active.open>a:hover, nav ul li.active.open>a b:hover {
    color: #fff !important;
}
nav ul ul li.active.open>a, nav ul ul li.active.open>a b {
    color: #CD3128 !important;
}
nav ul li.open>a b{
    color: #000 !important;
}
nav > ul > li > a > i {
    background-position: right center !important;
    display: inline-block;
    height: 26px !important;
    margin-right: 17px;
    position: relative;
    text-align: center;
    width: 26px !important;
}
nav ul ul {
    background: #fff none repeat scroll 0 0;
    padding: 0;
}
nav > ul ul li::before,nav > ul > li > ul::before{
    border:none;
}
nav ul ul li > a{
    padding-left:70px;
    border-left: 4px solid #fff;
}
.custacc_content{
    background:url(../img/cbs/customers_and_accounts.jpg) no-repeat;
    display:block;
    height: 279px;
}
.products_content{
    background:url(../img/cbs/products.jpg) no-repeat;
    display:block;
    height: 444px;
}
.services_content{
    background:url(../img/cbs/services.jpg) no-repeat;
    display:block;
    height: 888px;
}
.revenues_content{
    background:url(../img/cbs/revenues.jpg) no-repeat;
    display:block;
    height: 481px;
}
.expences_content{
    background:url(../img/cbs/expenses.jpg) no-repeat;
    display:block;
    height: 530px;
}
nav ul li ul a > ii {
    margin-right: 10px;
}
#login-form input, .client-form input {
    border-color: #a9abae !important;
    border-radius: 4px !important;
    height: 40px !important;
}
#login-form .icon-prepend, .client-form .icon-prepend {
    border: medium none;
    left: 10px;
    top: 10px;
}
#login-form button, .client-form button{
    background-color: #CD3128 !important;
    border-color: #CD3128 !important;
    border-radius: 4px;
    box-shadow: none;
    font: 300 15px/29px "Open Sans",Helvetica,Arial,sans-serif;
    height: 40px;
    width: 332px;
}
#login-form > header, .client-form > header  {
    border: medium none;
    padding: 0 13px;
    font-size: 24px;
    padding-top: 10px;
    padding-bottom: 8px;
    border-radius: 4px 4px 0 0;
    color: #000;
}
#login-form .note, .client-form .note {
    margin-top: 15px;
}
.client-form .icon-append{
    width: 30px;
    height: 30px;
    line-height: 31px;
    font-size: 25px;
}
.page-footer a {
    color: #CD3128;
}
.seperator {
    margin-left: 10px;
    margin-right: 10px;
}
.hidden-menu #hide-menu > *:first-child > a {
    background-color: #CD3128;
    background-image: none;
    border-color: #494949;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.15) inset;
    color: #fff;
}
#ribbon {
    padding-left: 10px;
    margin-left: 15px;
    margin-right: 15px;
}
.breadcrumb>li+li:before{
    content: '\f054';
    color: #CD3128;
    font-weight: bold;
    font-family: "Font Awesome 6 Pro";
}
#ribbon .breadcrumb, #ribbon .breadcrumb a{
    color: #CD3128 !important;
    padding: 0 5px;
}
#ribbon .breadcrumb li:last-child, #ribbon .breadcrumb li:last-child a {
    color: #CD3128 !important;
}
ol.breadcrumb li:first-child a:before {
    font-family: "Font Awesome 6 Pro";
    content: "\f015";
    display: inline-block;
    padding-right: 3px;
    font-size: 14px;
}
#ribbon .breadcrumb {
    padding: 9px 34px 11px 0!important;
}
#header #logo-group {
    /*width: 50%;*/
    background: #fff;
}
.accordion:not(:first-child) {
    display: none;
}
#activity b.badge{
    top:14px;
    right:0;
}
#activity .fa-user {
    font-size: 16px;
}
#activity .bg-color-red {
    background-color: #ec4e54 !important;
}
nav ul ul ul li > a {
    padding-left: 89px;
}
#login-form, .client-form{
    padding-bottom: 15px;
    padding-top: 0px;
}
nav ul ul ul ul li a {
    padding-left: 109px;
}
/* INVOICE */
.invoice-table tbody > tr > td:last-child,
.invoice-table tbody > tr > td:nth-child(4),
.invoice-table tbody > tr > td:nth-child(3),
.invoice-table tbody > tr > td:nth-child(2) {
    text-align: right;
}
.invoice-table thead > tr > th:last-child,
.invoice-table thead > tr > th:nth-child(4),
.invoice-table thead > tr > th:nth-child(3),
.invoice-table thead > tr > th:nth-child(2) {
    text-align: right;
}
.invoice-total > tbody > tr > td:first-child {
    text-align: right;
}
.invoice-total > tbody > tr > td {
    border: 0 none;
}
.invoice-total > tbody > tr > td:last-child {
    border-bottom: 1px solid #DDDDDD;
    text-align: right;
    width: 15%;
}
.image_buttons_wrap {
    display: inline-block;
    vertical-align: bottom;
}

.accordion:not(:first-child) {
    display: none;
}
.rowclass [class^="col-"] {
    border: 1px solid #e7e7e7;
    padding-bottom: 10px;
    padding-top: 10px;
}
/*INVOICE END*/
/*PERMISSIONS START*/
.checkbox_perm_child {
    padding-left: 40px;
}

.checkbox_perm_child_lev3 {
    padding-left: 60px;
}
.checkbox_perm_child_lev4 {
    padding-left: 80px;
}
/*PERMISSIONS END*/
.cbswell {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-radius: 10px;
    margin-top: 20px;
    border-color: #efefef;
}
.minified #left-panel {
    width: 60px;
}
.minified nav > ul > li > a > .menu-item-parent {
    left: 60px;
    top: 0;
}
.minified nav > ul > li > ul {
    left: 60px;
    top: 38px;
}
.minified nav > ul > li > ul > li, .minified nav > ul > li > ul > li > ul > li {
    background-color: #fff;
}
.minified #ribbon {
    padding-left: 25px;
}
.minified nav > ul > li > a:hover {
    background: #CD3128 none repeat scroll 0 0;
}
.minified nav ul li.active > a {
    background: #CD3128 none repeat scroll 0 0;
}
.minified nav > ul > li > ul > li > a, .minified nav > ul > li > ul > li > ul > li > a {
    background: none !important;
    /*color: inherit !important;*/
}
.minified nav > ul > li > ul > li > a:hover, .minified nav > ul > li > ul > li > ul > li > a:hover {
    background: none !important;
    color: inherit !important;
}
.minified nav > ul > li{
    border: none;
}
.minified nav > ul > li > a > .menu-item-parent {
    background-color: #fff;
    color: #000;
}
/*inner page css start*/
.bootstrapWizard li .step{
    background: #fff none repeat scroll 0 0;
    border: 1px solid #a1a1a1;
    color: #a1a1a1;
    padding: 10px 17px;
}
.bootstrapWizard li.active .step, .bootstrapWizard li.active.complete .step,.bootstrapWizard li.complete .step {
    background: #CD3128 none repeat scroll 0 0;
    border: none;
    padding: 10px 17px;
    box-shadow: 0 0 0 6px #fff, 0 0 0 7px #CD3128;
    color: #fff;
}
.bootstrapWizard a.active .step, .bootstrapWizard a.active.complete .step,.bootstrapWizard a.complete .step {
    background: #CD3128 none repeat scroll 0 0;
    border: none;
    padding: 10px 17px;
    box-shadow: 0 0 0 6px #fff, 0 0 0 7px #CD3128;
    color: #fff;
}
.bootstrapWizard.nav-pills>li+li{
    margin-left: 0;
}
.bootstrapWizard.nav-pills>li.active>a, .bootstrapWizard.nav-pills>li.active>a:focus, .bootstrapWizard.nav-pills>li.active>a:hover{
    background-color: transparent;
}
.bootstrapWizard.nav>li>a:focus, .bootstrapWizard.nav>li>a:hover{
    background-color: transparent;
}
.bootstrapWizard li:before{
    top: 21px;
}
/*.bootstrapWizard li.active .step::before {
    background: #CD3128 none repeat scroll 0 0;
    border: 5px none #CD3128 !important;
    border-radius: 50%;
    color: red;
    content: " ";
    left: 7px;
    padding: 30px;
    position: absolute !important;
    top: 8px;
    z-index: -1;
}
.bootstrapWizard li.complete .step::before {
    background: #CD3128 none repeat scroll 0 0;
    border: 5px none #CD3128 !important;
    border-radius: 50%;
    color: red;
    content: " ";
    left: 7px;
    padding: 30px;
    position: absolute !important;
    top: 8px;
    z-index: -1;
}*/
.bootstrapWizard li .title{
    top:40px;
}
.bootstrapWizard li.active .title, .bootstrapWizard li.complete .title, .bootstrapWizard a.active .title, .bootstrapWizard a.complete .title {
    color: #CD3128;
}
.form-bootstrapWizard {
    min-height: 102px;
    padding-top: 30px;
}
.tabs-left .ui-tabs-nav li a {
    border: medium none;
    width: 100%;
    padding: 14px 12px;
}
.tabs-left .ui-tabs-nav li.ui-tabs-active a {
    background: #CD3128 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-weight: normal;
}
.tabs-left .ui-tabs-nav li a:hover {
    border: medium none !important;
    background: #CD3128 none repeat scroll 0 0;
    color:#FFF;
}
.tabs-left .ui-state-hover {
    padding: 0 !important;
}
.tabs-left .ui-state-active::after {
    border-bottom: 7px solid transparent;
    border-left: 14px solid #CD3128;
    border-top: 7px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: -13px;
    top: 18px;
    width: 0;
    z-index: 99;
}
.tabs-left li {
    width: 100%;
}
.tabs-left li {
    background: #eaeaea none repeat scroll 0 0;
    width: 100%;
}
.tabs-left a {
    box-shadow: none !important;
}
.tabs-left .ui-tabs-panel {
    border: medium none;
}
.form-control {
    border-radius: 4px !important;
    height: 35px;
}
.form-control:focus {
    border-color: #CD3128;
}
.address_fieldset {
    margin-left: 50px;
    margin-right: 50px;
}
.btn-md {
    background: #CD3128 none repeat scroll 0 0 !important;
    border-radius: 22px !important;
    color: #fff !important;
    height: 43px;
    min-width: 250px !important;
    padding: 12px 14px !important;
    box-shadow: 0px 4px 10px #8ba8ad;
    border: none !important;
}
.btn-md:hover{
    border: none;
}
.pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span {
    background: #eaeaea none repeat scroll 0 0 !important;
    color: #454646 !important;
}
.photo_btns_wrap a {
    background: #eaeaea none repeat scroll 0 0;
    border-radius: 0;
    box-shadow: none;
    display: block;
    float: left;
    margin-right: 0;
    width: 100%;
    border-right: 1px solid #d5d5d5;
    border-left:0;
    border-top:0;
    border-bottom:0;
    padding: 10px 12px;
}
.photo_btns_wrap div:last-child a {
    border-right: medium none;
}
.photo_btns_wrap .btn-default.active, .photo_btns_wrap .btn-default.focus, .photo_btns_wrap .btn-default:active, .photo_btns_wrap .btn-default:focus, .photo_btns_wrap .btn-default:hover, .photo_btns_wrap .open > .dropdown-toggle.btn-default, .photo_btns_wrap .btn-file > input:hover, .photo_btns_wrap .btn-file > input:hover + .btn-default,.photo_btns_wrap .btn-file > input:hover ~ .btn-default{
    background-color: #CD3128;
    border-color: #adadad;
    color: #fff;
}
.photo_btns_wrap {
    margin-bottom: 0;
    margin-left: 3px;
}
.photo_fieldset{
    padding-bottom:0;
}
.photo_idty_btns_wrap {
    margin-bottom: 0px;
    margin-top: 15px;
    width: 100%;
}
.photo_idty_btns_wrap a {
    display: inline-block;
    float: none;
    margin-left: -6px;
    width: 100%;
}
.photo_idty_btns_wrap .btn-file {
    vertical-align: top;
    width: 100%;
    height: 100%;
    display: inline-block;
}
.jasny_photo_btns_wrap {
    margin-bottom: 0px;
}
.jasny_photo_btns_wrap .fileinput{
    margin-bottom:0px;
    vertical-align: bottom;
    padding: 0;
    display: inline;
}
/*inner page css end*/
/*toggle switch button start*/
.smart-form .toggle input:checked + i {
    background: #CD3128 none repeat scroll 0 0;
    border-color: #CD3128;
}
.smart-form .toggle i {
    background: #f85b5b none repeat scroll 0 0;
    border-radius: 12px;
    content: "";
    display: block;
    height: 18px;
    position: absolute;
    top: 27px;
    width: 62px;
    left: 0;
    border: none !important;
}
.smart-form .toggle input:checked + i::before {
    right: 46px;
}
.smart-form .checkbox input:focus + i, .smart-form .radio input:focus + i, .smart-form .toggle input:focus + i{
    border-color: #CD3128;
}
.smart-form .toggle i::after {
    color: #fff;
    font-size: 10px;
}
.smart-form .toggle i::before {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 14px;
    opacity: 1;
    position: absolute;
    right: 3px;
    top: 2px;
    transition: right 0.2s ease 0s;
    width: 14px;
    z-index: 1
}
.smart-form .toggle {
    color: #333;
    cursor: pointer;
    font-size: 13px;
    line-height: 25px;
    margin-bottom: 10px !important;
    padding-bottom: 22px;
    padding-right: 61px;
}
/*toggle switch button start*/
.two_column_fieldset{
    margin-bottom: 25px;
    margin-left: 40px;
    margin-right: 40px;
    padding: 10px;
}
.two_column_fieldset_notabs{
    margin-left: 50px;
    margin-right: 50px;
}
.submit_button{
    margin-top: 15px;
}
.action_buttons{
    margin-bottom: 10px;
}
/*CBS Tabs Style Start*/
.cbs_tabs .ui-state-hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.cbs_tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    background: #ffffff none repeat scroll 0 0;
    border: medium none;
    border-radius: 6px 6px 0 0;
    box-shadow: none;
    color: #454646;
    margin-top: 0 !important;
    border-top: 2px solid #CD3128 !important;
    border-right: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
}
.cbs_tabs.ui-tabs .ui-tabs-nav li a {
    background: #e5e5e5 none repeat scroll 0 0;
    border-radius: 6px 6px 0 0;
    color: #9f9f9f;
    border: medium none;
    border-top: 2px solid #ffffff !important;
}
.cbs_tabs.ui-tabs .ui-tabs-nav a {
    padding-bottom: 10px;
    padding-top: 10px;
}
.cbs_tabs.ui-tabs .ui-tabs-nav li {
    margin-bottom: 3px;
}
/*CBS Tabs Style End*/
.cbs_fieldset_nopadding {
    padding: 0;
}
.cbs_fieldset_nopadding legend {
    margin: 10px;
}
.dataTables_filter .input-group-addon + .form-control {
    border-radius: 0 4px 4px 0 !important;
}
.dataTables_filter .input-group-addon {
    height: 35px;
    padding-top: 9px;
}
.services_label {
    background: #003853  none repeat scroll 0 0;
    color: #fff;
    margin-bottom: 0;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%;
    font-size: 14px;
}
.date .form-control {
    border-radius: 4px 0 0 4px !important;
}
.current_balance {
    color: #CD3128;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    margin-left: 5px;
    vertical-align: middle;
}
.low_balance{
   color: #FF0000;
}
.select2-container .select2-choice{
    border-radius: 4px;
}

.error-text{

    font-size: 500%;
}
.cbs_tabs{}

/*datatables process dots start*/
.dataTables_processing {
    background: white none repeat scroll 0 0;
    font-size: 1.3em;
    height: auto;
    left: 50%;
    margin-left: -50%;
    margin-top: -25px;
    padding-bottom: 20px;
    padding-top: 20px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
}
.dataTables_processing > span {
    font-size: 2.2em;
    line-height: 0;
}
@-webkit-keyframes opacity {
    0% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
    100% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }
}

@-moz-keyframes opacity {
    0% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    100% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }
}

@-webkit-keyframes opacity {
    0% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
    100% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }
}

@-moz-keyframes opacity {
    0% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
    100% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }
}

@-o-keyframes opacity {
    0% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
    100% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }
}

@keyframes opacity {
    0% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
    100% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }
}
.dataTables_processing span {
    -webkit-animation-name: opacity;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: opacity;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: infinite;
    -ms-animation-name: opacity;
    -ms-animation-duration: 1s;
    -ms-animation-iteration-count: infinite;
}
.dataTables_processing span:nth-child(2) {
    -webkit-animation-delay: 100ms;
    -moz-animation-delay: 100ms;
    -ms-animation-delay: 100ms;
    -o-animation-delay: 100ms;
    animation-delay: 100ms;
}
.dataTables_processing span:nth-child(3) {
    -webkit-animation-delay: 300ms;
    -moz-animation-delay: 300ms;
    -ms-animation-delay: 300ms;
    -o-animation-delay: 300ms;
    animation-delay: 300ms;
}
/*datatables process dots end*/
.disable_multi {
    background: #eee none repeat scroll 0 0;
    height: 100%;
    opacity: 0.3;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99999999;
}
.loadingOverlay {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba(255, 255, 255, 0.40) url("../img/cbs/loading.svg") no-repeat scroll 50% 50%;
}
.input_with_dropdown button {
    border-radius: 2px 0 0 2px;
    font-size: 13px;
    font-weight: 400;
    padding: 7px 12px;
    padding-bottom: 8px;
}
.input_with_dropdown button {
    border-radius: 0 2px 2px 0 !important;
}
.input_with_dropdown input {
    border-radius: 0 2px 2px 0 !important;
}
.input_with_dropdown .input-group-addon, .input-group-btn {
    vertical-align: top;
}
.picedit_box{
    width: 152px !important;
    height: 152px !important;
}
.disabled_row {
    background: #eee none repeat scroll 0 0;
    min-height: 328px;
    opacity: 0.4;
    position: absolute;
    width: 100%;
    z-index: 999;
}
.dataTables_length {
    float: right;
}
.locationsteps .bootstrapWizard li{
    width: 14%;
}
.import_error{
    color: #b94a48;
}
.locationsteps .tab-pane {
    overflow: auto;
}
.action_buttons a, .ui-dialog .ui-dialog-buttonpane button {
    background: #CD3128 none repeat scroll 0 0;
    border: medium none;
    border-radius: 15px;
    color: #fff;
    min-width: 75px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    will-change: opacity, transform;
    transition: all .3s ease-out;
    margin-top: 5px;
    box-shadow: 0px 4px 10px #8ba8ad;
    margin-right: 2px;
}
.action_buttons a:hover,.action_buttons a:active,.action_buttons a:focus, .ui-dialog .ui-dialog-buttonpane button:hover, .ui-dialog .ui-dialog-buttonpane button:active, .ui-dialog .ui-dialog-buttonpane button:focus {
    background: #d1635c;
    color: #fff;
    outline: 0;
}
.ui-dialog .ui-dialog-buttonpane button {
    background: #CD3128;
    border-color: #CD3128;
    color: #fff;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0px 4px;
}
.minified nav ul>li>a{
    border-left: 0;
 }
.action_buttons .disabled {
    color: #fff;
    background: #CD3128;
}
.photo img {
    border: 1px solid #d0d0d0;
    margin-bottom: 10px;
}
input.clockpicker {
    border-radius: 4px 0 0 4px !important;
}
.create_location .upload {
    min-width: 75px !important;
    border-radius: 4px !important;
    height: 35px;
    padding-top: 7px !important;
}
.small_square_btn a {
    min-width: 100px !important;
    border-radius: 4px !important;
    height: 40px;
    padding-top: 10px !important;
}
.small_font_legend {
    font-size: 13px;
}
.cbs_fieldset_padding_bot{
    padding-bottom: 10px;
}
.tabs_fieldset{
    margin-bottom: 0;
    border-bottom: 0;
    border-top: 0
}
.ui-state-focus{
    background: none !important;
}
/*Filters Starts*/

.filters_wrap{
    background:#fcfcfc;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    padding: 9px 0 9px 15px;
    margin-bottom: 25px;
}
.filters_wrap * {
    font-size: 12px !important;
}
.single_filter_wrap{
    display:inline-block;
    vertical-align: top;
}
.extended_filters {
    margin-top: 7px;
}
.filter_input{
    border: 1px solid #e2e2e2;
    border-radius: 1px;
    padding-left:5px;
    height: 24px;
    width: 120px;
    font-size: 12px;
    color: #454646;
}
.multiselect-container input[type=radio] {
    display: none;
}
.multiselect_hide_radio label.radio {
    padding-left: 15px;
}
.multiselect_single_button,  .multiselect_single_button:focus  {
    border: none;
    background: none;
    padding: 2px 5px 5px 5px;
    width: auto;
    /* min-width: 53px; */
    box-shadow: none;
}
.single_filter_drop label {
    font-weight: normal;
}
.single_filter_wrap.single_filter_drop {
    margin-left: 26px;
    padding-top: 1px;
}
.filters_wrap .btn-primary {
    color: rgb(51, 51, 51);
    background-color: #ffffff;
    border-color: #e2e2e2;
    padding: 3px 10px;
}
.filters_wrap .btn-primary:hover {
    background-color: #e9e9e9;
}
/*Filters Ends*/
/*DataTable Changes*/
.ui-sortable .jarviswidget-sortable>header,.jarviswidget-color-darken > header{
    display: none;
}
table.dataTable tfoot>tr>th, table.dataTable thead>tr>th{
    background-color: #e5e7e8 !important;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
    padding: 6px 8px;
}
/*.dt-toolbar{
    display: none;
}*/
.dt-toolbar.toolbar-filter {
    padding: 0;
    border: none;
}
.dt-toolbar.toolbar-filter div {
    min-height: auto;
}
table.dataTable{
    margin-top: 0 !important;
}
.jarviswidget>div {
    background-color: #fff!important;
    /*border-radius: 4px;
    overflow: hidden;*/
    border: none;
    border: 1px solid #ccc !important;
}
.dataTables_scroll .dataTables_scrollHeadInner{
    margin-top: 0;
}
.dt-toolbar-footer .dataTables_length {
    margin-right: 10px;
}
/*DataTable ends*/
.single_filter_wrap .input-group.input_with_dropdown,.single_filter_wrap .input-group.date {
    width: 120px;
}
.single_filter_labelonly label {
    padding-top: 3px;
    margin-left: 2px;
}
.single_filter_wrap .input-group-addon{
    padding: 4px 6px;
}
.filter_input_date {
    width: 95px;
}
.filters_wrap .dropdown-menu {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}
h3.cbs_heading {
    font-size: 15px;
    margin: 10px 0 10px 0;
}
.multiselect_filter_search {
    height: 25px;
}
.cbs_view_wrap .form-group {
    margin: 0;
}
.cbs_view_wrap label.control-label {
    display: inline-block;
    font-weight: bold;
    min-width: 45%;
}
.cbs_view_wrap input {
    background: none !important;
    border: none;
    display: inline-block;
    width: 54%;
    text-overflow: ellipsis;
    padding: 0;
}
#bulkresolvetransferslist tbody td:first-child {
    text-align: center;
}
.rejected_trans_id {
    min-width: 90px;
    display: inline-block;
}
/*
#createtariff .bootstrapWizard li {
    width: 20%;
}*/
/******changes for Materialize*****/
.page_header{
    background: #fff;
    padding: 20px;
    font-weight: bold;
}
.page_header h4 {
    font-weight: bold;
}
/*
#content{
    padding: 0;
}*/
.select_carriers,.select_services,.select_multiple_tags,.select_recipients{
    display: block;
}
.select2-hidden-accessible{
    display: none;
}
ul.token-input-list-facebook{
    width: auto !important;
    /*height: 35px !important;*/
    border: 1px solid #ccc !important;
}
ul.token-input-list-facebook li input{
    height: 29px;
}
#sortable_strategies{
    position: relative;
    list-style-type: decimal;
    padding-left: 13px;
}
#sortable_strategies li {
    padding-top: 8px;
    padding-bottom: 8px;
    box-shadow: 0px 5px 10px 0px rgba(224, 216, 216, 0.75);
    margin-bottom: 5px;
}
#sortable_strategies .ui-state-default .ui-icon {
    display: inline-block;
    vertical-align: bottom;
}
.five_step_wizard .bootstrapWizard li{
    width: 20%;
}
#ribbon .breadcrumb li:last-child, #ribbon .breadcrumb>.active {
    color: #CD3128;
}
.disabled_grey {
    color: #999;
}
.search_customer_btn {
    background: rgba(0, 0, 0, 0) url(../img/cbs/search_user.png) no-repeat scroll 0px 4px;
    display: inline-block;
    height: 35px;
    width: 24px;
}
.single_filter_wrap ul.token-input-list-facebook{
    display: inline-block;
    height: 24px !important;
    vertical-align: middle;
    width: 100px !important;
}
.bg-warning_ico{
    background: rgba(0, 0, 0, 0) url(../img/cbs/orange_attention.svg) no-repeat scroll 0px 0px;
    display: inline-block;
    height: 22px;
    width: 22px;
}
.bg-danger_ico{
    background: rgba(0, 0, 0, 0) url(../img/cbs/red_blocked.svg) no-repeat scroll 0px 0px;
    display: inline-block;
    height: 22px;
    width: 22px;
}
.bg-ok_ico{
    background: rgba(0, 0, 0, 0) url(../img/cbs/green_checked.svg) no-repeat scroll 0px 0px;
    display: inline-block;
    height: 22px;
    width: 22px;
}
.custom_status_col{
    padding: 5px 0 0 !important;
}
div.token-input-dropdown-facebook{
    z-index: 1051 !important;
}
.token-input-dropdown-facebook ul {
    max-height: 325px;
    overflow-y: scroll;
}
.searchableserversidedrop .select2-choice {
    border-radius: 0 4px 4px 0 !important;
    height: 35px;
}
.ui-datepicker{
    z-index: 9999 !important;
}
table.dataTable .selected, table.dataTable .selected {
    background-color: #acbad4 !important;
}
.dt-buttons{
    float: right !important;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 8px;
}
.totals_row {
    font-weight: bold;
}
.rpt_title_name, .rpt_title {
    font-weight: bold;
}
.btn-file>input{
    font-size: 0 !important;
}
.filters_wrap .multiselect {
    padding: 2px 3px 2px 3px !important;
    border-radius: 0;
    box-shadow: none;
    border-color: #e2e2e2 !important;
}
.filters_wrap .multiselect-clear-filter {
    padding: 4px 6px 3px 6px;
    box-shadow: none;
}
.filters_wrap .multiselect-search {
    height: 26px;
    padding-top: 0;
    border-radius: 2px 0 0 2px !important;
    padding-bottom: 0;
}
.filters_wrap .multiselect-container>li>a>label {
    padding: 3px 18px 3px 26px;
}
[data-column-index] {
    cursor: pointer;
}
/*Buttons*/

.dt-button-collection button.buttons-columnVisibility:before,
.dt-button-collection button.buttons-columnVisibility.active span:before {
    display:block;
    position:absolute;
    top:1.2em;
    left:0;
    width:12px;
    height:12px;
    box-sizing:border-box;
}

.dt-button-collection button.buttons-columnVisibility:before {
    content:' ';
    margin-top:-6px;
    margin-left:10px;
    border:1px solid black;
    border-radius:3px;
}

.dt-button-collection button.buttons-columnVisibility.active span:before {
    content:'\2714';
    margin-top:-11px;
    margin-left:12px;
    text-align:center;
    text-shadow:1px 1px #DDD, -1px -1px #DDD, 1px -1px #DDD, -1px 1px #DDD;
}

.dt-button-collection button.buttons-columnVisibility span {
    margin-left:20px;
}
div.dt-button-collection{
    max-height: 435px;
    overflow: auto !important;
    width: 168px !important;
    left: -100px !important;
}
.dt-button-collection button.buttons-columnVisibility span {
     overflow: hidden;
     margin-left: 20px;
     white-space: nowrap;
     text-overflow: ellipsis;
     display: block;
     width: 95px !important;
 }
.collapse.show .form-group {
    visibility: visible;
}
/*
.single_filter_drop .input_with_dropdown button {
    padding: 2px 10px;
    padding-bottom: 2px;
}*/
.box_shadow{
    box-shadow: 0px 2px 10px #af9f9f;
}
.dataTables_info span {
    color: #CD3128 !important;
}
.dataTables_paginate .active a{
    background-color: #CD3128;
    border-color: #CD3128;
}
td a {
    color: #CD3128;
}
/*!
 * WebApp Icons
 */
 @font-face {
    font-family: 'nextgen-icons';
    src: url("webfonts/nextgen-icons.eot");
    src: url("webfonts/nextgen-icons.eot?#iefix") format("embedded-opentype"), url("webfonts/nextgen-icons.woff2") format("woff2"), url("webfonts/webfonts/nextgen-icons.woff") format("woff"), url("webfonts/webfonts/nextgen-icons.ttf") format("truetype"), url("webfonts/webfonts/nextgen-icons.svg#nextgen-icons") format("svg");
    font-weight: normal;
    font-style: normal; }

    .ni,
[data-icon]:before,
[class^="base-"],
[class*=" base-"] {
  font-family: 'nextgen-icons';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; }
/*
#content::-webkit-scrollbar-thumb {
    background-color: #F90;
    background-image: -webkit-linear-gradient(45deg,rgba(255, 255, 255, .2) 25%,transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%,transparent);
    width: 10px;
    background-color: #F5F5F5;
}*/
/*#content::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
}
#content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #CD3128;
}
#content::-webkit-scrollbar-track {
    background-color: #EFEFEF;
}
#left-panel::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
}
#left-panel::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #CD3128;
}
#left-panel::-webkit-scrollbar-track {
    background-color: #EFEFEF;
}*/
.ui-dialog-titlebar-close:before{
    font-family: "Font Awesome 6 Pro";
    font-weight: bold;
}
.ui-dialog{
    border-color: #fff;
    border-radius: 0;
}
.ui-dialog .ui-dialog-buttonpane{
    padding: 16px 15px 15px;
}
.ui-dialog-title i{
    color: #CD3128;
    font-size: 16px;
}
.smart-form .checkbox input+i:after {
    font-family: "Font Awesome 6 Pro";
    font-weight: bold;
}
.inline_checkbox {
    display: inline !important;
    padding-left: 25px !important;
    line-height: 40px !important;
    padding-right: 20px;
    padding-top: 3px;
}


.radioasbuttons_wrap input[type=radio] {
    opacity: 0;
}
.radioasbuttons_wrap label.radio-inline {
    border: 1px solid #ededed;
    height: 24px;
    border-radius: 3px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
}
.selected_radio_label{
    background-color: #CD3128;
    color: #fff;
}
/*for test only*/
#allclientcallqualityfeedbacks_wrapper th, #id_datacdrtable_wrapper th {
    min-width: 50px;
    white-space: nowrap;
}
#allclientcallqualityfeedbacks_wrapper td, #id_datacdrtable_wrapper td {
    white-space: nowrap;
}
.buttons-print, .buttons-pdf, .buttons-excel ,.buttons-colvis,.buttons-csv,.buttons-copy {
    display: inline-block !important;
    width: 25px;
    height: 25px;
    background-size: contain;
    font-size: 0 !important;
    border: none !important;
    background-color: transparent !important;
    background-repeat: no-repeat;
    margin-right: 10px !important;
}
.buttons-print{
    background-image: url(../img/cbs/print.svg) !important;
}
.buttons-print:hover{
    background-image: url(../img/cbs/print_hover.svg) !important;
}
.buttons-pdf{
    background-image: url(../img/cbs/pdf.svg) !important;
}
.buttons-pdf:hover{
    background-image: url(../img/cbs/pdf_hover.svg) !important;
}
.buttons-excel{
    background-image: url(../img/cbs/excel.svg) !important;
}
.buttons-excel:hover{
    background-image: url(../img/cbs/excel_hover.svg) !important;
}
.buttons-colvis{
    background-image: url(../img/cbs/visibility.svg) !important;
}
.buttons-colvis:hover{
    background-image: url(../img/cbs/visibility_hover.svg) !important;
}
.buttons-copy{
    background-image: url(../img/cbs/copy.svg) !important;
}
.buttons-copy:hover{
    background-image: url(../img/cbs/copy_hover.svg) !important;
}
.buttons-csv{
    background-image: url(../img/cbs/csv.svg) !important;
}
.buttons-csv:hover{
    background-image: url(../img/cbs/csv_hover.svg) !important;
}

.green {
    color: #10b510;
}
.yellow{
    color: #e0aa06;
}
.red{
    color: red;
}
.blue{
    color: #60c0fb;
}
.cbs_label_sendon{
    display: inline-block;
    vertical-align: sub;
    margin-right: 10px;
    margin-left: 75px;
    padding-top: 6px;
}
.flot-bar-labels {
    color: wheat;
    margin-left: 17px;
}
#totalmins-chart .flot-bar-labels, #sucesscall-chart .flot-bar-labels {
    margin-left: 0px;
}

#callqualitysummary_table_wrapper .dt-buttons, #AllPendingCardRequests_wrapper .dt-buttons, #allcardsinfo_table_wrapper .dt-buttons {
    float: right !important;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 7px;
}
.select2-search:before, .select2-container .select2-choice .select2-arrow b:before, .select2-no-results:before{
    font-family: "Font Awesome 6 Pro";
}
/*normal tabs within special left tabs*/
.tabs-left #tabs li {
    width: auto;
}
.tabs-left #tabs .ui-state-active::after{
    content: none;
}
.tabs-left #tabs .ui-tabs-panel {
    border: 1px solid #ddd;
}
.tabs-left #tabs .ui-tabs-nav li a:hover,.tabs-left #tabs .ui-tabs-nav li.ui-tabs-active a{
    border-right: 1px solid #ddd !important;
    border-left: 1px solid #ddd !important;
}
.tabs-left li.token-input-input-token-facebook {
    background: none !important;
}
/*special left tabs within normal tabs*/

#tabs-left_wrap .tabs-left .ui-tabs-nav li a {
    border: medium none !important;
    width: 100%;
    padding: 14px 12px;
    border-radius: unset;
    background: #f5f5f5;
    color: #838383;
}
#tabs-left_wrap .tabs-left .ui-tabs-nav li.ui-tabs-active a {
    background: #CD3128 none repeat scroll 0 0;
    border: medium none !important;
    color: #fff;
    font-weight: normal;
    border-radius: unset;
}
#tabs-left_wrap .tabs-left .ui-tabs-nav li a:hover {
    border: medium none !important;
    background: #CD3128 none repeat scroll 0 0;
    color:#FFF;
}
#tabs-left_wrap .tabs-left .ui-state-hover {
    padding: 0 !important;
}
#tabs-left_wrap .tabs-left .ui-state-active::after {
    border-bottom: 7px solid transparent;
    border-left: 14px solid #CD3128;
    border-top: 7px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: -13px;
    top: 18px;
    width: 0;
    z-index: 99;
}
#tabs-left_wrap .tabs-left li {
    width: 100%;
}
#tabs-left_wrap .tabs-left li {
    background: #eaeaea none repeat scroll 0 0;
    width: 100%;
    margin: 0;
}
#tabs-left_wrap .tabs-left a {
    box-shadow: none !important;
}
#tabs-left_wrap .tabs-left .ui-tabs-panel {
    border: medium none;
}
#tabs-left_wrap .ui-tabs .ui-tabs-nav{
    border: none;
}
#enableTwoWayAuthWeb_dialog input[type=radio] {
    vertical-align: text-bottom;
}

div#bundleDetails_dialog .jarviswidget>div, div#expiredBundleDetails_dialog .jarviswidget>div {
    margin-bottom: 30px;
}
#bundleDetails_dialog .jarviswidget .widget-body, #expiredBundleDetails_dialog .jarviswidget .widget-body {
    min-height: unset;
}
#bundleDetails_dialog .jarviswidget, #expiredBundleDetails_dialog .jarviswidget {
    margin-bottom: 0;
}
.select2-container .select2-choice .select2-arrow b:before, .select2-search:before, .select2-no-results:before{
    font-family: "Font Awesome 6 Pro";
}
.bootstrap-tagsinput{
    border-radius: 4px;
}
.bootstrap-tagsinput .tag [data-role=remove]:after{
    font-family: "Font Awesome 6 Pro";
}

ul.tabs-left_ul_wrap {
    border: none !important;
}
ul.tabs-left_ul_wrap h3 {
    /*argin: 7px 0px 7px 0;
    display: inline-block;*/
    margin: 1px 0px 0px 0;
    display: inline-block;
    padding: 7px 7px 10px 7px;
    background: #f5f5f5;
}
ul.tabs-left_ul_wrap li {
    margin-left: 20px;
}
.bootstrap-tagsinput{
    border-radius: 4px;
}
.bootstrap-tagsinput .tag [data-role=remove]:after{
    font-family: "Font Awesome 6 Pro";
}

/*Tree View Start*/
.dupBtn{
    margin-left: 1em;
}
.cbs_tree,
.cbs_tree ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.cbs_tree ul {
    margin-left: 1em;
    position: relative
}
.cbs_tree ul ul {
    margin-left: .5em
}
.cbs_tree ul:before {
    content: "";
    display: block;
    width: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 1px solid;
    /*color: #CD3128;*/
}
.cbs_tree li {
    margin: 0;
    padding: 0 1em;
    line-height: 2em;
    color: #CD3128;
    font-weight: 400;
    position: relative;
    font-family: "Open Sans",Arial,Helvetica,Sans-Serif;
    font-size: 13px;
}
.cbs_tree ul li:before {
    content: "";
    display: block;
    width: 10px;
    height: 0;
    border-top: 1px solid;
    margin-top: -1px;
    position: absolute;
    top: 1em;
    left: 0
}
.cbs_tree ul li:last-child:before {
    background: #fff;
    height: auto;
    top: 1em;
    bottom: 0
}
.indicator {
    margin-right: 5px;
}
.cbs_tree li a {
    text-decoration: none;
    color: #4a4a4a;
}
.cbs_tree li button,
.cbs_tree li button:active,
.cbs_tree li button:focus {
    text-decoration: none;
    color: #4a4a4a;
    border: none;
    background: transparent;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    outline: 0;
}
#gsm_rate_wrap .cbs_tree {
    margin-top: 13px;
}
.cbs_tree li a.Active{
    text-decoration: none;
    color:#CD3128;
    font-weight: 700;
}
/*Tree View End*/

.sortable_bundles_wrap li {
    list-style: none;
    padding: 3px;
    margin-bottom: 5px;
}
.sortable_bundles_wrap li:hover {
    background-color: #CD3128;
    color: #fff;
}
.sortable_bundles_wrap li .ui-icon {
    display: inline-block;
    position: relative;
    top: 2px;
}
#rentcharging-priorities .show{
    visibility: visible;
}

.context_menu_show {
    z-index: 1000;
    position: absolute;
    width: 150px;
    background-color: #ffffff;
    border: 1px solid lightgray;
    box-shadow: 2px 2px 2px gray;
    font-size: 13px;
}
#context_menu ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

#context_menu li {
    width: 100%;
    padding: 10px 0px;
    border: 1px solid lightgray;
    text-align: center;
}
#context_menu li a {
    text-decoration: none;
    color: inherit;
}
.ui-dialog{
    z-index: 1010 !important;
}
.popover{
    z-index: 1010 !important;
}


.cbs_tabs .tabs-left li {
    background: #eaeaea none repeat scroll 0 0 !important;
    width: 100%;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.cbs_tabs .tabs-left .ui-tabs-nav li.ui-tabs-active a {
    background: #CD3128 none repeat scroll 0 0 !important;
    border: none !important;
    color: #fff !important;
    font-weight: normal !important;
    border-radius: unset !important;
}

.cbs_tabs .tabs-left .ui-tabs-nav li a {
    border: medium none !important;
    width: 100%;
    padding: 14px 12px;
    background: #F5F5F5 !important;
    color: #838383 !important;
}

.cbs_tabs .tabs-left .ui-tabs-nav li a:hover {
    border: medium none !important;
    background: #CD3128 none repeat scroll 0 0;
    color: #FFF;
}
.cbs_tabs .tabs-left ul{
    margin-left: 10px;
}
/*cards start*/
.card {
    /*width: 18rem;*/
    border: 1px solid #ddd;
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s, box-shadow 0.2s;
    background: white;
    margin: 1rem;
}
.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}
.card-img-top {
    width: 100%;
    height: auto;
    display: block;
}
.card-body {
    padding: 1.25rem;
}
.card-title {
    margin: 0 0 0.75rem 0;
    font-size: 1.25rem;
    font-weight: bold;
}
.card-text {
    margin: 0 0 1rem 0;
    color: #555;
}
/*cards end*/

.jarviswidget header.forcedisplay{
    display: block !important;
    background: none !important;
    border-color: #c2c2c2 !important;
    color: black;
    border-bottom: none;
}
.jarviswidget header.forcedisplay h2{
    font-size: 15px;
}
.font-bold{
    font-weight: bold;
    color: #CD3128;
}
.vertical-center{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 200px;
}

.fa6, .far6, .fas6 {
    font-family: "Font Awesome 6 Pro";
}
.collapse.show {
    visibility: visible;
}
li.ui-state-default.ui-element.no-items {
    color: #8e8e8e;
}