﻿.m-b-50 {
    margin-bottom: 50px;
}

.oheader .sorting-desc .arrow, .oheader .sorting-asc .arrow {
    float: none !important;
    margin-left: 10px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #ffffff !important;
}

.BoldText {
    font-weight: 700;
}

.p-t-1 {
    padding-top: 1%;
}

.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 3000;
    float: left;
    display: none;
    min-width: 160px;
    padding: 4px 0;
    margin: 0 0 10px 25px;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
    text-decoration: none;
}

.ui-corner-all {
    border-radius: 0px !important;
}

.ui-state-hover, .ui-state-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #1ab394 !important;
    border-color: #1ab394 !important;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}

#SearchedCustomer, #currentCustomer {
    background: #fbfbfb;
    padding: 10px 20px 0px 20px;
    border-radius: 4px;
    border: #e6e6e6 1px solid;
    /* box-shadow: inset 0px 0px 30px #e6e6e6;*/
}

hr {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
/*Added by chand dakhara random issue*/
.recipeIconWrap {
    height: 30px;
    max-width: 13px !important;
    display: inline-block;
}

    .recipeIconWrap img {
        max-width: 100%;
        max-height: 100%;
        margin-top: -2px;
    }
/*End random issue*/
/*Added by umang on 07/19/2022 for #134088*/
.set-shop .shops {
    padding-left: 15px;
}
/*Second Style sit*/
@media (max-width:991px) {
    body #tblRecurringData tr.oheader th, body #tblRecurringData tbody td, body #tblRecurringData .recurring-frequency-col .form-control, body #tblRecurringData .form-cont, body #tblRecurringData .input-addon, body .shops .form-control {
        font-size: 12px;
    }

    #tblRecurringData th.recurring-recurring-id-col {
        min-width: 90px;
    }

    #tblRecurringData th.recurring-customer-name-col {
        min-width: 110px;
    }

    #tblRecurringData th.recurring-recipient-name-col {
        min-width: 110px;
    }

    #tblRecurringData th.recurring-mop-col {
        min-width: 70px;
    }

    #tblRecurringData th.recurring-total-col {
        min-width: 100px;
    }

    #tblRecurringData th.recurring-frequency-col {
        min-width: 160px;
    }

    #tblRecurringData th.recurring-nextdate-col {
        min-width: 150px;
    }

    #tblRecurringData th.recurring-recurring-end-date-col {
        min-width: 150px;
    }

    #tblRecurringData th.recurring-active-col {
        min-width: 40px;
    }
    /*Added By Umang on 07/20/2022 for #134088*/
    .recurring-active-col .checkbox {
        padding-left: 25px;
    }
    /*End #134088*/

    /*added by umang on 08/08/2022 for #134088*/
    body #divTable{
        overflow: auto !important;
    }
    /*End #134088*/
}
/*End #134088*/
@media (max-width:480px) {
    .form-control, .single-line {
        padding: 6px 8px !important;
    }
}

@media screen and (max-width:600px) {
    .shops .col-xs-12 {
        text-align: center !important;
    }
}

.oheader th {
    background-color: #EDEDED !important;
    color: #666666 !important;
    padding: 12px 8px !important;
    font-weight: 600;
}

#tblRecurringData td {
    vertical-align: middle;
}

#tblRecurringData tbody tr td:last-child {
    text-align: center;
}

.table-striped > tbody > tr:nth-child(even) > td,
.table-striped > tbody > tr:nth-child(even) > th {
    background-color: #fafafa;
}

#tblRecurringData {
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}
    /*Added by umang on 07/19/2022 for #134088*/
    #tblRecurringData .dropdown {
        display: flex;
        justify-content: center;
    }

    #tblRecurringData tr.oheader th, #tblRecurringData tbody td, #tblRecurringData .recurring-frequency-col .form-control, #tblRecurringData .form-cont, #tblRecurringData .input-addon, .shops .form-control {
        font-size: calc(12px + (13 - 12) * ((100vw - 320px) / (1920 - 320))); /*Modify by umang on 08/05/2022 for #134088*/
    }
/*End #134088*/
/*Added By Umang on 07/20/2022 for #134088*/
.recurring-tale-grid {
    min-height: 70vh;
}
/*Modify #134088*/
/*table {
        border-collapse: collapse;
    }

    th, td {
        padding: 5px 10px;
        border: 1px solid #999;
    }

    th {
        background-color: #eee;
    }

        th[data-sort] {
            cursor: pointer;
        }

    tr.awesome {
        color: red;
    }

    #msg {
        color: green;
    }*/
#tblRecurringData > thead > tr > th, #tblRecurringData > tbody > tr > td {
    position: relative;
}

    #tblRecurringData > thead > tr > th:not(:last-child)::after, #tblRecurringData > tbody > tr > td:not(:last-child)::after {
        content: "";
        width: 1px;
        height: 80%;
        background-color: #d7d7d7;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        z-index: 9;
    }

#tblRecurringData > tbody > tr > td {
    background-color: white;
}

.set-tblRecurringData-order-id {
    color: #2F9BC8 !important;
    font-weight: 700 !important;
}
/*Modify by umang on 07/22/2022 for #134088*/
#tblRecurringData .checkbox label::after {
    left: 0px;
    line-height: 17px;
    text-align: center;
}
/*End #134088*/
@media (min-width: 992px) {
    .col-md-12 {
        width: 99% !important;
    }
}
/*Commented by krishna on 07/15/2022 #134088*/
/*.col-md-12 {
    padding-right: 0px !important;
}*/
/*134088*/
#page-wrapper {
    overflow-y: auto !important;
}



.checkbox label::before {
    border: 2px solid #cccccc !important;
    border-radius: 5px !important;
}
/*Added by ashmita on 08-07-2022 for 130397*/
@media screen and (max-width:1140) {
    .set-shop {
        margin-left: 6px;
    }
}

.set-panel-padding {
    padding-left: 20px;
    padding-right: 10px;
    /*Added by ashmita on 08/08/2022 for #134088*/
    border-radius: 11px;
    background-color: white;
    margin: 15px;
}
/*Added by ashmita on 15/07/2022 for #130397*/
.ui-state-hover, .ui-state-active {
    color: #ffffff !important;
    text-decoration: none;
    background-color: #2F9BC8 !important;
}

#tab-ReccRecipient .row.TopPadding {
    padding: 0px 15px;
}
/*End #130397*/

/*hide by ashmita on 21/07/2022 for #134088*/
/*Added by ashmita on 15/07/2022 for #130397*/
/*#RecurringTabs .nav-tabs > li.active > a {
    color: #2F9BC8 !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    box-shadow: none !important;
    background: linear-gradient(0deg, #F0FBFF, #F0FBFF), #FFFFFF !important;
    border: 1px solid #2F9BC8 !important;
    border-radius: 8px !important;
    cursor: pointer !important;
}

#RecurringTabs .nav-tabs > li > a {
    font-weight:400;
}

#tab-ReccProduct {
    border: 1px solid lightgray;
    border-radius: 4px;
    margin-top: 21px;
}*/
/*End #130397*/
.productGrid .productLines .form-control, #paymentSubTotalTxt, #paymentGrandTotalTxt, #Payments .common-font-size .input-group-addon, #Payments .common-font-size .form-control, .btnUpdateProducts, .custom-dynamic-font-size {
    font-size: calc(12px + (13 - 12) * ((100vw - 320px) / (1920 - 320))) !important; /*Modify by umang on 08/05/2022 for #134088*/
}
/*added by umang on 08/08/2022 for #134088 */
#page-wrapper {
    min-height: auto !important;
    height: calc(100% - 60px) !important;
}
#divTable {
    overflow: visible !important;
    height: calc(100% - 40px) !important;
    min-height: auto !important;
}
#tblRecurringData {
    overflow: auto;
}
/*End #134088 */
    /*added by umang on 08/08/2022 for #134088*/
    #tblRecurringData .recurring-grid-action-col {
        width: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));
    }

    #tblRecurringData .recurring-grid-recurring-id-col {
        width: calc(50px + (70 - 50) * ((100vw - 320px) / (1920 - 320)));
    }

    #tblRecurringData .recurring-grid-customer-name-col {
        width: calc(100px + (140 - 100) * ((100vw - 320px) / (1920 - 320)));
    }

    #tblRecurringData .recurring-grid-recipient-name-col {
        width: calc(100px + (140 - 100) * ((100vw - 320px) / (1920 - 320)));
    }

    #tblRecurringData .recurring-grid-mop-col {
        width: calc(50px + (70 - 50) * ((100vw - 320px) / (1920 - 320)));
    }

    #tblRecurringData .recurring-grid-total-col {
        width: calc(50px + (70 - 50) * ((100vw - 320px) / (1920 - 320)));
    }

    #tblRecurringData .recurring-grid-frequency-col {
        width: calc(80px + (100 - 80) * ((100vw - 320px) / (1920 - 320)));
    }

    #tblRecurringData .recurring-grid-next-delivery-date-col {
        width: calc(140px + (150 - 140) * ((100vw - 320px) / (1920 - 320)));
    }

    #tblRecurringData .recurring-grid-recurring-end-date-col {
        width: calc(140px + (150 - 140) * ((100vw - 320px) / (1920 - 320)));
    }

    #tblRecurringData .recurring-grid-active-col {
        width: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));
    }
/*Added For  #179122*/
#ModalWeekofMonth {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.4);
}
#ModalWeekofMonth .modal-dialog {
    width: 30%;
    max-width: 50%;
    max-height: 30%;
}
#tblRecurringData td {
    vertical-align: top !important;
}
/*End #179122*/

@media (max-width: 991px) {
    body #tblRecurringData .recurring-grid-action-col {
        min-width: 50px;
    }

    body #tblRecurringData .recurring-grid-recurring-id-col {
        min-width: 70px;
    }

    body #tblRecurringData .recurring-grid-customer-name-col {
        min-width: 140px;
    }

    body #tblRecurringData .recurring-grid-recipient-name-col {
        min-width: 140px;
    }

    body #tblRecurringData .recurring-grid-mop-col {
        min-width: 70px;
    }

    body #tblRecurringData .recurring-grid-total-col {
        min-width: 70px;
    }

    body #tblRecurringData .recurring-grid-frequency-col {
        min-width: 130px;
    }

    body #tblRecurringData .recurring-grid-next-delivery-date-col {
        min-width: 150px;
    }

    body #tblRecurringData .recurring-grid-recurring-end-date-col {
        min-width: 150px;
    }

    body #tblRecurringData .recurring-grid-active-col {
        min-width: 50px;
    }
}
/*End #134088*/
/*Added for #183257*/
.col-sm-6 {
    padding-left: 15px !important;
}
/*#183257*/