:root {
    --defaultLeft: 500px;
}
/*modify by umang on 08/25/2022 for #133108*/
.customer-container {
    /*position: absolute;*/
    width: 550px; /*modify by ruju for #167583*/
    /* height: 683px;*/
    left: 50%;
    top: 50px;
    bottom: auto; /*Modify By umang on 08/26/2022 for #133108*/
    background: #FFFFFF;
    border-radius: 8px;
    transform: translateX(-50%) !important;
}
    /*End  #133108*/

    .customer-container .separator {
        position: absolute;
        width: 660px;
        height: 0px;
        left: -40px;
        top: 0px; /*Modify By umang on 08/26/2022 for #133108*/
        padding: 0px; /*Modify By umang on 08/26/2022 for #133108*/
        /* stroke */
        border-bottom: thin solid #E7EAE9;
    }

.hana-ml-0 {
    margin-left: 0px !important;
}

.hana-mt-5 {
    margin-top: 5px;
}

.hana-mt-10 {
    margin-top: 10px;
}

.hana-p-0 {
    padding: 0px 0px 0px 0px;
}

.hana-pl-10 {
    padding-left: 10px;
}

.hana-pl-0 {
    padding-left: 0px;
}

.hana-pt-7 {
    padding-top: 7px;
}

.hana-pr-10 {
    padding-right: 10px;
}

.hana-display-block {
    display: block;
}

.hana-radio {
    font-size: 14px;
}

.hana-radio-input {
    vertical-align: top;
    margin: 3px 0px 0px 0px !important;
}

.hana-search {
    position: absolute;
    top: 10px;
    left: 27px;
}
/*Added by umang on 08/25/2022 for #133108*/
#proposalCustomerLookUp #searchCustomer{
    padding-left: 33px !important; /*modify by ruju for #167583*/
}
/*End #133108*/
.proposalSearchCustomer {
    padding-left: 22px;
    width: 100%; /*modify by ruju for #167583*/
}

.btn-cancel {
    background: #FFFFFF;
    border: 1px solid #2F9BC8;
    border-radius: 3px;
    font-family: 'Atkinson Hyperlegible';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    box-sizing: border-box;
    line-height: 30px;
    text-align: center;
    color: #2f9bc8;
    width: 100px;
}

.primary-heading {
    font-family: 'Atkinson Hyperlegible';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #444444;
    margin: 10px 0px 15px 0px;
}

.primary-label {
    font-family: 'Atkinson Hyperlegible';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #444444;
    margin: 5px 0px 5px 0px;
}

.hana-btn-continue-add {
    font-style: normal;
    line-height: 16px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 30.73%), linear-gradient(180deg, rgba(0, 0, 0, 0) 57.29%, rgba(0, 0, 0, 0.2) 100%), #2F9BC8;
    background-blend-mode: overlay, overlay, normal;
    box-shadow: inset 0px 2px 0px rgb(255 255 255 / 25%);
    border-radius: 4px !important;
    width: -webkit-fill-available;
    height: 34px;
}

.hana-btn-cancel {
    font-style: normal;
    line-height: 16px;
    border: 1px solid #2F9BC8;
    border-radius: 4px;
    width: -webkit-fill-available;
    height: 34px;
    color: #2F9BC8 !important; /*modify by umang on 08/25/2022 for #133108*/
}
/*
@media screen and (min-width: 1024px) {
    .customer-container {
        --defaultLeft: 165px;
    }
}

@media screen and (min-width: 1280px) {
    .customer-container {
        --defaultLeft: 250px;
    }
}

@media screen and (min-width: 1360px) {
    .customer-container {
        --defaultLeft: 280px;
    }
}

@media screen and (min-width: 1400px) {
    .customer-container {
        --defaultLeft: 330px;
    }
}

@media screen and (min-width: 1640px) {
    .customer-container {
        --defaultLeft: 470px;
    }
}

@media screen and (min-width: 1760px) {
    .customer-container {
        --defaultLeft: 530px;
    }
}

@media screen and (min-width: 1900px) {
    .customer-container {
        --defaultLeft: 580px;
    }
}
*/
/*Added By umang on 08/26/2022 for #133108*/
#proposalCustomerLookUp .modal-dialog {
    width: 100%;
    max-width: 100%;
    padding: 0; /*modify by ruju for #167583*/
    margin: 0;
    /*    padding-right: 0;*/ /*comment by ruju for #167583*/ /*Added by Nishant on 06/09/2022 for #133108*/
}
#proposalCustomerLookUp .primary-heading {
    margin: 15px 0;
}
#gvRecipeItem .k-grid-header-wrap > table > thead > tr > th, #gvRecipeItem .k-grid-content > table > tbody > tr > td { /*Modifyed by Nishant on 07/09/2022 for #133108*/
    position: relative;
}
/*added by nishant on 05/09/2022 for #133108*/
    #gvRecipeItem .k-grid-header-wrap > table > thead > tr > th:not(:last-child)::after,
    #gvRecipeItem .k-grid-content > table > tbody > tr > td:not(:last-child)::after { /*Modifyed by Nishant on 07/09/2022 for #133108*/
        /*content: none;*/ /*Commented by kishna for #176763*/
        /*width: 1px;*/
        height: 80%;
        border-right: 1px solid #d7d7d7 !important; /*Modified by Nishant on 15-09-2022 for #133108*/
        /*background-color: #d7d7d7 !important;*/
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        z-index: 9;
    }
/*End #133108*/
/*Added by Nishant on 06/09/2022 for #133108*/
.create-proposal-content {
    overflow-y: auto;
    max-height: calc(100vh - 160px);
    overflow-x: hidden;
    /*    padding-right: 15px;*/ /*comment by ruju for #167583*/
}
/*End #133108*/
/*Added by Nishant on 07-09-2022 for #133108*/
    .create-proposal-content::-webkit-scrollbar {
        width: 5px;
    }

.create-proposal-content::-webkit-scrollbar-track {
    background: #f1f1f1;
}
    .create-proposal-content::-webkit-scrollbar-thumb {
        background: #cdcdcd;
    }
/*End #133108*/
/*added by ruju for #167583*/
.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.px-0 {
   padding-left: 0 !important;
   padding-right: 0 !important;
}
#proposalCustomerLookUp .form-control, .single-line {
    padding: 6px 12px !important;
}
.search-box{
    position:relative;
}
.box-icon {
    position: absolute;
    display: inline-block;
    height: 33px;
    width: 33px;
    line-height: 33px;
    text-align: center;
}
.loder-icon {
    top: 0 !important;
    right: 0 !important;
}
@media screen and (max-width:576.98px) {
    .customer-container{
        max-width:90%;
        margin:auto;
    }
    .search-box {
        padding:0 15px;
    }
/*    .hana-search {
        display: inline-block;
        height: 34px;
        width: 34px;
        text-align: center;
        line-height: 34px;
    }*/
}
/*end for #167583*/