﻿
.call-block {
    background-color: #fff;
    margin: 0;
    padding: 15px 0px;
    border: 1px solid #E7EAE9;
    border-radius: 8px;
    margin-bottom: 15px;
}

.call-note {
    margin: 5px 15px 15px 14px;
    color: #2F9BC8;
    font-weight: 700;
    font-size: 14px
}

.call-grid {
    padding: 0px 14px;
}

#gvCallList .k-grid-header .k-header {
    font-weight: 600 !important;
    color: #666666;
}

#gvCallList .hana-grid-row-Invoice.hana-grid-row-CallListfullview {
    color: #2F9BC8;
    font-weight: 700;
}

#gvCallList table > thead > tr > th, #gvCallList table > tbody > tr > td { /*change by krishna on 08/09/2022 #134088*/
    border-style: solid;
    border-width: 0 0 1px 0px !important;
    border-color: #d7d7d7 !important;
}


#gvCallList table > thead > tr > th, #gvCallList table > tbody > tr > td { /*change by krishna on 08/09/2022 #134088*/
    position: relative;
}
    /*Added by umang on 08/25/2022 for #134088*/
    #gvCallList table > thead > tr > th:not(:last-child)::after, #gvCallList table > tbody > tr > td:not(:last-child)::after,
    #gvCallList table > thead > tr.k-filter-row > th:not(:last-child)::after { /*change by krishna on 08/09/2022 #134088*/
        content: "";
        width: 1px;
        height: 80%;
        background-color: #d7d7d7 !important;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        z-index: 9;
    }
/*end #134088*/
#divFilterSection .multiselect.dropdown-toggle.btn.btn-default {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #C6C6C6;
}

#gvCallList th {
    font-size: calc(7px + (14 - 7) * ((100vw - 320px) / (1920 - 320)));
}

#divFilter .radio label::after {
    background-color: #2F9BC8;
}

.filter-inner-block {
    display: flex;
    align-items: center;
    height: 34px;
}

#PrimaryContainer .label-info {
    background-color: #2F9BC8;
    color: #FFFFFF;
}

#PrimaryContainer .invoice-total {
    color: #2F9BC8;
    font-size: 14px;
    font-weight: 800;
}

#full-view-tab-products table > tbody > tr > td {
    border-style: solid;
    border-width: 0 0 1px 0px !important;
    border-color: #d7d7d7 !important;
}


#full-view-tab-products table > tbody > tr > td {
    position: relative;
}

    #full-view-tab-products table > 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;
    }

#full-view-tab-products table > thead > tr > th {
    border-style: solid;
    border-width: 0 0 1px 0px !important;
    border-color: #d7d7d7 !important;
}


#full-view-tab-products table > thead > tr > th {
    position: relative;
}

    #full-view-tab-products table > thead > tr > th:not(:last-child)::after {
        content: "";
        width: 1px;
        height: 80%;
        background-color: #d7d7d7;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        z-index: 9;
    }
#PrimaryContainer .separator:after {
    background-color: #2F9BC8;
}

#tblCustomerOrderHistory > thead > tr > td {
    position: relative;
}

    #tblCustomerOrderHistory > thead > 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;
    }

#tblCustomerOrderHistory  > thead > tr > td {
    border-style: solid;
    border-width: 0 0 1px 0px !important;
    border-color: #d7d7d7 !important;
}

#tblCustomerOrderHistory > tbody > tr > td {
    position: relative;
}

    #tblCustomerOrderHistory > 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;
    }

#tblCustomerOrderHistory > tbody > tr > td {
    border-style: solid;
    border-width: 0 0 1px 0px !important;
    border-color: #d7d7d7 !important;
}

#tblCustomerOrderHistory thead tr.bg-primary {
    background-color: #ededed;
    font-weight: 600;
    color: #666666;
    font-size: calc(7px + (14 - 7) * ((100vw - 320px) / (1920 - 320)));
}

#full-view-tab-products thead tr {
    background-color: #ededed;
    font-weight: 600;
    color: #666666;
    font-size: calc(7px + (14 - 7) * ((100vw - 320px) / (1920 - 320)));
}
#order-info-full-view .modal-footer button {
    background-color: #fff; /*Change By krishna on 07/20/2022 #134088*/
    border: 1px solid #2F9BC8;
    color: #2F9BC8; /*Change By krishna on 07/20/2022 #134088*/
}
#full-view-tab-products .text-navy {
    color: #2F9BC8;
}
#full-view-tab-products .Dlabel {
    color: #444;
    font-weight:700;
}
/*Added by krishna on 07/15/2022 #134088*/

#tblCustomerOrderHistory colgroup { /*Added by krishna on 07/15/2022 #134088*/
    width: 1000px;
}
/*Added by krishna on 07/19/2022 #134088*/
#cst_occasion .top-navigation .dropdown-menu > li > a {
    margin: 2px;
}
/*#134088*/
/*Added By krishna on 07/18/2022 #134088*/
#order-info-full-view .modal-content {
    margin-bottom: 6%;
}
/*#134088*/
/*Added by Umang on 07/26/2022 for #134088*/
.hana-reasonNotes-column textarea.form-control {
    width: 100%;
    max-width: 98%;
}
/*#gvCallList .k-filtercell > .k-operator-hidden {
    padding-right: 0;
}*/
/*End  #134088*/
/*Added By Umang on  07/28/2022 for #134088*/
@media (max-width: 1140px) {
    #page-wrapper{
        min-height: auto;
    }
}
/*End #134088*/
@media (max-width: 991px) {
    .left {
        float: revert !important;
    }
    /*Added by krishna on 07/15/2022 #134088*/
    .second-box-call {
        float: left !IMPORTANT;
        width: 50%;
        padding: 0;
        padding-left: 0 !important;
        padding-right: 15px;
    }

    .first-box-call {
        float: left !IMPORTANT;
        width: 50%;
        padding: 0;
    }
    /*#134088*/
    .filter-inner-block {
        display: block;
        height: auto;
    }
    body #gvCallList .call-list-invoice-col {
        width: 70px;
    }

    body #gvCallList .call-list-name-col {
        width: 160px;
    }

    body #gvCallList .call-list-followup-date-col {
        width: 200px;
    }

    body #gvCallList .call-list-recipient-col {
        width: 150px;
    }

    body #gvCallList .call-list-notes-col {
        width: 150px;
    }

    body #gvCallList .call-list-delivery-date-col {
        width: 100px;
    }

    body #gvCallList .call-list-calldate-col {
        width: 100px;
    }

    body #gvCallList .call-list-call-status-col {
        width: 100px;
    }

    body #gvCallList .call-list-dont-call-col {
        width: 100px;
    }

    body #gvCallList .call-list-order-col {
        width: 130px;
    }
}
/*134088*/
@media (max-width: 767px) {
    #call-block-val .p-r-0{
        padding-right:15px;
    }
}
/*Added by Umang on 07/26/2022 for #134088*/
@media (max-width: 991px) {
    body #gvCallList th {
        font-size: 13px;
    }
}
/*End #134088*/
/*Added by umang on 07/27/2022 for #134088*/
.hana-reasonNotes-column textarea.form-control{
    padding: 0;
}
#gvCallList .call-list-invoice-col {
    width: calc(50px + (70 - 50) * ((100vw - 320px) / (1920 - 320)));
}

#gvCallList .call-list-name-col {
    width: calc(60px + (100 - 60) * ((100vw - 320px) / (1920 - 320)));
}

#gvCallList .call-list-followup-date-col {
    width: calc(50px + (100 - 50) * ((100vw - 320px) / (1920 - 320)));
}

#gvCallList .call-list-recipient-col {
    width: calc(50px + (100 - 50) * ((100vw - 320px) / (1920 - 320)));
}

#gvCallList .call-list-notes-col {
    width: calc(50px + (100 - 50) * ((100vw - 320px) / (1920 - 320)));
} 

#gvCallList .call-list-delivery-date-col {
    width: calc(50px + (70 - 50) * ((100vw - 320px) / (1920 - 320)));
}

#gvCallList .call-list-calldate-col {
    width: calc(50px + (70 - 50) * ((100vw - 320px) / (1920 - 320)));
}

#gvCallList .call-list-call-status-col {
    width: calc(50px + (60 - 50) * ((100vw - 320px) / (1920 - 320)));
}

#gvCallList .call-list-dont-call-col {
    width: calc(50px + (60 - 50) * ((100vw - 320px) / (1920 - 320)));
}

#gvCallList .call-list-order-col {
    width: calc(50px + (60 - 50) * ((100vw - 320px) / (1920 - 320)));
}
#gvCallList .k-picker-wrap.k-state-default > .k-select{
    border: none;
}


/*End #134088*/
/*added by umang on 08/09/2022 for #134088*/
.badge {
    font-family: 'Atkinson Hyperlegible', sans-serif !important;
    font-size: calc(12px + (13 - 12) * ((100vw - 320px) / (1920 - 320)));
    font-weight: normal;
}
input[type="radio"]:checked + label::before, .radio input[type="radio"]:focus + label::before {
    outline: none !important;
}
/*End #134088*/