/*Added By Mihir Shah #133108 - 06.29.2022*/

.redactor-air a.re-button-icon, .redactor-toolbar a.re-button-icon {
    font-size: 13px;
}

.nav-tabs li a {
    color: #444444 !important;
    cursor: pointer;
    font-size: calc(12px + (13 - 12) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 400;
    line-height: 16px;
    background: transparent !important;
    box-shadow: none;
}

.nav-tabs .active a {
    color: #2F9BC8 !important;
    font-weight: 400 !important;
    font-size: calc(12px + (13 - 12) * ((100vw - 320px) / (1920 - 320))) !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;
}

#CoupleInfoTabs .nav-tabs .active a {
    color: #2F9BC8 !important;
    font-weight: 400 !important;
    font-size: calc(12px + (13 - 12) * ((100vw - 320px) / (1920 - 320))) !important;
    box-shadow: none !important;
    background: #FFFFFF !important;
    border: none !important;
    cursor: pointer !important;
    font-weight: 700 !important; /*Added by nishant on 08/27/2022 for #133108*/
    text-decoration: underline; /*Added by Nishant on 07-09-2022 for #133108*/
}

.border-container {
    border-bottom: thin solid lightgray;
}

    .border-container .nav {
        border: none;
        padding: 0px 0px;
        margin: 0;
    }

        .border-container .nav > li.active {
            border-top: none;
            border-bottom: 3px solid #2F9BC8 !important; /*Modify by nishant on 08/27/2022 for #133108*/
            box-shadow: none !important;
            background: #FFFFFF !important;
            border-left: none !important;
            border-right: none !important;
            border-radius: 8px 8px 0px 0px !important; /*added by ashmita on 26/08/2022 for #133108*/
        }

        .border-container .nav > li > a {
            border: none;
            padding: 10px 10px 10px 10px;
        }

    .border-container .tab-content {
        padding: 10px 0px 10px 0px;
    }

#SavingProcessDiv {
    width: 100px;
    height: 100px;
    background-color: #2F9BC8;
    border-radius: 15px;
    cursor: pointer;
    position: fixed;
    bottom: 6%;
    z-index: 300;
}
/*End #108268*/

body .k-grid tbody > tr > td {
    padding-left: 12px !important; /*Modify By umang on 08/26/2022 for #133108*/
    padding-right: 12px !important; /*Modify By umang on 08/26/2022 for #133108*/
    box-sizing: content-box !important;
}

.hana-fl-l {
    float: left;
}

.hana-fl-r {
    float: right;
}

.hana-clear {
    clear: both;
}

/* Custom Width */
.hana-wp-7 {
    width: 7% !important;
}

.hana-wp-10 {
    width: 10% !important;
}

.hana-wp-11 {
    width: 11% !important;
}

.hana-wp-12 {
    width: 12% !important;
}

.hana-wp-13 {
    width: 13% !important;
}

.hana-wp-14 {
    width: 14% !important;
}

.hana-wp-15 {
    width: 15% !important;
}

.hana-wp-17 {
    width: 17% !important;
}

.hana-wp-20 {
    width: 20% !important;
}

.hana-wp-24 {
    width: 24% !important;
}

.hana-wp-26 {
    width: 26% !important;
}

.hana-wp-27 {
    width: 27% !important;
}

.hana-wp-45 {
    width: 45% !important;
}

.hana-wp-55 {
    width: 55% !important;
}

.hana-wp-72 {
    width: 72% !important;
}

.hana-wp-73 {
    width: 73% !important;
}

.hana-wp-75 {
    width: 75% !important;
}

.hana-wp-80 {
    width: 80% !important;
}

.hana-wp-85 {
    width: 85% !important;
}

.hana-wp-87 {
    width: 87% !important;
}

.hana-wp-88 {
    width: 88% !important;
}

.hana-wp-90 {
    width: 90% !important;
}

.hana-wp-92 {
    width: 92% !important;
}

.hana-wp-95 {
    width: 95% !important;
}

.hana-wp-97 {
    width: 97% !important;
}

.hana-wp-98 {
    width: 98% !important;
}

.hana-wp-99 {
    width: 99% !important;
}

.chkbox-proposal {
    width: 1.3em;
    height: 1.3em;
    background-color: white;
    border-radius: 4px;
    vertical-align: middle;
    border: 1px solid #b3a9a9;
    cursor: pointer;
    border: none;
    outline-style: auto;
    outline-color: #B9B9B9;
}

.input-group.marginleft5 > div > a.btn.btn-white.dropdown-toggle {
    border: 0;
    background: transparent;
    padding: 0;
    margin-right: 0px;
    justify-content: center; /*Added by Nishnat on 07-09-2022 for #133108*/
}

.input-group-btn a.btn.btn-white.dropdown-toggle {
    border: 0;
    background: transparent;
}

.input-group-btn > a.btn.btn-white.dropdown-toggle > span.fa-sticky-note {
    padding-left: 2px;
}

.dropdown-menu {
    border: medium none;
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(86, 96, 117, 0.7);
    display: none;
    float: left;
    font-size: 12px;
    left: 0;
    list-style: none outside none;
    padding: 0;
    position: absolute;
    text-shadow: none;
    top: 100%;
    z-index: 10; /*Change by krishna on 06/09/2022 #130393*/
}

.hana-custom-dropdown.dropdown-menu {
    width: 460px;
}
/*Modify by Nishant Kakadiya for #138058*/
.hana-custom-action-dropdown.dropdown-menu {
    border-radius: 8px;
}

    .hana-custom-action-dropdown.dropdown-menu ul {
        padding: 6px 4px;
        margin: 0;
        box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.05);
        border-radius: 8px;
    }

}
/*#138058 end*/
.hana-custom-action-dropdown.dropdown-menu li {
    list-style-type: none;
}

    .hana-custom-action-dropdown.dropdown-menu li.divider {
        margin: 25px 0;
    }

    .hana-custom-action-dropdown.dropdown-menu li > a {
        padding: 2px 8px;
        line-height: 25px;
        text-align: left;
        display: block;
        font-size: 13px;
        color: black;
    }

        .hana-custom-action-dropdown.dropdown-menu li > a > i {
            margin-right: 5%;
            color: gray;
        }

        .hana-custom-action-dropdown.dropdown-menu li > a:hover {
            color: #262626;
            text-decoration: none;
            background-color: #f5f5f5;
        }

.dropdown-menu.hana-custom-action-dropdown .action-menu-innermost {
    border-right-style: inset;
    border-right-width: thin;
    padding-right: 10px;
}

.dropdown-menu.hana-custom-dropdown .action-menu-inner {
    padding-right: 0;
}

.hana-custom-menu-dropdown-container.mainmenu-dropdown-container.dropdown-menu ul.action-menu-links {
    padding-left: 0;
}

    .hana-custom-menu-dropdown-container.mainmenu-dropdown-container.dropdown-menu ul.action-menu-links.right-border {
        margin: 10px 0;
        border-right-style: inset;
        border-right-width: thin;
    }
/*added by nishant kakadiya for #138058*/
.CustomActionUl .CustomActionLi {
    list-style-type: none;
    border-right: 0;
}

li.CustomActionLi:not(:empty) {
    height: 28px;
}

    li.CustomActionLi:not(:empty) a {
        border-radius: 4px;
    }

li.CustomActionLi:hover {
    background-color: #F5F5F5;
    border-radius: 4px;
}
/*#138058 end*/
.CustomActionUl {
    display: grid;
    margin-top: 0;
    -moz-column-count: 3;
    -moz-column-gap: 1em;
    -webkit-column-count: 3;
    -webkit-column-gap: 1em;
    column-count: 3;
    column-gap: 1em;
}

#FilterList a:hover {
    color: #23C6C8;
}
/*modify by Nishant Kakadiya for #138058*/
.btn-po-shoppinglist {
    color: #fff !important;
    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 rgba(255, 255, 255, 0.25);
}
/*#138058 end*/
.search-proposal {
    padding-left: 40px;
}
/*Modified by ashmita on 25/08/2022 for #133108*/
.btn-add-proposal {
    border: 1px solid #2F9BC8;
    border-radius: 4px;
    background: white !important;
    color: #2F9BC8 !important;
    font-family: 'Atkinson Hyperlegible';
    font-style: normal;
    font-weight: 700 !important;
    /*font-size: 14px;*/
    line-height: 20px;
}

    .btn-add-proposal:hover, .btn-add-proposal:after, .btn-add-proposal:active, .btn-add-proposal:focus {
        border: 1px solid #2F9BC8;
        border-radius: 4px;
        background: white !important;
        color: #2F9BC8 !important;
        font-weight: 700 !important;
    }

.btn-view-proposal {
    border: none;
    background: transparent !important;
    color: #444444 !important;
    font-family: 'Atkinson Hyperlegible';
    font-style: normal;
    font-weight: normal !important; /*Modified by nishant on 08/09/2022 for #133108*/
    /*font-size: 14px;*/
    line-height: 22px;
    text-decoration: underline; /*Modified by nishant on 08/09/2022 for #133108*/
}

    /*Modified by nishant on 19/09/2022 for #133108*/
    .btn-view-proposal.active-proposal-menu {
        color: #2F9BC8 !important;
        font-weight: 400 !important;
        font-size: calc(12px + (13 - 12) * ((100vw - 320px) / (1920 - 320))) !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;
    }

       /* .btn-view-proposal.active-proposal-menu:hover {
            font-weight: 700 !important;
        }*/
    /*End #133108*/
    .btn-view-proposal:hover, .btn-view-proposal::after, .btn-view-proposal:active, .btn-view-proposal:focus {
        border: none;
        background: transparent !important;
        color: #2F9BC8 !important;
        font-family: 'Atkinson Hyperlegible';
        font-style: normal;
        font-weight: normal !important;
        /*font-size: 14px;*/
        line-height: 22px;
        text-decoration: underline; /*Modified by nishant on 08/09/2022 for #133108*/
    }
/*End #133108*/

.btn.customDropDown {
    background: #E0F2F9 !important;
    border: 1px solid #fff !important;
    border-left: 4px solid #2F9BC8 !important;
    color: #444444 !important;
    width: 16.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700; /*Added by nishant on 06/09/2022 for #133108*/
}

.open > .dropdown-menu {
    display: block;
    overflow-y: auto;
    max-height: 370px;
    font-weight: 700; /*Added by nishant on 06/09/2022 for #133108*/
}

.viewselector > .dropdown-menu {
    left: 0px !important;
    top: 100% !important;
}

.hana-Status-left {
    left: 71.5rem !important;
}

.dFlex-center {
    display: flex;
    justify-content: center;
}

.hana-position-relative {
    position: relative;
}

.hana-mlr-025 {
    margin: 0rem 0.25rem 0rem 0.25rem;
}

.hana-color-drdAction {
    color: #32a8d9 !important;
}

.hana-proposalid-column span {
    cursor: pointer;
    color: #32a8d9;
    font-weight: bold;
}

.hana-proposaltype-style {
    padding-left: 5px;
    font-weight: bold;
}

.hana-proposal-header {
    margin-bottom: 2px;
    padding-left: 0px;
    margin-top: 10px; /*Added by ashmita on 25/08/2022 for #133108*/
}

/*.hana-proposalsetting {
        padding: 4px 9px 2px 8px;
        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;
        border-radius: 4px;
    }*/

/*.row {
        margin-right: -15px !important;
        margin-left: -4px !important;
    }*/

.has-search {
    position: relative !important;
    margin-bottom: 0em;
}

/*Ends : Added #133108 - 06.29.2022*/

/*------------------------------------------------------------------------------------------------------------------------------*/

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

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

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

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

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

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

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

.hana-pb-10 {
    padding-bottom: 10px;
}

.hana-pb-20 {
    padding-bottom: 20px;
}


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

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

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

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

.hana-display-fl {
    display: flex;
    flex-wrap: wrap
}

.hana-back {
    float: left;
    margin-right: 11px;
}
/*Modified by ashmita on 25/08/2022 for #133108*/
/*Modified by krishna on 26/08/2022 for #133108*/
/*modify by Nishant Kakadiya #138058*/
.hana-proposalsetting {
    padding: 5px 9px 5px 8px;
    display: flex;
    align-items: center;
    height: 32px; /*Added by Umang Ramani on 08/29/2022 for #133108*/
    width: 32px; /*Added by Umang Ramani on 08/29/2022 for #133108*/
    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;
    border-radius: 4px;
    justify-content: center;
    padding: 0;
}

    .hana-proposalsetting .hana-setting-icon {
        font-size: 16px;
        width: 32px; /*modify by nishant on 06/09/2022 for #133108*/
        line-height: 18px; /*Added by Umang Ramani on 08/29/2022 for #133108*/
    }
/*#138058 end*/
/*#133108*/

/**/
.upload-doc-box {
    box-sizing: border-box;
    width: 100%; /*Added by Umang Ramani on 08/29/2022 for #133108*/
    background: #FFFFFF;
    border: 1px solid #E7EAE9;
    border-radius: 8px;
    padding: 10px 60px; /*Added by Umang Ramani on 08/31/2022 for #133108*/
    height: auto;
    overflow: visible; /*Added by krishna on 08/27/2022 for #133108*/
    /*overflow-x: hidden;*/
    display: flex; /*Added by krishna on 08/27/2022 for #133108*/
    align-items: center; /*Added by krishna on 08/27/2022 for #133108*/
    min-height: auto; /*Added by Nishant on 02/09/2022 for #133108*/
    height: 70px; /*Added by Nishant on 02/09/2022 for #133108*/
}
    /*Added by nishant on 14-09-2022 for #133108*/
    .upload-doc-box a {
        color: #000000;
    }
    body .btn-default {
        width: auto;
        height: 32px;
        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 rgba(255, 255, 255, 0.25);
        border-radius: 4px;
        color: #fff; /*Added by umang on 08/25/2022 for #133108*/
        border: 1px solid #2F9BC8; /*Added by umang on 08/25/2022 for #133108*/
    }
/*End #133108*/
/* Starts: Proposal Conce Images CSS */
#ProposalConceImagesWrap {
    position: relative;
}

#previewConcDesign {
    position: absolute;
    top: 7px;
    right: 40px;
    z-index: 9;
}

.proposalConceMainWrap {
    /* Commented by Mihir Shah #133108 - 08.08.2022 */
    /*border: 2px solid #cbe1ef;
        padding: 0 0 10px;
        border-radius: 5px;*/
    padding: 8px;
}

.proposalConceImageWrap {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin: 5px 0;
    width: 11%; /*Added by Nishnat on 07-09-2022 for #133108*/
}

.proposalConceImagePrap {
    height: 110px;
}

#ImageFullViewShow {
    max-height: 100%;
    max-width: 100%;
}

.proposalConceImage {
    height: 100%;
    max-height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
/* Ends: Proposal Conce Images CSS */

.hana-proposal-head {
    font-family: 'Atkinson Hyperlegible';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
}

.hana-normal-gray {
    font-family: 'Atkinson Hyperlegible';
    font-style: normal;
    font-weight: 400;
    font-size: calc(12px + (13 - 12) * ((100vw - 320px) / (1920 - 320))); /*Modify by nishant on 08/27/2022 for #133108*/
    line-height: 16px;
    color: #666666;
}

.hana-bold {
    font-family: 'Atkinson Hyperlegible';
    font-style: normal;
    font-weight: 700;
    font-size: calc(12px + (13 - 12) * ((100vw - 320px) / (1920 - 320))); /*Modify by nishant on 08/27/2022 for #133108*/
    line-height: 16px;
    color: #444444;
}

.details-head-blue {
    font-family: 'Atkinson Hyperlegible';
    font-style: normal;
    font-weight: 700;
    font-size: calc(12px + (13 - 12) * ((100vw - 320px) / (1920 - 320))); /*Modify by nishant on 08/27/2022 for #133108*/
    line-height: 16px;
    color: #2F9BC8;
}

.hana-hylink {
    font-family: 'Atkinson Hyperlegible';
    font-style: normal;
    font-weight: 400;
    font-size: calc(12px + (13 - 12) * ((100vw - 320px) / (1920 - 320))); /*Modify by nishant on 08/27/2022 for #133108*/
    line-height: 16px;
    color: #2F9BC8;
}
/*Modify by nishant on 08/27/2022 for #133108*/
.hana-proposal-dbox {
    box-sizing: border-box;
    background: #FFFFFF;
    border: 1px solid #E7EAE9;
    border-radius: 8px;
    line-height: 40px;
    margin: 10px 15px 10px 15px;
    padding: 5px 15px 5px 15px;
    display: flex;
    align-items: center;
}
/*End  #133108*/
.hana-text-center {
    text-align: center !important;
}

.hana-text-right {
    text-align: right !important;
}

.tabs-parent {
    background: #FAFAFA;
    padding: 0px 15px 0px 15px;
}

.d-none {
    display: none !important;
}

.tabBox {
    border: 1px solid #E7EAE9;
    background: #fff;
    position: relative;
    border-radius: 8px; /*Added by krishna on 26/08/2022 for #133108*/
    /*display: flex;*/
    flex-wrap: nowrap;
    align-items: center;
}

.tab-terms-conditions {
    border: 1px solid #E7EAE9;
    background: #fff;
    position: relative;
    border-radius: 5px;
    flex-wrap: nowrap;
    align-items: center;
    display: grid; /*Added by nishant on 08/09/2022 for #133108*/
}




/* STARTS: Drag and Drop File Upload */
.dropZoneElement {
    position: relative;
    display: table;
    background: #F3F3F3;
    border: 1px dashed #B9B9B9;
    border-radius: 8px;
    width: 98%;
    height: 200px;
    text-align: center;
}

/*Added by ashmita on 06/09/2022 for #133108*/
.dropZoneElementNew {
    position: relative;
    display: table;
    background: #F3F3F3;
    border: 1px dashed #B9B9B9;
    border-radius: 8px;
    width: 100%; /*Modified by ashmita on 06/09/2022 for #133108*/
    height: 200px;
    text-align: center;
    /*added by ashmita on 06/09/2022 for #133108*/
    padding-top: 52px;
    padding-bottom: 44px;
}

body .k-dropzone-hovered {
    background: #d7d4d4;
}

.textWrapper {
    background: #F3F3F3;
    display: table-cell;
    font-family: 'Atkinson Hyperlegible';
    font-style: normal;
    /*font-weight: 700;*/
    font-size: 16px;
    line-height: 24px;
    vertical-align: middle;
    color: #444444;
    padding: 52px 0px 44px;
    border-radius: 8px;
}
/*Added by nishant on 13/09/2022 for #133108*/
.drag-and-drop-title {
    padding-top: 30px;
    color: #444444;
    width: 345px; /*Modified by Nishant on 14-09-2022 for #133108*/
    margin: 0 auto;
    font-weight: 700;
}
/*End #133108*/
.btn-delete-doc, .btn-upload-doc { /*change by krishna on 08/27/2022 for #133108*/
    top: calc(50% - 50px);
    right: 28%;
    border-radius: 50% !important;
    height: 40px;
    width: 40px;
    cursor: pointer;
    color: #FFFFFF;
}
/* ENDS: Drag and Drop File Upload */

.btn-add-file {
    box-sizing: border-box;
    width: 131px;
    border: 1px solid #2F9BC8; /*Change by nishant on 31/8/2022 for #133108*/
    border-radius: 4px;
    background: #FFFFFF;
    color: #2F9BC8 !important;
}
/*Added by nishant on 31/8/2022 for #133108*/
#documentsContainer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.btn-add-file span {
    font-family: 'Atkinson Hyperlegible';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #2F9BC8;
}
/*End #133108*/

.d-inspiration-box {
    box-sizing: border-box;
    width: 100%; /*Modifyed by Nishant on 06/09/2022 for #133108*/
    height: 156px; /*Modifyed by Nishant on 06/09/2022 for #133108*/
    border: 1px dashed #2F9BC8;
    border-radius: 4px;
    display: table;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer; /*Change by krishna on 08/26/2022 #133108*/
    position: relative;
}
    .d-inspiration-box:before {
        content: '';
        display: none;
        position: absolute;
        left: 0;
        TOP: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(0,0,0,0.3);
        border-radius: 8px;
        border: 1px dashed #B9B9B9;
    }
    .d-inspiration-box:hover:before {
        display: block;
    }
        .d-inspiration-box .text-center {
            display: table-cell;
            vertical-align: middle;
        }

.hana-bb {
    border-bottom: 1px solid #e7eaec;
}

.delete-inspiration-img {
    position: absolute;
    top: calc(50% - 15px);
    right: 43%;
    border-radius: 4px !important;
    /*height: 40px;*/
    width: 32px !important; /*Change by nishant on 30/8/2022 for #133108*/
    cursor: pointer;
    background-color: #D73434 !important;
    border: 1px solid #D73434 !important;
    color: #FFFFFF !important; /*Change by nishant on 30/8/2022 for #133108*/
    display: none;
}

.d-inspiration-box:hover button {
    display: block;
}
/*Added by Nishant on 28-09-2022 for #133108*/
.delete-inspiration-img.removeImageProposal {
    height: 32px;
}
/*End #133108*/
.notes {
    border: 1px solid #E7EAE9;
    background: #fff;
    position: relative;
    border-radius: 8px; /*Modified by nishant on 08/09/2022 for #133108*/
    display: grid;
    padding: 15px 0px 15px 0px;
    /*margin-right: 10px;*/ /*Commented by shailja for #133108*/
    width: 49%;
}

.spl-instructions {
    border: 1px solid #E7EAE9;
    background: #fff;
    position: relative;
    border-radius: 8px; /*Modified by nishant on 08/09/2022 for #133108*/
    display: grid;
    padding: 15px 0px 15px 0px;
    margin-left: 20px; /*Modfied by Nishant on 12-09-2022 for #133108*/
    width: 49%;
}
    /*Added by Umang Ramani on 08/29/2022 for #133108*/
    .spl-instructions #txtSplIns {
        min-height: 350px; /*Added by Nishnat on 07-09-2022 for #133108*/
    }

.eyeWrapNotes {
    font-size: 15px;
}
/*End #133108*/

.eyeWrapSplIns, .eyeWrapNotes {
    margin-left: 5px;
}

    .eyeWrap.active i:first-child,
    .eyeWrapMain.active i:first-child,
    .eyeWrapSplIns.active i:first-child,
    .eyeWrapNotes.active i:first-child {
        display: none;
    }

    .eyeWrap:not(.active) i:last-child,
    .eyeWrapMain:not(.active) i:last-child,
    .eyeWrapSplIns:not(.active) i:last-child,
    .eyeWrapNotes:not(.active) i:last-child {
        display: none;
    }


.hana-pos-table-head {
    background-color: #ededed !important;
    color: #666666;
    border-color: #b7b7b7;
    font-size: 13px;
    font-weight: 600 !important;
}

.table-possibility tbody > tr > td {
    vertical-align: middle;
    background-color: #FFFFFF;
}

.possibility-head {
    border: 1px solid #E7EAE9;
    border-left: 0; /*Added by nishant on 08/09/2022 for #133108*/
    border-right: 0; /*Added by nishant on 08/09/2022 for #133108*/
    background: #fff;
    position: relative;
    border-radius: 8px; /*Modified by nishant on 08/09/2022 for #133108*/
    display: grid;
    padding: 15px 0px 10px 10px;
    margin-right: 10px;
    width: 100%;
    border-top: 0; /*Added By Nishant on 19-09-2022 For #133108*/
    border-radius: 8px 8px 0px 0px; /*Added By Nishant on 28-09-2022 For #133108*/
}

.table > tbody > tr > td.items-subtotal {
    background: #DFEDF3;
}

.table-container {
    width: 98%; /*Added by Nishant on 02/09/2022 for #133108*/
    margin: 0px 0px 10px 20px;
    overflow-y: auto;
    /*max-height: 200px;*/
    box-sizing: border-box;
    border: 1px solid #E7EAE9;
    border-radius: 8px; /*Modified by nishant on 08/09/2022 for #133108*/
}

.table-container-timeline {
    width: 100%; /*Changed by Umang Ramani on 08/27/2022 for #133108*/
    margin: 0px 0px 0px 0px; /*Changed by Umang Ramani on 08/27/2022 for #133108*/
    overflow-y: auto;
    /*max-height: 400px;*/
    box-sizing: border-box;
    border: 0; /*Change by nishant on 19/9/2022 for #133108*/
    border-radius: 5px;
    overflow: visible; /*Modify by nishant on 08/30/2022 for #133108*/
}



.RedText {
    color: firebrick;
}

.hana-tb-r {
    border-right: 1px solid #c4c7c6;
}

.hana-possibility-actions {
    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;
    border: 0;
    padding: 7px 11px 7px 11px !important;
    height: 34px;
}

.hana-timeline-actions {
    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;
    border: 0;
    padding: 7px 11px 7px 11px !important;
    height: 34px;
}

.timeline-head {
    border: 1px solid #E7EAE9;
    background: #fff;
    position: relative;
    border-radius: 5px;
    display: grid;
    padding: 15px 0px 10px 10px;
    margin-right: 10px;
    width: 99%;
}

.hana-i-calender {
    position: absolute;
    right: 16px;
    bottom: 18px;
}

.cs-fees-container {
    border: 1px solid #E7EAE9;
    background: #fff;
    position: relative;
    border-radius: 5px;
    display: grid;
    padding: 15px 0px 15px 0px;
    margin-right: 10px;
    width: 99.50%;
}

/* ------------------------------------------------------------------- STARTS :: Packages CSS ------------------------------------------------------------------- */
.hana-div-ptb {
    padding: 1rem 1rem 1rem 1rem;
    background: #FFFFFF;
    border: 1px solid #E7EAE9;
    border-radius: 8px;
    margin-top: 12px;
}

.hana-lbl-pkg-setting {
    font-family: 'Atkinson Hyperlegible';
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    color: #444444;
}

.hana-txt-pkg-name {
    box-sizing: border-box;
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #B9B9B9 !important;
    border-radius: 4px !important;
}

.hana-item-form-box {
    /*top:22px;*/
    box-sizing: border-box;
    border: 1px solid #E7EAE9;
    border-radius: 8px;
    padding: 0px;
    margin-bottom: 0px; /*added by ashmita on 26/08/2022 for #133108*/
    background-color: #fff; /*Added by Nishant on 07-09-2022 for #133108*/
}

    .hana-item-form-box hr {
        margin-top: 15px;
        margin-bottom: 15px;
    }

.hana-label-package-setting {
    font-family: 'Atkinson Hyperlegible';
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    color: #444444;
    margin: 15px 0 0 13px;
}

.hana-txt-tax {
    text-align: left !important;
}

.hana-lbl-lh {
    line-height: 22px !important;
}

.hana-form-checkbox-ctrl {
    background: #2F9BC8;
    border: 1px solid #2F9BC8;
    border-radius: 4px;
}

.hana-upload-ctrl {
    background: #FFFFFF;
    border: 1px dashed #2F9BC8 !important;
    border-radius: 8px !important;
    height: 3.5em;
}

input::file-selector-button {
    font-style: normal;
    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;
    border: 0;
    color: #FFFFFF !important;
    width: 88px;
    height: 32px;
}

.hana-div-browse {
    background: #FFFFFF;
    border: 1px dashed #2F9BC8 !important;
    border-radius: 8px !important;
    margin: 0px 10px 0px 10px;
    display: table;
    width: 95%; /*Added by Umang Ramani on 08/29/2022 for #133108*/
    padding-bottom: 10px;
    box-sizing: border-box; /*Added by Nishnat on 07-09-2022 for #133108*/
    overflow: hidden; /*Added by Nishnat on 07-09-2022 for #133108*/
    margin: 0 auto; /*Added by Nishnat on 07-09-2022 for #133108*/
}

    .hana-div-browse div {
        padding: 0px 0px 0px 0px !important;
    }

.hana-div-upload-text {
    display: grid;
}

.hana-btn-browse {
    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;
}

.hana-btn-rem-img {
    width: 25px;
    height: 22px;
    border: none;
    margin: 0px 0px 0px 3px;
}

    .hana-btn-rem-img i {
        font-size: 1.3em;
        line-height: 1em;
    }

.hana-btn-cancel {
    border: 1px solid #2F9BC8;
    font-style: normal;
    line-height: 16px;
    background-blend-mode: overlay, overlay, normal;
    background: #FFFFFF;
    box-shadow: inset 0px 2px 0px rgb(255 255 255 / 25%);
    border-radius: 4px !important;
}

.hana-btn-item {
    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;
}

.hana-btn-Editing-i {
    float: left;
}

.hana-btn-editing {
    display: none;
}

.hana-i-dollar {
    position: absolute;
    /* top: 32px; */
    right: 10px;
    bottom: 10px;
}

.hana-discount-symbol {
    position: absolute;
    right: 10px;
    bottom: 0;
    background: #F5F5F5;
    border: 1px solid #B9B9B9;
    border-radius: 0px 4px 4px 0px;
    height: 51%; /*Change by nishant on 31/8/2022 for #133108*/
    width: 5em; /*Modified by Nishant on 12-09-2022 for #133108*/
    display: inline-block;
    padding-left: 12px;
}

.hana-final-discount-type {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #F5F5F5;
    border: 1px solid #B9B9B9;
    border-radius: 0px 4px 4px 0px;
    height: 2.6em;
    width: 4em;
    display: inline-block;
    padding-left: 12px;
}

.hana-form-ctrl-style {
    box-sizing: border-box;
    border: 1px solid #B9B9B9 !important;
    border-radius: 4px !important;
}

#gvPackageRV3 {
    overflow-y: hidden; /*Added for 168552*/
}

.hana-grid-style {
    /*modified by ashmita on 26/08/2022 for #133108*/
    height: 100% !important; /*Modified by Nishant on 07-09-2022 for #133108*/
    /*height: calc(100vh - 439px);*/
    /*height: calc(100vh - 386px);*/
    /*height: calc(100vh - 491px);*/
    margin: 0 0px 0px 5px;
    width: 100%;
    box-sizing: border-box !important;
    border: 1px solid #E7EAE9;
    /*border-radius: 8px 8px 0px 0px;*/ /*Commented by shailja for #133108*/
    border-radius: 8px 8px 8px 8px; /*Added by shailja for #133108*/
    padding: 0px;
}

.hana-div-grand-total {
    /*modified by ashmita on 26/08/2022 for #133108*/
    box-sizing: border-box;
    border-radius: 0px 0px 8px 8px;
    padding: 6px 21px 7px 0px;
    margin-left: 5px;
    margin-top: 0px;
    /*Commented by shailja for #133108*/
    /*display: flex; 
    justify-content: flex-end;*/
    /*End #133108*/
    background: linear-gradient(0deg, #F8F8F8, #F8F8F8), #FFFFFF; /*modify by nishant on 09/05/2022 for #133108*/
    border: 1px solid #E7EAE9;
    background-color: #EDEDED !important;
    /*width: 100%;*/ /*Added by Nishant on 02/09/2022 for #133108*/
    /*Added by Nishant on 07-09-2022 for #133108*/
    position: absolute;
    bottom: 0;
    left: 15px;
    width: auto;
    right: 0;
    /*End #133108*/
}

.hana-lbl-grandTotal {
    padding: 12px 5.3% 0px 1%;
}

.hana-div-grand-total span {
    padding-top: 10px;
}
/*Added by shailja for #133108*/
#tblPropPackItemsProducts .hana-final-discount-type {
    right: 0; /*Modified by nishant on 08/09/2022 for #133108*/
}

#tblproposalTotals td {
    background: linear-gradient(0deg, #F8F8F8, #F8F8F8), #FFFFFF;
}

#tblproposalTotals tr td {
    border: none;
    border-bottom: 0.5px solid #ddd;
}

#gvPackageRV3 table #tblproposalTotals tr td:after {
    height: 0;
    border: 0;
}
/*End #133108*/
.hana-btnSavePackage {
    font-style: normal;
    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: 10%;
}

.hana-div-savebtn-p {
    padding: 0px 0px 0px 15px !important;
    margin-bottom: 15px;
}

.hana-div-cancelbtn {
    padding: 0px; /*Modified by Nishant on 22-09-2022 for #133108*/
    margin-bottom: 15px;
}

.k-grid .k-grouping-header {
    color: black !important;
    background-color: lightgray !important;
    font-weight: bold;
}

.k-grouping-header .k-group-indicator {
    color: #fff !important;
    background-color: #2F9BC8 !important;
    border-color: #2F9BC8 !important;
    -webkit-box-shadow: none !important;
}

.hana-div-action {
    display: flex;
    /*justify-content: space-evenly;*/
    justify-content:space-between; /*Added for #168552*/
}

.hana-btn-action {
    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;
    border: 0;
    padding: 7px 11px 7px 11px !important;
    height: 20px;
}

    .hana-btn-action:hover {
        height: 20px;
    }
/* ------------------------------------------------------------------- ENDS :: Packages CSS ------------------------------------------------------------------- */
.hana-package-label {
    font-family: 'Atkinson Hyperlegible';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    color: #444444;
}

.hana-drd-ref {
    width: 217px;
    background: #FFFFFF;
    border: 1px solid #B9B9B9;
    border-radius: 4px;
    position: absolute;
    top: 5px;
    height: 32px !important;
}

#divAddItemsToProposal label {
    font-family: 'Atkinson Hyperlegible';
    font-style: normal;
    font-weight: 700;
    font-size: calc(12px + (13 - 12) * ((100vw - 320px) / (1920 - 320))); /*Modify by nishant on 08/27/2022 for #133108*/
    line-height: 16px;
    color: #444444; /*Modfied by Nishant on 12-09-2022 for #133108*/
}

#divAddItemsToProposal {
    border: none;
    padding: 0em;
    margin-top: 12px;
    display: flex; /*Added by Nishant on 07-09-2022 for #133108*/
    flex-wrap: wrap;
}

.hana-add-pkg-p {
    padding: 11px 0px 0px 0px;
    display: flex;
}

.hana-div-lblAddPkg-p {
    padding-left: 20px;
}

.hana-kendo-header-text {
    font-family: 'Atkinson Hyperlegible' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 16px !important;
    color: #666666 !important;
}

.hana-btn-item i {
    float: left;
}

/*Added by Mihir Shah #133108 - 08.18.2022*/
.hana-createpo-header-background {
    background: #EDEDED !important;
    color: #666666 !important;
}
/*#133108*/
/*Added by ashmita on 25/08/2022 for #133108*/
.main-container {
    border: 1px solid #E7EAE9;
    border-radius: 8px;
    background-color: white;
    padding: 0px; /*Modified by Nishnat on 07-09-2022 for #133108*/
}
/*Added by Nishant on 06/09/2022 for #133108*/
/* .main-container .view-package-main-grid {
        border: 1px solid #E7EAE9;
        border-radius: 8px;
    }*/
/*End #133108*/
#gvProposal .k-grid-header .k-grid-header-wrap table tr th, #gvProposal .k-grid-content table tbody tr td {
    position: relative;
}
    /*Modify by nishant on 06/09/2022 for #133108*/
    #gvProposal .k-grid-header .k-grid-header-wrap table tr th:not(:last-child, .view-package-grid-action-col, .proposal-grid-status-col)::after,
    #gvProposal .k-grid-content table tbody tr td:not(:last-child, .view-package-grid-action-col, .proposal-grid-status-col)::after {
        content: "";
        /* width: 1px;*/
        height: 80%;
        border-right: 1px solid #d7d7d7; /*Added by Nishant on 02-09-2022 for #133108*/
        /*background-color: #d7d7d7;*/
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        z-index: 9;
    }
/*Added by Nishant on 12-09-2022 for #133108*/
#gvProposal .proposaltypetbl tbody tr td:after {
    border-right: none !important;
}
/*#133108*/
/*Added by umang on 08/25/2022 for #133108*/
#PPOItemsModal .modal-body {
    padding: 20px 15px 30px 15px;
}
/*Added by nishant on 09/05/2022 for #133108*/
#POform .table tbody tr td, #POform .table tbody tr th {
    position: relative;
}

    #POform .table tbody tr td:not(:last-child)::after, #POform .table tbody tr th:not(:last-child)::after {
        content: "";
        width: 1px;
        height: 80%;
        background-color: #d7d7d7 !important;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        z-index: 9;
    }
/*End #133108*/

.hana-Img {
    height: 65px;
    width: 65px;
    border: 1px solid #2F9BC8 !important;
    border-radius: 8px !important;
}
/*End #133108*/
/*added by ashmita on 26/08/2022 for #133108*/
#gvPackageRV3 table thead tr th {
    position: relative;
    background-color: #EDEDED !important;
    vertical-align: middle; /*Added By Nishant on 19-09-2022 for #133108*/
}

#gvPackageRV3 table tbody tr td {
    position: relative;
}

    #gvPackageRV3 table thead tr th:not(:last-child)::after, #gvPackageRV3 table tbody tr td:not(:last-child)::after {
        content: "";
        /*width: 1px;*/
        height: 80%;
        /*background-color: #d7d7d7;*/
        border-right: 1px solid #d7d7d7; /*Added by Nishant on 02-09-2022 for #133108*/
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        z-index: 9;
    }
   /* #gvPackageRV3 table tbody tr td:not(:last-child)::after {
        height: 70%;
        top: 46%;
    }*/
/*Modified by Nishant on 16-09-2022 For #133108*/
        .proposal-item .tab-content {
            background-color: rgb(250, 250, 250) !important;
        }

.tabBox .tab-content {
    border-radius: 8px !important;
    background-color: #fff !important;
    padding-bottom: 20px; /*modify by nishant on 09/05/2022 for #133108*/
    padding-right: 15px;
}

    .tabBox .tab-content ul li.active, .tabBox .tab-content ul li {
        border-radius: 8px 8px 0px 0px !important;
    }
/*Added by nishant on 08/27/2022 for #133108*/
.hana-proposal-dbox .proposal-item {
    background-color: #fff !important;
}

.hana-display-fl {
    display: flex;
    flex-wrap: wrap;
}

.edit-proposal-first-col {
    width: 25%;
    padding-left: 15px
}

.edit-proposal-second-col {
    display: flex;
    flex-wrap: wrap;
    width: 75%;
    justify-content: flex-end;
    padding-right: 15px
}

.edit-proppsal-total-div, .edit-proppsal-date-div, .edit-proppsal-location-div, .edit-proppsal-phone-div, .edit-proppsal-alt-div, .edit-proppsal-customer-div {
    width: auto;
    text-align: right;
    padding: 0px 15px; /*Added by nishant on 31/8/2022 for #133108*/
}

.proposal-type-col {
    /*width: 60%;*/ /*hide by ashmita on 06/09/2022 for #133108*/
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-grow: 1;
}

.view-pages-col {
    /*width: 40%;*/
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}
/*Added by Umang Ramani on 08/29/2022 for #133108*/
.change-drop-menu-div {
    width: 42px;
    position: relative;
}
    /*.change-drop-menu-div:after {
        content: '';
        position: absolute;
        border-right: 1px solid #ddd;
        left: 0;
        top: 2px;
        height: 85%;
    }*/
    .change-drop-menu-div .actionMenu a.dropdown-toggle {
        margin-right: 0px !important;
    }

    .change-drop-menu-div .actionMenu a span {
        color: #2F9BC8;
    }

.proposal-id-div {
    width: 200px;
}

.proposal-eventdropdown-div, .proposal-referencedropdown-div {
    width: 200px;
}

.proposal-id-div {
    position: relative;
}
    /*End #133108*/
    .proposal-id-div:after {
        content: '';
        position: absolute;
        border-right: 1px solid #ddd;
        right: 40px;
        top: 2px;
        height: 85%;
    }

.proposal-type-div {
    width: 110px;
}

.proposal-overview-div {
    width: 105px;
}

.proposal-customer-view-div {
    width: 120px;
}

.proposal-email-conversation-div {
    width: 160px;
}

.proposal-print-div {
    width: 60px; /*Added by Umang Ramani on 08/29/2022 for #133108*/
}

#CoupleInfoTabs {
    border-bottom: 0;
}

    #CoupleInfoTabs .nav-tabs {
        border-radius: 8px 8px 0px 0px; /*Added by Nishant on 07/09/2022 for #133108*/
        border-top: 0;
    }

#ProposalTabs .nav-tabs li a {
    position: relative;
    padding: 10px 15px 10px 15px; /*Change by nishant on 19/9/2022 for #133108*/
}

    /*#ProposalTabs .nav-tabs li a:after {
        content: '';
        position: absolute;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        top: 15px;
        right: 17px;*/ /*Change by nishant on 30/8/2022 for #133108*/
    /*}*/

#liCoupleInfo a:after, #liDocumentImages a:after, #liInspirationBoard a:after {
    background-color: #F86565;
}

#liItemsProducts a:after, #liNotes a:after, #liPaymentsAndBalance a:after {
    background-color: #FBAE3B;
}

#liTimeline a:after, #liContractSummary a:after {
    background-color: #38D25A;
}

#CoupleInfoTabs .nav-tabs li {
    border-bottom: 3px solid transparent;
}

    #CoupleInfoTabs .nav-tabs li a {
        text-decoration: underline;
        font-weight: normal; /*Added by nishant on 08/09/2022 for #133108*/
    }

.proposalConceImageWrap .btnConceChangeImage, .proposalConceImageWrap .btnConceRemoveImage {
    border-radius: 4px !important;
    height: 32px !important;
    width: 32px !important;
    color: #fff !important;
}

.proposalConceImage {
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
}

#btnAddItem i, #btnAddPossibility i {
    padding-top: 3px;
}

#ProposalPossibility {
    border: none;
}

    #ProposalPossibility > thead > tr > th, #ProposalPossibility > tbody > tr > td {
        position: relative;
    }

        #ProposalPossibility > thead > tr > th:not(:last-child)::after,
        #ProposalPossibility > tbody > tr > td:not(:last-child)::after {
            content: "";
            /*width: 1px;*/
            height: 80%;
            border-right: 1px solid #d7d7d7; /*Added by Nishant on 02-09-2022 for #133108*/
            /*background-color: #d7d7d7 !important;*/
            position: absolute;
            top: 50%;
            right: 0;
            transform: translateY(-50%);
            z-index: 9;
        }

#ui-id-4 li .ui-state-active {
    color: #444444 !important;
}

div[id^="divPossiDefaultActions_"] a {
    width: 34px;
    height: 34px;
    padding: 0;
    font-size: 16px;
}

div[id^="divPossiDefaultActions_"] .EditPossibility {
    font-size: 14px;
}

div[id^="btnPossibilityEditing_"] {
    line-height: 14px;
}
/*divBtnPossibilitesUpdate added by shailja for #133108*/
#divBtnPossibilitesAdd, #divBtnPossibilitesUpdate {
    padding-top: 20px; /*Modified by Nishant on 22-09-2022 for #133108*/
}

#PaymentAndBalanceHeader tr th {
    color: #666666 !important;
}

.input-doller {
    position: absolute;
    top: 30px;
    right: 30px; /*Change by nishant on 30/8/2022 for #133108*/
}
/*Added by nishant on 30/8/2022 for #133108*/
.btn.swapBackCommon {
    width: 34px;
    padding: 0;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*End for #133108*/
.header-shop-dropdown {
    max-width: 100%;
}

#btnUploadProposalDocsAddFile:hover {
    color: #2F9BC8;
}

.download-col {
    position: absolute;
    left: 15px;
}

.delete-col {
    position: absolute;
    right: 15px;
    padding-right: 0;
}

.custom-datepicker .input-group-addon, .clockpicker .input-group-addon {
    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;
    color: #fff;
    border-radius: 0px 4px 4px 0px;
}
/*Added  by nishant on 30/8/2022 for #133108*/
.dropdown-menu-proposal.action-menu {
    float: right;
    left: auto;
    right: 0;
    overflow: visible;
}

.swapBackCommon i {
    font-size: 16px;
}
/*Modified by shailja for #133108*/
#divContractSummary .cs-fees-container .cotract-summary-inputbox div input, #divContractSummary .cs-fees-container .cotract-summary-inputbo, .cotract-summary-inputbox #ddlProposalTaxType {
    width: 100% !important;
}

.cotract-summary-discount-col {
    position: relative;
}

#ProposalTabs .nav-tabs > li > a {
    font-weight: 400;
    text-decoration: underline;
}

div[id^=divPossiDefaultActions_] .EditPossibility {
    margin-right: 5px;
}

#btnSavePossibilityChanges {
    height: 34px;
}
/*.due-date-col {
        min-width: calc(190px + (230 - 190) * ((100vw - 320px) / (1920 - 320)));
    }

    .task-description-col {
        min-width: calc(700px + (760 - 700) * ((100vw - 320px) / (1920 - 320)));
    }
    .payment-col {
        min-width: calc(140px + (160 - 140) * ((100vw - 320px) / (1920 - 320)));
    }
    .visible-client-col {
        min-width: calc(150px + (180 - 150) * ((100vw - 320px) / (1920 - 320)));
    }
    .google-calander-col {
        min-width: calc(100px + (130 - 100) * ((100vw - 320px) / (1920 - 320)));
    }
    .action-col {
        min-width: calc(190px + (170 - 190) * ((100vw - 320px) / (1920 - 320)));
    }*/
/*.timeline-grid-header{
        width: auto;
    }*/
/*End #133108*/
/*Added by nishant on 31/8/2022 for #133108*/
.notes-and-instructions-table {
    /*min-height: 347px;*/ /*Modified By Nishant on 19-09-2022 For #133108*/
    height: 100%;
}
.notes-and-instructions-table-div {
    padding-right: 8px;
}
    #divEvent_EventDetails .input-group {
        width: 100%;
    }

        #divEvent_EventDetails .input-group .input-group-addon {
            position: absolute;
            right: 0;
            z-index: 9;
            width: 37px; /*Modified by Nishant on 16-09-2022 For #133108*/
            height: 34px;
            padding: 0 !important;
            align-items: center;
            display: flex;
            justify-content: center;
            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 rgba(255, 255, 255, 0.25);
            color: #fff;
            border-radius: 0px 4px 4px 0px;
        }

.timelineWrap {
    border: none !important;
    border-bottom: 1px solid #ddd !important;
    border-style: solid;
}
/*End  #133108*/
/*Added by nishant on 02/09/2022 for #133108*/
#myModalLabel {
    color: #3F3D3D;
}

#paymentBalance .table td, #paymentBalance .table th {
    font-size: calc(12px + (13 - 12) * ((100vw - 320px) / (1920 - 320)))
}

#DivTaxable {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 10px; /*Modified by Nishant on 12-09-2022 for #133108*/
}

    #DivTaxable input {
        margin: 0;
    }

    #DivTaxable label {
        padding-left: 5px;
        margin: 0;
    }

.task-description-col label {
    font-weight: normal;
}
/*modify by nishant on 09/05/2022 for #133108*/
#gvProposal {
    border-left: none;
    border-right: none;
    border-bottom: none;
}
    /*end #133108*/
    #gvProposal .proposal-grid-checkbox-col {
        width: calc(30px + (40 - 30) * ((100vw - 320px) / (1920 - 320)));
    }

    #gvProposal .proposal-grid-action-col {
        width: calc(30px + (40 - 30) * ((100vw - 320px) / (1920 - 320)));
    }

    #gvProposal .proposal-grid-proposalid-col {
        width: calc(40px + (100 - 60) * ((100vw - 320px) / (1920 - 320)));
        /*Updated for #181344 on 02/10/2023*/
    }

    #gvProposal .proposal-grid-proposaltype-col {
        width: calc(90px + (120 - 90) * ((100vw - 320px) / (1920 - 320)));
    }

    #gvProposal .proposal-grid-name-col {
        width: calc(232px + (190 - 160) * ((100vw - 320px) / (1920 - 320))); /*Updated for #179748 on 18/9/2023*/
        /*Updated for #181344 on 02/10/2023*/
    }

    #gvProposal .proposal-grid-invoice-col {
        width: calc(110px + (130 - 100) * ((100vw - 320px) / (1920 - 320)));
        /*Updated for #181344 on 02/10/2023*/
    }

    #gvProposal .proposal-grid-location-col {
        width: calc(60px + (90 - 60) * ((100vw - 320px) / (1920 - 320)));
    }

    #gvProposal .proposal-grid-date-col {
        width: calc(80px + (100 - 80) * ((100vw - 320px) / (1920 - 320)));
    }

    #gvProposal .proposal-grid-status-col {
        width: calc(110px + (120 - 110) * ((100vw - 320px) / (1920 - 320)));
    }
        /*End #133108*/
        #gvProposal .proposal-grid-status-col .btncircle, #gvProposal .proposal-grid-status-col .btncirclecancel {
            width: 28px;
            height: 26px !important;
            padding: 0;
        }

#divPackageItemProductsPlaceHolder {
    padding: 0px 15px;
}

#tblPropPackItemsProducts {
    border: none;
}

    #tblPropPackItemsProducts tr td {
        vertical-align: middle;
    }

        #tblPropPackItemsProducts tr td p {
            margin: 0;
        }
/*Added by nishant on 06/09/2022 for #133108*/
#gvProposal .view-package-grid-id-col {
    width: calc(130px + (200 - 130) * ((100vw - 320px) / (1920 - 320)));
}

#gvProposal .view-package-grid-proposaltype-col {
    width: calc(130px + (200 - 130) * ((100vw - 320px) / (1920 - 320)));
}

#gvProposal .view-package-grid-packagename-col {
    width: calc(130px + (200 - 130) * ((100vw - 320px) / (1920 - 320)));
}

#gvProposal .view-package-grid-grandtotal-col {
    width: calc(130px + (200 - 130) * ((100vw - 320px) / (1920 - 320)));
}

#gvProposal .view-package-grid-action-col {
    width: calc(130px + (200 - 130) * ((100vw - 320px) / (1920 - 320)));
}

.packages-setting-title {
    width: 180px;
}

.packages-name-div {
    width: 115px;
}

#PackageTitleSection {
    width: 230px;
}

.add-packges-heder {
    width: auto;
    display: flex;
    align-items: center;
}

.packages-setting-title {
    position: relative;
}

    .packages-setting-title:after {
        content: '';
        position: absolute;
        border-right: 1px solid #ddd;
        right: 20px; /*Modified by Nishant on 16-09-2022 For #133108*/
        top: 2px;
        height: 85%;
    }
/*Added by Nishant on 06/09/2022 for #133108*/
.hana-div-action .hana-btn-action-proposalsetting {
    margin-left: 10px;
    padding: 0 !important; /*Added By Nishant on 19-09-2022 for #133108*/
    width: 34px; /*Added By Nishant on 19-09-2022 for #133108*/
    display: flex; /*Added By Nishant on 19-09-2022 for #133108*/
    justify-content: center; /*Added By Nishant on 19-09-2022 for #133108*/
    align-items: center; /*Added By Nishant on 19-09-2022 for #133108*/
}
/*End #133108*/
.proposal-grid-action-col .action-wrapper {
    text-align: center;
    margin: 0 auto;
}

    .proposal-grid-action-col .action-wrapper div {
        padding-bottom: 5px;
        justify-content: center;
    }

@media (max-width: 1300px) {
    .spl-instructions {
        width: 48%;
    }

    .proposal-eventdropdown-div, .proposal-referencedropdown-div, .proposal-id-div {
        width: 150px;
    }

        .proposal-id-div:after {
            right: 10px;
        }
    /* .action-col{
                width: 120px
            }*/
}
/*Added by nishant on 02/09/2022 for #133108*/
#divContractSummary .row {
    padding: 0px 0px 10px 15px;
}

.terms-and-conditions-row, .signatures-row {
    padding: 0;
    padding-right: 10px;
}

.tab-terms-conditions-row, .signatures-div {
    margin-right: -8px;
}
/*End #133108*/
/*Added by umang on 09/05/2022 for #133108*/
div[id^=divDocUploadHolder_] .btn i {
    font-size: 18px;
}

div[id^=divDocUploadHolder_] .btn {
    padding: 6px 10px;
}

body .form-control:focus, body .single-line:focus {
    border-color: #2F9BC8 !important;
}

#divCoupleDetails .form-control, #divEventDetails .form-control {
    width: 100% !important;
}

#POform table, .TblCategory {
    border: 1px solid #E7EAE9;
}

    #PPoComment, .TblCategory textarea.form-control {
        height: 34px;
    }

    .TblCategory tbody tr td, .TblCategory tbody tr th {
        position: relative;
    }

        .TblCategory tbody tr td:not(:last-child)::after, .TblCategory tbody tr th:not(:last-child)::after {
            content: "";
            width: 1px;
            height: 80%;
            background-color: #d7d7d7 !important;
            position: absolute;
            top: 50%;
            right: 0;
            transform: translateY(-50%);
            z-index: 9;
        }

#POform {
    overflow: hidden;
}

    #POform .create-po-grid-component-col {
        min-width: calc(100px + (150 - 100) * ((100vw - 320px) / (1920 - 320)));
    }

    #POform .create-po-grid-stemcount-col {
        min-width: calc(90px + (100 - 90) * ((100vw - 320px) / (1920 - 320)));
    }

    #POform .create-po-grid-qty-col {
        min-width: calc(90px + (100 - 90) * ((100vw - 320px) / (1920 - 320)));
    }

    #POform .create-po-grid-unitprice-col {
        min-width: calc(90px + (100 - 90) * ((100vw - 320px) / (1920 - 320)));
    }

    #POform .create-po-grid-extendedprice-col {
        min-width: calc(90px + (100 - 90) * ((100vw - 320px) / (1920 - 320)));
    }

    #POform .create-po-grid-comment-col {
        min-width: calc(100px + (150 - 100) * ((100vw - 320px) / (1920 - 320)));
    }

    #POform .create-po-grid-color-col {
        min-width: calc(100px + (150 - 100) * ((100vw - 320px) / (1920 - 320)));
    }

    #POform .create-po-grid-size-col {
        min-width: calc(80px + (100 - 80) * ((100vw - 320px) / (1920 - 320)));
    }

    #POform .create-po-grid-unit-col {
        min-width: calc(80px + (120 - 80) * ((100vw - 320px) / (1920 - 320)));
    }

    #POform .create-po-grid-vendorname-col {
        min-width: calc(100px + (150 - 100) * ((100vw - 320px) / (1920 - 320)));
    }

    #POform .create-po-grid-contactname-col {
        min-width: calc(100px + (150 - 100) * ((100vw - 320px) / (1920 - 320)));
    }

.create-po-tables {
    overflow: auto;
}

.TblCategory .catagory-flower-table-description-col {
    min-width: calc(130px + (140 - 130) * ((100vw - 320px) / (1920 - 320)));
}

.TblCategory .catagory-flower-table-stemcount-col {
    min-width: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));
}

.TblCategory .catagory-flower-table-qty-col {
    min-width: calc(70px + (80 - 70) * ((100vw - 320px) / (1920 - 320)));
}

.TblCategory .catagory-flower-table-unitprince-col {
    min-width: calc(70px + (80 - 70) * ((100vw - 320px) / (1920 - 320)));
}

.TblCategory .catagory-flower-table-description-col {
    min-width: calc(50px + (70 - 50) * ((100vw - 320px) / (1920 - 320)));
}

.TblCategory .catagory-flower-table-comment-col {
    min-width: calc(120px + (130 - 120) * ((100vw - 320px) / (1920 - 320)));
}

.TblCategory .catagory-flower-table-color-col {
    min-width: calc(120px + (130 - 120) * ((100vw - 320px) / (1920 - 320)));
}

.TblCategory .catagory-flower-table-size-col {
    min-width: calc(120px + (130 - 120) * ((100vw - 320px) / (1920 - 320)));
}

.TblCategory .catagory-flower-table-unit-col {
    min-width: calc(90px + (110 - 90) * ((100vw - 320px) / (1920 - 320)));
}

.TblCategory .catagory-flower-table-vendername-col {
    min-width: calc(100px + (150 - 100) * ((100vw - 320px) / (1920 - 320)));
}

.TblCategory .catagory-flower-table-contactname-col {
    min-width: calc(130px + (150 - 130) * ((100vw - 320px) / (1920 - 320)));
}

#PPOItemsModal small {
    font-size: calc(11px + (12 - 11) * ((100vw - 320px) / (1920 - 320))) !important;
}

#gvProposal .EditProposal {
    display: flex;
    align-items: center;
    line-height: 20px;
}
#gvProposal li a {
    height: 100%;
    display: flex;
    align-items: center;
}
    #gvProposal .EditProposal i {
        padding-right: 0px; /*Modified for #182680*/
    }
/*Added for #182680*/
#gvProposal .PaymentProposal i {
    padding: 0 3px;
}
/*End for #182680*/

#divItemsProducts {
    border: none;
}

#ProposalDetailViewModal {
    margin-bottom: 30px;
}

    #ProposalDetailViewModal .modal-dialog {
        margin-bottom: 40px;
        margin-top: 40px;
    }

.CustomActionUl li a {
    font-weight: 400;
}

#PPOItemsModal {
    margin-bottom: 30px;
    z-index: 999999 !important;
}

#divNotes .notes .redactor-box {
    min-height: 348px;
    /*max-height: 318px;*/
}

    #divNotes .notes .redactor-box .redactor-in {
        max-height: 230px !important;
    }
/*Added by Nishant on 07/09/2022 for #133108*/
.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper {
    color: #000 !important;
    width: 100%;
}
/*End #133108*/
#btnSaveChanges {
    height: 34px;
}

#txtEventDate, #txtEventTime {
    border-radius: 8px;
}

#divInspirationBoard div p {
    color: #444444;
}

.edit-proposal-title {
    color: #444444;
}

#divCoupleInfo {
    background: #fff;
    padding: 15px;
    border: 1px solid #E7EAE9;
    border-radius: 8px;
}
/*Added by nishant on 08/09/2022 for #133108*/
#divImageName span {
    color: #444444;
}
/*End  #133108*/
@media (max-width: 1140px) {
    .view-pages-col div {
        text-align: start !important;
    }
}

@media (max-width: 1024px) {
    .view-pages-col div {
        text-align: right;
    }

    .view-pages-col {
        width: 35%;
    }

    .proposal-type-col {
        width: 65%;
    }

    #btnSaveChanges {
        width: 100px;
        height: 34px;
    }

    #divBtnUpdate .hana-div-savebtn-p {
        padding: 0 !important;
    }

    #spnImgName {
        word-break: break-word;
    }

    .spl-instructions #txtSplIns {
        min-height: 354px;
    }
    /*Added by Nishant on 07/09/2022 for #133108*/
    .hana-div-browse {
        width: 90%;
    }
    /*End #133108*/
}

@media (max-width: 991px) {
    .hana-normal-gray, .hana-bold, .details-head-blue, .hana-hylink {
        font-size: 13px;
    }

    #btnSaveChanges {
        width: 100%;
    }

    .edit-proposal-first-col {
        width: 35%;
    }

    .edit-proposal-second-col {
        width: 65%;
    }

    .view-pages-col {
        width: 100%;
        justify-content: start;
    }
    /*Change by nishant on 30/8/2022 for #133108*/
    /*Added by nishant on 02/09/2022 for #133108*/
    .proposal-type-col {
        width: 100%;
    }

    #divAddItemsToProposal label {
        font-size: 13px;
    }


    .hana-div-browse {
        width: 97%;
    }

    .spl-instructions {
        margin-left: 0;
    }

    .hana-div-savebtn-p {
        padding: 0 !important;
    }

    [id^=btnPossibilityEditing_] i {
        line-height: 18px;
        font-size: 12px;
    }

    .table-container.white-bg {
        margin: 0px; /*Modified By Nishant on 16-09-2022 for #133108*/
        width: 100%; /*Modified By Nishant on 16-09-2022 for #133108*/
    }

    #btnSavePossibilityChanges {
        padding: 0;
    }

    .spl-instructions #txtSplIns {
        min-height: 385px;
    }

    .hana-final-discount-type {
        height: 2.6em;
    }

    #paymentBalance .table td, #paymentBalance .table th {
        font-size: 13px;
    }

    #gvProposal .proposal-grid-checkbox-col {
        width: 70px;
    }

    #gvProposal .proposal-grid-action-col {
        width: 70px;
    }

    #gvProposal .proposal-grid-proposalid-col {
        width: 130px;
    }

    #gvProposal .proposal-grid-proposaltype-col {
        width: 130px;
    }

    #gvProposal .proposal-grid-name-col {
        width: 190px;
    }

    #gvProposal .proposal-grid-invoice-col {
        width: 160px;
    }

    #gvProposal .proposal-grid-location-col {
        width: 100px;
    }

    #gvProposal .proposal-grid-date-col {
        width: 100px;
    }

    #gvProposal .proposal-grid-status-col {
        width: 100px;
    }
    /*end #133108*/
    /*Added by Nishant on 09/05/2022 for #133108*/
    .TblCategory .catagory-flower-table-description-col {
        min-width: 140px;
    }

    .TblCategory .catagory-flower-table-stemcount-col {
        min-width: 50px;
    }

    .TblCategory .catagory-flower-table-qty-col {
        min-width: 80px;
    }

    .TblCategory .catagory-flower-table-unitprince-col {
        min-width: 80px;
    }

    .TblCategory .catagory-flower-table-description-col {
        min-width: 70px;
    }

    .TblCategory .catagory-flower-table-comment-col {
        min-width: 130px;
    }

    .TblCategory .catagory-flower-table-color-col {
        min-width: 130px;
    }

    .TblCategory .catagory-flower-table-size-col {
        min-width: 130px;
    }

    .TblCategory .catagory-flower-table-unit-col {
        min-width: 100px;
    }

    .TblCategory .catagory-flower-table-vendername-col {
        min-width: 150px;
    }

    .TblCategory .catagory-flower-table-contactname-col {
        min-width: 150px;
    }

    #POform .create-po-grid-component-col {
        min-width: 100px;
    }

    #POform .create-po-grid-stemcount-col {
        min-width: 100px;
    }

    #POform .create-po-grid-qty-col {
        min-width: 100px;
    }

    #POform .create-po-grid-unitprice-col {
        min-width: 100px;
    }

    #POform .create-po-grid-extendedprice-col {
        min-width: 100px;
    }

    #POform .create-po-grid-comment-col {
        min-width: 150px;
    }

    #POform .create-po-grid-color-col {
        min-width: 150px;
    }

    #POform .create-po-grid-size-col {
        min-width: 100px;
    }

    #POform .create-po-grid-unit-col {
        min-width: 120px;
    }

    #POform .create-po-grid-vendorname-col {
        min-width: 150px;
    }

    #POform .create-po-grid-contactname-col {
        min-width: 150px;
    }

    #PPOItemsModal small {
        font-size: 12px !important;
    }

   /* .table-container-timeline .google-calander-col {
        width: 70px !important;
    }*/

    .table-container-timeline label, .table-container-timeline p {
        word-break: break-word;
    }
    /*End #133108*/
    /*  .visible-client-col {
            width: 90px !important;
        }*/
    /*Modified by Nishant on 22-09-2022 for #133108*/
    .hana-div-cancelbtn{
        padding-right: 15px;
    }
    /*End #133108*/
    /*Added for #168552*/
    #tblPropPackItemsProducts thead tr th {
        padding: 10px 5px !important;
    }
    /*End for #168552*/
}
/*End #133108*/
/*added by Nishant Kakadiya for #138058*/
.max-width-100 {
    max-width: 100%;
}
/*End #133108*/

/*#paymentBalance table thead tr th:not(:last-child)::after, #paymentBalance 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;
    }
    */
.btn-upload-doc {
    background-color: #D3F0FD !important;
    display: flex;
    align-items: center;
}

.mx-adjust-spacing {
    margin: 0 4px 0 0;
    overflow: hidden;
}

/*#138058 end*/
/*Added by krishna on 08/29/2022 #133108*/
.recipe-img img {
    height: 50px;
    width: 50px;
    padding: 0px 3px;
}

.item-group {
    display: flex;
}
/*#133108*/
/*Added by shailja for #133108*/
.blockUI.blockOverlay {
    z-index: 9999 !important;
}

.blockUI.blockMsg.blockElement {
    z-index: 9999 !important;
}

.hana-proposalid-column .tooltip {
    width: 200px !important;
}
/*End #133108*/
#gvProposal .proposal-grid-action-col .hana-custom-action-dropdown {
    padding-bottom: 0px;
}
/*Added by nishant on 08/09/2022 for #133108*/
#ProposalPossibilityBody tr td span {
    color: #444444;
}

#ProposalPossibilityBody tr td .hana-possibility-actions span {
    color: #fff;
}

#tblproposalTotals .cotract-summary-discount-col {
    margin-right: 15px;
}

#txtDiscountAmount {
    width: 100% !important;
}

.proposal-item .tab-content {
    padding-right: 0;
}
/*.proposalWrapMain .total-and-crontract {
    padding-right: 10px;
}*/
/*Added by nishant on 08/09/2022 for #133108*/
.hana-item-form-box div label {
    color: #3F3D3D;
}

#divNotes .hana-bb {
    height: 100%;
}

#timelineItemsWrap .due-date-col label,
#timelineItemsWra .payment-col label {
    color: #444444;
}
#timelineItemsWrap .proposalAmountWrap.payment-col label,  .visible-client-col .eyeWrapProposal a.eyeWrap {
    color: #444444 !important;
}
#timelineItemsWrap .action-col .cancelTimeLine,
#timelineItemsWrap .action-col .saveTimeLine {
    width: 34px; /*Modified By Nishant on 19-09-2022 for #133108*/
    padding: 0;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    #timelineItemsWrap .action-col .cancelTimeLine i {
        font-size: 18px;
    }

    #timelineItemsWrap .action-col .saveTimeLine i {
        font-size: 16px;
    }

#divNotes .possibility-head label {
    font-size: 16px;
}

#divContractSummary .hana-bb {
    height: 100% !important;
    display: flex;
    align-items: center;
    padding: 5px 15px;
}
/*End #133108*/
/*Added by Nishant on 12-09-2022 for #133108*/
#btnAddItem, #btnAddPossibility {
    height: 40px;
}
/*End*/
/*Added by shailja for #133108*/
#proposalPreview button.close {
    position: absolute;
    right: 10px;
    top: 10px;
}

#gvPackageRV3 table #tblPropPackItemsProductsBody tr td.items-subtotal.item-subtotal-proposal.text-right:after {
    height: 0;
    border: 0;
}

#tblPropPackItemsProductsBody tr td.items-subtotal.item-subtotal-proposal.text-right {
    color: #444444;
}

#CompanySignature .modal-dialog {
    width: 50%;
}

#CompanySignature .modal-footer {
    margin-top: 10%;
    text-align: right !important;
}

#lblCompanySign, #lblCustomerSign {
    font-family: 'Great Vibes';
    font-size: 25px !important;
    font-weight: 500;
}

#companySign {
    font-family: 'Great Vibes';
    height: 100%;
    width: 300px;
    background-color: whitesmoke;
    font-size: 36px !important;
    float: right;
    max-width: 100%;
}

#btnRRemoveSign {
    white-space: unset;
}

.panel-heading.accordion-toggle {
    cursor: pointer;
}

#tblPaymentAndBalance {
    border: none;
}

    #tblPaymentAndBalance > thead > tr > th, #tblPaymentAndBalance > tbody > tr > td {
        position: relative;
    }

        #tblPaymentAndBalance > thead > tr > th:not(:last-child)::after,
        #tblPaymentAndBalance > tbody > tr > td:not(:last-child)::after {
            content: "";
            height: 80%;
            border-right: 1px solid #d7d7d7;
            position: absolute;
            top: 50%;
            right: 0;
            transform: translateY(-50%);
            z-index: 9;
        }

.disableCommon {
    cursor: auto !important;
}
/*End #133108*/
/*Added by Nishant on 02-09-2022 for #133108*/
.terms-and-conditions-row textarea.form-control {
    border: 1px solid #B9B9B9;
}
/*End #133108*/
/*Added by nishant on 13/09/2022 for #133108*/
#divWedding_EventDetails, #divCoupleDetails {
    padding-right: 15px;
}
#divAddInspirationImageContainer .d-inspiration-box:hover:before {
    background-color: transparent !important;
    border: none;
}
.custom-datepicker .input-group-addon{
    width: 37px;
    padding: 0;
}
.custom-datepicker{
    width: 100%;
}
/*End #133108*/
.notes-and-instructions-table #ProposalPossibilityBody tr td, #ProposalPossibility tfoot tr td, body #divTimeline #timelineItemsWrap .timelineWrap {
    border: none !important;
}
.notes-and-instructions-table #ProposalPossibilityBody tr, #divTimeline #timelineItemsWrap .timelineWrap {
    position: relative;
}
    .notes-and-instructions-table #ProposalPossibilityBody tr:after, #divTimeline #timelineItemsWrap .timelineWrap:after {
        content: '';
        position: absolute;
        bottom: 0px;
        left: 50%;
        border-bottom: 1px solid #d7d7d7;
        transform: translateX(-50%);
        width: 98%; /*Modified by Nishant on 16-09-2022 for #133108*/
        
    }
#lblSecondContect {
    color: #B9B9B9;
}
#divSummery_Preview_desc .txt_Purposal_GT, #divSummery_Preview_desc .lbl_Purposal_GT {
    color: #444444;
}
.terms-and-conditions-row .tab-terms-conditions textarea.form-control{
    color: #444444;
}
#CompanySignature .modal-header .close {
    position: absolute;
    right: 10px;
    top: 10px;
}
#ProposalPossibilityBody .ESTotal {
    color: #444444;
    font-weight: 700;
}
/*Modified by Nishant on 15-09-2022 for #133108*/
/*Added by Nishant on 16-09-2022 For #133108*/
#tblPropPackItemsProducts thead tr th{
    padding: 10px 16px;
}
#tblPropPackItemsProducts tbody#tblPropPackItemsProductsBody tr td {
    border: none !important;
    padding: 16px;
}
#tblPropPackItemsProducts tbody#tblPropPackItemsProductsBody tr.product-grid-totals-row td {
    padding: 10px 16px;
}
#tblPropPackItemsProducts tbody#tblPropPackItemsProductsBody tr td label {
    margin-bottom: 0;
}
#tblPropPackItemsProducts tbody#tblPropPackItemsProductsBody tr td.action-col{
    width: 150px;
}
/*End #133108*/
#tblPropPackItemsProducts #tblPropPackItemsProductsBody tr, #tblPropPackItemsProducts #tblPropPackItemsProductsBody tr.product-grid-totals-row {
    position: relative;
}
    #tblPropPackItemsProducts #tblPropPackItemsProductsBody tr:after {
        content: '';
        position: absolute;
        bottom: 0px;
        left: 50%;
        border-bottom: 1px solid #d7d7d7;
        transform: translateX(-50%);
        width: 98%; /*Modified by Nishant on 16-09-2022 for #133108*/
    }
        #tblPropPackItemsProducts #tblPropPackItemsProductsBody tr.product-grid-totals-row:after {
            content: '';
            position: absolute;
           
            border-bottom: none;
           
        }
        #tblPropPackItemsProducts #tblPropPackItemsProductsBody tr.active-row {
            position: relative;
            background-color: #F5FBFD;
        }
        #tblPropPackItemsProducts #tblPropPackItemsProductsBody tr.active-row:after {
            content: '';
            position: absolute;
            top: 0;
            right: 0; /*Modified by nishant on 15/09/2022 for #133108*/
            width: 100%;
            border: 1px dashed #2F9BC8;
            bottom: 0
        }
#recipeFRM label {
    color: #3F3D3D;
}
#proposalPreviewHeading span {
    color: #3F3D3D;
}
.couple-detials-row{
    padding: 0px 15px;
    padding-right: 0;
}
#divCoupleInfo .tab-content{
    padding: 0px;
}
.event-detials-row {
    padding: 0px 15px;
}
.bride-detials-div, .evnet-details-div {
    padding-top: 10px;
    background-color: #eff5f7;
    padding-bottom: 20px;
    padding-right: 0;
}
.groom-detials-div, .event-coordinator-div {
    background-color: #e9e9e9;
    padding-bottom: 20px;
    padding-top: 10px;
}
.wedding-details-div-row {
    padding: 0px 15px;
    display: flex;
    padding-right:0;
}
.ceremony-details-div, .wedding-coordinator-div {
    padding: 0px 0px 20px 0px;
    background-color: #e9e9e9;
}
.reception-details-div {
    background-color: #eff5f7;
    padding: 0px 0px 20px 0px;
}
#_addRecipe .modal-header button.close {
    position: absolute;
    right: 10px;
    top: 15px;
}
/*Modified by nishant on 15/09/2022 for #133108*/
#tblproposalTotals label {
    margin: 0;
}
#gvRecipeItem table tbody tr td {
    border: none; /*Modified By Nishant On 16-09-2022 for #133108*/
}
#gvRecipeItem table tbody tr, #gvRecipeItem table thead tr th {
    position: relative;
}
    #gvRecipeItem table tbody tr:after {
        content: '';
        position: absolute;
        bottom: 0px;
        left: 50%; /*Modified By Nishant On 16-09-2022 for #133108*/
        /*right: 0;*/
        border-bottom: 1px solid #d7d7d7;
        transform: translateX(-50%);
        width: 98%; /*Modified By Nishant On 16-09-2022 for #133108*/
    }
/*End #133108*/
.totalpreview.hana-totalreview-div table tbody tr td {
    border: none;
}
.totalpreview.hana-totalreview-div table tbody tr {
    position: relative;
}
.totalpreview.hana-totalreview-div table tbody tr:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    border-bottom: 1px dashed #E7EAE9;
    /*transform: translateX(-50%);*/
    width: 100%;
}
    /*Added By Nishant On 16-09-2022 for #133108*/
    .totalpreview.hana-totalreview-div table tbody tr.invoice-price-row:after,
    .totalpreview.hana-totalreview-div table tbody tr.suggest-retail-price-row:after {
        content: '';
        position: absolute;
        border: none;
    }

    .nav-tabs.recipe-nav > li > a {
        font-weight: normal;
    }
/*End #133108*/
.editRecipeItem .recipe-icon{
    width: 34px;
    opacity: .45;/*Added for #168552*/
}
#privatenoterecipe::placeholder {
    color: #B9B9B9;
}
.clockpickerCeremony{
    width: 100%;
}
    .clockpickerCeremony .input-group-addon{
        width: 37px;
    }
#tblPropPackItemsProducts #tblproposalTotals tr td {
    padding: 12px;
}
/*Modified by Nishant on 16-09-2022 for #133108*/
#ProposalPossibility #ProposalPossibilityBody tr td {
    padding: 16px;
    vertical-align: middle;
}
#ProposalPossibility .hana-pos-table-head tr th {
    padding: 10px 16px;
}
#searchByComponentType::placeholder {
    color: #7E7E7E;
}
.input-group-append .btn-file{
    height: 34px;
}
#ConversationsModal {
    height: calc(100vh - 27px);
}
/*End #133108*/
@media (max-width: 991px) {
    .wedding-coordinator-last-name{
        padding-top: 10px;
    }
    .hana-item-table-grid {
        padding-left: 0;
        padding-top: 20px;
    }
    #gvPackageRV3{
        margin: 0;
    }
    .notes, .spl-instructions {
        width: 100%;
    }
    .spl-instructions{
        margin-top: 20px;
    } 
    #divNotes .row{
        padding-right: 15px !important;
    }
    .possibilities-of-upgrade-div {
        margin-top: 10px;
    }
    .notes-and-instructions-table-div {
        margin-top: 15px;
        padding: 0; /*Added By Nishant on 19-09-2022 for #133108*/
    }
    .hana-div-header-max-height .hana-div-search-package {
        width: 100%;
    }
    /*Added By Nishant on 19-09-2022 For #133108*/
    #ddlStatusType {
        width: 95% !important;
    }
    .create-proposal-modal{
        display: flex;
        flex-wrap: wrap;
    }
    .create-proposal-modal div{
        width: 50%;
    }
    /*End #133108*/
}
@media (max-width: 1024px) {
    .hana-i-dollar {
        right: 7px;
    }
}
/*Added By Nishant on 19-09-2022 For #133108*/
@media (max-width: 1560px) {
    .notes-and-instructions-table{
        min-height: 345px;
    }
}
#btnViewProposalCommon:active, #btnViewPackageCommon:active {
    background-color: transparent !important;
}
.hana-divTableWedding-scroll{
    border-left: 0px;
    border-right: 0px;
}
#tblWeddingRef > tbody > tr > td,
#tblEventRef > tbody > tr > td {
    position: relative;
}
    #tblWeddingRef > tbody > tr > td:not(:last-child)::after,
    #tblEventRef > tbody > tr > td:not(:last-child)::after {
        content: "";
        height: 80%;
        position: absolute;
        top: 50%;
        border-right: 1px solid #d7d7d7;
        right: 0;
        transform: translateY(-50%);
        z-index: 9;
    }
.timeline-grid-header div {
    border-radius: 8px 8px 0px 0px;
}
#tblproposalTotals{
    border-top: 0;
}
#tblWeddingRef thead tr th input, #tblEventRef thead tr th input {
    font-weight: 400;
}
#txtEventTerms, #txtWeddingTerms {
    color: #444444;
}
#btnAddWeddingRef i, #btnAddEventRef i {
    font-size: 16px;
}
#btnCancelWeddingRef i, #btnCancelEventRef i {
    font-size: 18px;
}
/*End #133108*/
/*Added By Nishant on 20-09-2022 for #133108*/
input#txtPossibilityItemPrice::-webkit-outer-spin-button,
input#txtPossibilityItemPrice::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input#txtPossibilityItemPrice[type=number] {
    -moz-appearance: textfield;
}
/*End #133108*/
/*Added by shailja for #133108*/
span.timelineTime {
    color: #555555bd !important;
}
/*End #133108*/
#ProductInfo div b {
    color: #3F3D3D;
}
#ProposalPossibilityBody button i {
    line-height: 18px;
}
#documentsContainer {
    padding: 0px 10px;
}

/*Added for #181344 on 02/10/2023*/
#gvProposal .proposaltypetbl tbody tr td:first-child {
    width: 35% !important; 
}