.switch_pay {
        display: block;
        margin: 12px auto
}

.switch_pay {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        padding: 3px;
        -moz--webkit-border-radius: 18px;
        border-radius: 18px;
        font-weight: 400;
        font-size: 12px;
        color: #777;
        cursor: pointer
}

.edit_small_icon {
        width: 34px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        /* padding: 10px; */
        text-align: center;
        vertical-align: middle;
        background-color: #f9d814;
        border-radius: 4px;
        color: #3e3e3e;
        float: left;
}

.delete_small_icon {
        width: 34px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        /* padding: 10px; */
        text-align: center;
        vertical-align: middle;
        background-color: #f94f14;
        border-radius: 4px;
        color: #3e3e3e;
        float: left;
        margin-left: 10px;
}

.switch_pay-input {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0
}

.switch_pay-label {
        position: relative;
        display: block;
        float: left;
        font-size: 10px;
        width: 84px;
        height: 20px;
        margin-right: 20px;
        text-transform: uppercase;
        background: #eceeef;
        border-radius: inherit;
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
        -webkit-transition: 0.15s ease-out;
        transition: 0.15s ease-out;
        -webkit-transition-property: opacity background;
        transition-property: opacity background
}

.switch_pay-label:before,
.switch_pay-label:after {
        position: absolute;
        top: 50%;
        margin-top: -.5em;
        line-height: 1;
        -webkit-transition: inherit;
        transition: inherit
}

.switch_pay-label:before {
        content: attr(data-off);
        right: 11px;
        color: #aaa;
        text-shadow: 0 1px rgba(255, 255, 255, 0.5)
}

.switch_pay-label:after {
        content: attr(data-on);
        left: 11px;
        color: white;
        text-shadow: 0 1px rgba(0, 0, 0, 0.2);
        opacity: 0
}

.switch_pay-input:checked ~ .switch_pay-label {
        background: #47a8d8;
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2)
}

.switch_pay-input:checked ~ .switch_pay-label:before {
        opacity: 0
}

.switch_pay-input:checked ~ .switch_pay-label:after {
        opacity: 1
}

.switch_pay-handle {
        position: absolute;
        top: 4px;
        left: 4px;
        width: 18px;
        height: 18px;
        background: white;
        border-radius: 10px;
        -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
        box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #fff), to(#f0f0f0));
        background-image: linear-gradient(to bottom, #fff 40%, #f0f0f0);
        -webkit-transition: left 0.15s ease-out;
        transition: left 0.15s ease-out
}

.switch_pay-handle:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -6px 0 0 -6px;
        width: 12px;
        height: 12px;
        background: #f9f9f9;
        border-radius: 6px;
        -webkit-box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
        box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff));
        background-image: linear-gradient(to bottom, #eee, #fff)
}

.switch_pay-input:checked ~ .switch_pay-handle {
        left: 68px;
        -webkit-box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
        box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2)
}

.switch_pay-green > .switch_pay-input:checked ~ .switch_pay-label {
        background: #4fb845
}

.report-section-description {
        background-color: #f3f3f3;
        width: 100%;
        line-height: 26px;
        padding: 10px;
        font-size: 14px;
}

.v-aling-top {
        vertical-align: top !important;
}

.small_dis_diduct {
        font-size: 11px;
        width: 100%;
        float: left;
        text-align: justify;
}

.create-deduction-submit {

        cursor: pointer;
        font-family: "Open Sans", sans-serif;
        min-height: 1em;
        outline: 0;
        border: none;
        vertical-align: baseline;
        background: #292929;
        color: #fff;
        padding: 13px 27px;
        width: 152px;
        font-size: 12px;
        float: left;
        text-transform: none;
        text-shadow: none;
        font-weight: 400;
        line-height: 1em;
        text-align: center;
        text-decoration: none;
        border-radius: .28571429rem;
        -webkit-box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
        box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
}

.collection-top-botton {
        color: #fff;
        background-color: #C233FF;
        border: 2px solid #C233FF;
}

.collection-top-botton:hover {
        color: #C233FF;
        background-color: #fff;
        border: 2px solid #C233FF;
}


.pro_d-top-botton {
        color: #fff;
        background-color: #848484;
        border: 2px solid #848484;
}

.pro_d-top-botton:hover {

        color: #848484;
        background-color: #fff;
        border: 2px solid #848484;
}

.pro_r-top-botton {

        color: #fff;
        background-color: #292929;
        border: 2px solid #292929;
}

.pro_r-top-botton:hover {
        color: #292929;
        background-color: #fff;
        border: 2px solid #292929;
}



.clm_pro_d-top-botton {
        color: #fff;
        background-color: #A085EA;
        border: 2px solid #A085EA;
}

.clm_pro_d-top-botton:hover {

        color: #A085EA;
        background-color: #fff;
        border: 2px solid #A085EA;
}

.clm_pro_r-top-botton {

        color: #fff;
        background-color: #6E6FD4;
        border: 2px solid #6E6FD4;
}

.clm_pro_r-top-botton:hover {
        color: #6E6FD4;
        background-color: #fff;
        border: 2px solid #6E6FD4;
}




.collected-top-botton {
        color: #fff;
        background-color: #8634E3;
        border: 2px solid #8634E3;
}

.collected-top-botton:hover {
        color: #8634E3;
        background-color: #fff;
        border: 2px solid #8634E3;
}

.received_col-top-botton {
        color: #fff;
        background-color: #3A65FB;
        border: 2px solid #3A65FB;
}

.received_col-top-botton:hover {
        color: #3A65FB;
        background-color: #fff;
        border: 2px solid #3A65FB;
}

.purple-top-botton {
        color: #fff;
        background-color: #7561E8;
        border: 2px solid #7561E8;
}

.purple-top-botton:hover {
        color: #fff;
        background-color: #7561E8;
        border: 2px solid #7561E8;
}

.delivery-top-botton {
        color: #fff;
        background-color: #36D968;
        border: 2px solid #36D968;
}

.delivery-top-botton:hover {
        color: #36D968;
        background-color: #fff;
        border: 2px solid #36D968;
}

.invoice-top-botton {
        color: #fff;
        background-color: #F0DD36;
        border: 2px solid #F0DD36;
}

.invoice-top-botton:hover {
        color: #F0DD36;
        background-color: #fff;
        border: 2px solid #F0DD36;
}

.payment-top-botton {
        color: #fff;
        background-color: #FAB84D;
        border: 2px solid #FAB84D;
}

.payment-top-botton:hover {
        color: #FAB84D;
        background-color: #fff;
        border: 2px solid #FAB84D;
}

.print_pre_prepared_collections {
        background-image: url(../images/print_pre_prepared_collections.jpg) !important;

}

#total_payable_amount {
        color: #ff4545;
}

#total_paid_amount {
        color: #5ef300;
}

.error_text_f_b {
        border: 1px solid #f00;
}

.top_pay_details {
        position: fixed;
        z-index: 999999 !important;
        bottom: 0px;
        right: 0px;
        background-color: #09528a;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 12px;
        padding-bottom: 10px;
        color: #fff;
        font-weight: bold;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
}

.print_collections_order {
        background-image: url(../images/print_collections_order.jpg) !important;
}

.customer_details_ppc {

        font-size: 14px;
        line-height: 23px;
        padding-bottom: 25px;
}

.item_details_icons {
        vertical-align: middle !important;
}

.item_details_icons tr td {
        vertical-align: middle !important;
}

.add_ids {

        padding-left: 10px;
        background-color: #4e9af0;
        padding-right: 10px;
}

.drop_cdi {
        width: 92px;
        border: 1px solid #ddd;
        font-size: 12px;
}

.total_payable_amount {
        font-size: 22px;
        color: #44484e;
        font-weight: bold;

}

.total_payable_amount span {
        font-size: 36px;
        color: #f13e08;
}

.cid_tf {
        width: 100%;
        margin-top: 10px;
        border: 1px solid #ddd;
        font-size: 12px;
        padding: 4px
}

.dis_fd {
        pointer-events: none;
        cursor: not-allowed;

}

.dis_fd_n {
        pointer-events: none;
        cursor: crosshair;
        background-color: #e8e8e8;
}

.cid_tb {
        margin-top: 10px !important;
}

.hv_fd {
        border: 2px solid #188ae2;
}

.balance_ammount {

        color: #e40808;
}

.text-aling-left {
        text-align: left !important;
}

.inv_titel {
        width: 100%;
        float: left;
        padding: 1px;
        text-align: center;
        text-transform: uppercase;
        font-weight: bold;
        margin-top: 5px;
        border: 2px solid #000;

}


.rider_col_details {

        min-width: inherit !important;
        vertical-align: text-top;
}

.reports .rider_col_details tr td {
        vertical-align: top !important;
}

.oder_collection_r {
        text-align: center;
        width: 138px;
        color: #fff;
        background-color: #337ab7;
        padding: 5px;
        float: left;
        margin-top: 10px;
        border-radius: 3px;

}

.rider_print {
        margin-top: 15px;
        font-size: 20px;
}

/* bootstrap-select.btn-group .dropdown-menu.inner */

.error-fix {
        position: absolute !important;
}

.print_back_but_main,
.print_but_main {
        margin-bottom: 15px !important;
}


.return_items {
        border-radius: 4px;
        color: #fff;
        background-color: #f3ae00;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 12px;
        font-weight: bold;
        margin-top: 0px;
        text-transform: uppercase;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        /* width: 100%; */
        /* background-color: azure; */
        border: 0px;
}

.return_items_active {
        border-radius: 4px;
        color: #fff;
        background-color: #313131 !important;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 12px;
        font-weight: bold;
        margin-top: 0px;
        text-transform: uppercase;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        /* width: 100%; */
        /* background-color: azure; */
        border: 0px;
}

.return_items_dis {
        width: 100%;
        float: left;
        height: 95px;
        margin-top: -110px;
        background-color: #f3ae00;
        z-index: 999;
        opacity: 0.6;
}

.return_items_no {
        display: none;
}

@media (max-width: 860px) {
        .return_items_dis {
                margin-top: -248px;
                height: 233px !important;
        }
}

.color_v_verified_ok {

        color: #81c300;
}

.color_v_verified_er {

        color: #b50000;
}