/*List page css*/

.proposal-custom-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 1.2;
    border-radius: 5px;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: 200ms;
    height: 32px;
    min-width: 32px;
    font-size: 13px;
    padding: 0 13px;
    background: #ecebea;
    border: #ecebea;
    color: #000;
}

.proposal-custom-btn:hover {
    background: #D5D4D2;
}

.pt-16 {
    padding-top: 16px;
}

.filter-search-container .quick-filter-group {
    display: flex;
    flex-direction: column;
}

.filter-search-container .quick-filter-group .filter-text {
    color: #807d7a;
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 0 !important;
}

.filter-search-container .quick-filter-group .filter-option-container {
    margin-top: 8px;
}

.filter-search-container .quick-filter-group .filter-option-container .filter-list {
    display: flex;
    flex-flow: row wrap;
    list-style-type: none;
    padding: 0px;
}

.filter-search-container .quick-filter-group .filter-option-container .filter-list .filter-list-item {
    display: flex;
    align-items: flex-start;
    margin: 4px;
    cursor: pointer;
}

.filter-search-container .quick-filter-group .filter-option-container .filter-list .filter-list-item span {
    height: 32px;
    background: #ecebea;
    border-radius: 4px;
    font-size: 13px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    color: #403e3d;
    transition-property: background-color;
    transition-duration: 200ms;
}

.filter-search-container .quick-filter-group .filter-option-container .filter-list .filter-list-item span.filter-active {
    background: #E8E7FF;
    color: #4940CE;
}

.filter-search-container .quick-filter-group .filter-option-container .filter-list .filter-list-item span.filter-active:hover {
    background: #D5D2F9;
}

.filter-search-container .quick-filter-group .filter-option-container .filter-list .filter-list-item span:hover {
    background: #D5D4D2;
}

.filter-search-container .proposal-search-container {
    margin-top: 16px;
    background: #F5F5F4;
    border: 1px solid #ECEBEA;
    padding: 12px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: flex;
}

.filter-search-container .proposal-search-container .search-input-wrapper {
    margin-right: 12px;
    width: 100%;
    overflow: visible;
}

.filter-search-container .proposal-search-container .search-input-wrapper .filter-list {
    display: flex;
    flex-flow: row wrap;
    list-style-type: none;
    padding: 0px;
    margin: 0 !important;
}

.filter-search-container .proposal-search-container .search-input-wrapper .filter-list .search-input-item {
    display: flex;
    align-items: flex-start;
    margin: 4px 6px;
}

.filter-search-container .proposal-search-container .search-input-wrapper .filter-list .search-input-item .search-input-group {
    width: 100%;
    display: flex;
    position: relative;
    border-color: #ECEBEA;
}

.filter-search-container .proposal-search-container .search-input-wrapper .filter-list .search-input-item .search-input-group .search-icon {
    left: 0px;
    width: 32px;
    height: 32px;
    font-size: 13px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: absolute;
    top: 0px;
    z-index: 2;
}

.filter-search-container .proposal-search-container .search-input-wrapper .filter-list .search-input-item .search-input-group .search-icon span {
    display: inline-block;
    transition: color 0.2s ease-in-out 0s;
}

.filter-search-container .proposal-search-container .search-input-wrapper .filter-list .search-input-item .search-input-group .search-icon span svg {
    height: 13px;
    overflow: visible;
    box-sizing: content-box;
    display: inline-block;
    margin-top: 6px;
}

.filter-search-container .proposal-search-container .search-input-wrapper .filter-list .search-input-item .search-input-group .search-input {
    width: 100%;
    min-width: 0px;
    outline: transparent solid 2px;
    outline-offset: 2px;
    position: relative;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: 200ms;
    font-size: 13px;
    padding-inline-start: 32px;
    padding-inline-end: 32px;
    height: 32px;
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-color: #ECEBEA;
    background: rgb(255, 255, 255);
}

.filter-search-container .proposal-search-container .search-input-wrapper .filter-list .search-input-item .search-input-group .input-right-element {
    right: 0px;
    width: 32px;
    height: 32px;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0px;
    z-index: 2;
}

.filter-search-container .proposal-search-container .search-input-wrapper .filter-list .add-filter-item {
    display: flex;
    align-items: flex-start;
    margin: 4px 6px;
    border-color: #ecebea;
    border-width: 0px;
    border-style: solid;
    box-sizing: border-box;
    position: relative;
}

.filter-search-container .proposal-search-container .search-input-wrapper .filter-list .add-filter-item .add-filter-item-group {
    border-color: #ecebea;
    overflow-wrap: break-word;
}

.filter-search-container .proposal-search-container .search-input-wrapper .filter-list .add-filter-item .add-filter-item-group .add-filter-button {
    font-weight: 600;
}

.filter-search-container .proposal-search-container .search-input-wrapper .filter-list .add-filter-item .add-filter-item-group .add-filter-button .button-icon {
    display: inline-flex;
    align-self: center;
    flex-shrink: 0;
    margin: 0 6px;
}

.filter-search-container .proposal-search-container .search-input-wrapper .filter-list .add-filter-item .add-filter-item-group .add-filter-button .button-icon span {
    display: inline-flex;
    transition: color 0.2s ease-in-out 0s;
}

.filter-search-container .proposal-search-container .search-input-wrapper .filter-list .add-filter-item .add-filter-item-group .add-filter-button .button-icon span svg {
    display: inline-block;
    height: 12px;
}

.filter-search-container .proposal-search-container .search-input-wrapper .filter-list .clear-filters-item {
    display: flex;
    align-items: flex-start;
    margin: 4px 6px;
}

.filter-search-container .proposal-search-container .search-input-wrapper .filter-list .clear-filters-item .clear-filters-button {
    background: transparent;
    border: transparent;
    font-weight: 600;
}

.filter-search-container .proposal-search-container .search-input-wrapper .filter-list .clear-filters-item .clear-filters-button:hover {
    background: #ecebea;
}

.filter-search-container .proposal-search-container .export-button-group {
    display: inline-flex;
}

.filter-search-container .proposal-search-container .export-button-group .export-button {
    font-weight: 600;
}

.filter-search-container .proposal-search-container .export-button-group .new-proposal-button-container {
    display: inline-block;
    margin-left: 8px;
}

.filter-search-container .proposal-search-container .export-button-group .new-proposal-button-container .new-proposal-button span {
    display: inline-block;
    transition: color 0.2s ease-in-out 0s;
}

.filter-search-container .proposal-search-container .export-button-group .new-proposal-button-container .new-proposal-button span svg {
    display: inline-block;
    height: 12px;
}

.results-container {
    border-color: #ecebea;
    overflow-wrap: break-word;
    background: #fff;
}

.results-container .stack-container {
    display: flex;
    flex-direction: column;
}

.results-container .stack-container .section-container {
    display: flex;
    align-items: center;
    height: 55px;
    padding: 0 12px;
    border-bottom: 1px solid #ecebea;
}

.results-container .stack-container .section-container .stack-container {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.results-container .stack-container .section-container .stack-container .section-title {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0 !important;
}

.results-container .stack-container .section-container .stack-container .divider {
    border-left-width: 1px;
    border-bottom-width: 0px;
    margin: 0 12px;
    align-self: stretch;
    width: 1px;
    background: #d5d4d2;
    height: auto;
}

.results-container .stack-container .section-container .stack-container .question-mark-icon {
    margin-left: 8px;
    cursor: pointer;
    display: inline-block;
    transition: color 0.2s ease-in-out 0s;
    color: #bdbab7;
}

.results-container .stack-container .section-container .stack-container .question-mark-icon svg {
    display: inline-block;
    height: 13px;
}

.results-container .stack-container .table-container {
    height: calc(100vh - 386px);
    overflow-y: auto;
    margin-top: 6px;
}

.results-container .stack-container .table-container .data-table {
    border-collapse: collapse;
    width: 100%;
}

.results-container .stack-container .table-container .data-table .table-header {
    position: sticky;
    top: 0px;
    background: #fff;
}

.results-container .stack-container .table-container .data-table .table-header .table-header-cell {
    text-transform: uppercase;
    padding: 12px 10px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-align: start;
    line-height: 13px;
    font-size: 11px;
    color: #807d7a;
    border-bottom: 1px solid #ecebea;
}

.results-container .stack-container .table-container .data-table .table-header .table-header-cell .table-header-cell-text {
    display: flex;
    cursor: pointer;
}

.results-container .stack-container .table-container .data-table .table-header .table-header-cell .table-header-cell-text .caret-icon {
    margin-left: 8px;
    display: inline-block;
    transition: color 0.2s ease-in-out 0s;
}

.results-container .stack-container .table-container .data-table .table-header .table-header-cell .table-header-cell-text .caret-icon svg {
    display: inline-block;
    height: 12px;
}

.results-container .stack-container .table-container .data-table .table-header .table-header-cell .table-header-cell-text .question-mark-icon {
    margin-left: 8px;
    cursor: pointer;
    display: inline-block;
    transition: color 0.2s ease-in-out 0s;
    color: #bdbab7;
}

.results-container .stack-container .table-container .data-table .table-header .table-header-cell .table-header-cell-text .question-mark-icon svg {
    display: inline-block;
    height: 13px;
}

.results-container .stack-container .table-container .data-table .checkbox-cell {
    width: 0px;
}

.results-container .stack-container .table-container .data-table .checkbox-cell .checkbox {
    margin-bottom: 0 !important;
    margin-top: 0px !important;
}

.results-container .stack-container .table-container .data-table .checkbox-cell .checkbox .checkbox-label {
    margin-bottom: 0 !important;
    padding-left: 0 !important;
}

.results-container .stack-container .table-container .data-table .checkbox-cell .checkbox .checkbox-label:before {
    padding: 6px !important;
    margin-right: 0px !important;
}

.results-container .stack-container .table-container .data-table .checkbox-cell .checkbox .checkbox-label:after {
    left: 6px !important;
    width: 5px !important;
    height: 10px !important;
}

.results-container .stack-container .table-container .data-table .table-row {
    cursor: pointer;
    transition: background 0.15s ease-in-out 0s;
}

.results-container .stack-container .table-container .data-table .table-row .table-cell {
    text-align: start;
    padding: 12px 13px;
    line-height: 16px;
    border-bottom: 1px solid #ecebea;
}

.results-container .stack-container .table-container .data-table .table-row .table-cell .text-container {
    font-size: 11px;
    color: #a09c98;
    text-transform: uppercase;
    margin-bottom: 0 !important;
}

.results-container .stack-container .table-container .data-table .table-row .table-cell .text-container .stack-container {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.results-container .stack-container .table-container .data-table .table-row .table-cell .cell-badge {
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 24px;
    font-size: 12px;
    padding: 5px 8px;
    height: 24px;
}

.results-container .stack-container .table-container .data-table .table-row .table-cell .stack-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.yellow-badge {
    background: #fdedaa;
    color: #92400e;
}

.blue-badge {
    background: #CFE0FC;
    color: #103E89;
}

.green-badge {
    background: #C5F6E6;
    color: #056647;
}

.grey-badge {
    background: #F5F5F4;
    color: #605E5B;
}

.proposal-header {
    background: rgb(255, 255, 255);
    box-shadow: rgba(59, 65, 94, 0.1) 0px 7px 14px 0px, rgba(0, 0, 0, 0.07) 0px 3px 6px 0px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 2;
    margin: -40px -30px 0 -30px;
    border-top: 1px solid #ECEBEA;
}

.proposal-header .first-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    width: 100%;
}

.proposal-header .first-header .text {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.proposal-header .first-header .text p {
    font-size: 18px;
    font-weight: 500;
    color: #403e3d;
    margin-bottom: 0 !important
}

.proposal-header .first-header .left-arrow {
    display: inline-block;
    font-size: 8px;
    transition: color 0.2s ease-in-out 0s;
    color: #A09C98;
    margin: 0 8px;
}

.proposal-header .first-header .left-arrow svg {
    display: inline-block;
    height: 10px;
}

.proposal-header .first-header .text .proposal-badge {
    margin-left: 8px;
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 24px;
    font-size: 12px;
    padding: 5px 8px;
    height: 24px;
    background: #FDEDAA;
    color: #92400E;
}

.proposal-header .first-header .btn-container .btn {
    height: 32px;
    font-size: 13px;
    background: #ecebea !important;
    color: #333 !important;
    line-height: 13px !important;
    text-transform: capitalize !important;
}

.proposal-header .first-header .btn-container .btn:hover {
    background: #d5d4d2 !important;
    transform: none !important;
    box-shadow: none !important;
}

.proposal-header .proposal-divider {
    opacity: 0.6;
    border-width: 0px 0px 1px;
    border-image: initial;
    border-color: #bdbab7;
    border-style: solid;
    width: 100%;
    margin: 0 !important;
}

.proposal-header .second-header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
}

.proposal-header .second-header-container .second-header-inner-container {
    display: flex;
    align-items: center;
    flex-direction: row;
    width: 100%;
}

.proposal-header .second-header-container .second-header-inner-container .ranger-bar-container .item {
    display: flex;
    align-items: center;
    flex-direction: row;
    -webkit-box-flex: 1;
    flex-grow: 1;
    width: 100%;
    margin-left: 8px;
}

.proposal-header .second-header-container .second-header-inner-container .ranger-bar-container .item:first-child {
    margin-left: 0px !important;
}

.proposal-header .second-header-container .second-header-inner-container .ranger-bar-container .item .item-link {
    cursor: pointer;
    text-decoration: none;
    outline: transparent solid 2px;
    outline-offset: 2px;
    color: #5A51E7;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: 150ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.proposal-header .second-header-container .second-header-inner-container .ranger-bar-container .item .item-link.active-step .step-container {
    color: #5A51E7 !important;
}

.proposal-header .second-header-container .second-header-inner-container .ranger-bar-container .item .item-link .step-container {
    display: flex;
    align-items: center;
    flex-direction: row;
    color: #BDBAB7;
    opacity: 1;
}

.proposal-header .second-header-container .second-header-inner-container .ranger-bar-container .item .item-link .step-container .step {
    display: flex;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-radius: 50%;
    height: 24px;
    width: 24px;
    color: #BDBAB7;
    border: 1px solid #BDBAB7;
    background-color: #FFF;
    opacity: 1;
}

.proposal-header .second-header-container .second-header-inner-container .ranger-bar-container .item .item-link.active-step .step-container .step {
    color: #5A51E7 !important;
    border: 1px solid #E8E7FF !important;
    background-color: #E8E7FF !important;
}

.proposal-header .second-header-container .second-header-inner-container .ranger-bar-container .item .item-link .step-container .text {
    font-size: 13px;
    margin-left: 8px;
    color: #BDBAB7;
}

.proposal-header .second-header-container .second-header-inner-container .ranger-bar-container .item .item-link.active-step .step-container .text {
    color: #5A51E7 !important;
}

.proposal-header .second-header-container .second-header-inner-container .ranger-bar-container .item .item-divider {
    opacity: 0.6;
    border-width: 0px 0px 1px;
    border-image: initial;
    border-color: #bdbab7;
    border-style: solid;
    width: 100%;
    margin: 0 0 0 8px !important;
}

.proposal-header .second-header-container .second-header-inner-container .ranger-bar-container {
    display: flex;
    align-items: center;
    flex-direction: row;
    -webkit-box-flex: 1;
    flex-grow: 1;
    width: 100%;
}

.proposal-header .second-header-container .second-header-inner-container .btn-container {
    display: flex;
    align-items: center;
    flex-direction: row;
    padding-left: 48px;
}

.proposal-header .second-header-container .second-header-inner-container .btn-container .prev-btn {
    width: 32px;
    height: 32px;
    background: #ECEBEA;
    border-radius: 5px;
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.proposal-header .second-header-container .second-header-inner-container .btn-container .prev-btn svg {
    display: inline-block;
    height: 16px;
}

.proposal-header .second-header-container .second-header-inner-container .btn-container .next-btn {
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 1.2;
    border-radius: 5px;
    height: 32px;
    font-size: 13px;
    padding: 0 13px;
    width: 148px;
    color: #fff;
    background: #F4502A;
}

.proposal-header .second-header-container .second-header-inner-container .btn-container .next-btn span {
    margin-left: 8px;
    display: inline-flex;
}

.proposal-header .second-header-container .second-header-inner-container .btn-container .next-btn span svg {
    display: inline-block;
    height: 12px;
}

.create-proposal-content {
    margin-top: 20px;
}

.create-proposal-content .card {
    border-radius: 3px;
}

.create-proposal-content h6 {
    color: #000;
}

.create-proposal-content p,
.create-proposal-content h6 {
    font-size: 13px;
}

.create-proposal-content .sub-main-text {
    font-family: sans-serif !important;
}

.create-proposal-content .select-drop-down {
    width: 100%;
    border: 1px solid #ECEBEA;
    padding: 6px;
    font-size: 12px;
    margin-bottom: 34px;
}

.create-proposal-content .terms-list {
    margin-left: 30px;
}

.create-proposal-content .edit-pen {
    color: #5A51E7;
    font-weight: bolder;
    cursor: pointer;
}

.create-proposal-content .step-5-box-1 {
    background: #E6F0FE;
    padding: 20px 28px;
}

.create-proposal-content .step-5-box-2 {
    padding: 14px 28px;
}

.create-proposal-content .step-5-box-2 .primary-label {
    padding: 5px 9px;
    background: #C5F6E6;
    color: #056647;
    border-radius: 24px;
    font-size: 10px;
}

.p-0 {
    padding: 0px !important;
}

.create-proposal-content .step-5-box-1 .step-5-text {
    color: #A09C98;
}

.proposal-input-field-container {
    display: inline-flex;
    position: relative;
}

.proposal-input-field {
    height: 32px;
    font-size: 13px;
    line-height: 1.5;
    padding: 4px 11px;
    color: #000000a6;
    border: 1px solid #ecebea;
    border-radius: 4px;
    width: 580px !important;
}

.proposal-input-field:focus-visible {
    outline: none !important;
}

.remaining-char {
    position: absolute;
    right: 8px;
    display: flex;
    height: 100%;
    align-items: center;
    color: #a09c98;
}

.custom-proposal-box-2 .select2-selection {
    height: 32px !important;
}

.dropdown-wrapper {
    display: flex;
    height: 32px;
}

.dropdown-wrapper .dropdown-container {
    width: 335px;
}

.dropdown-wrapper .dropdown-container .container-wrapper {
    position: relative;
}

.dropdown-wrapper .dropdown-container .container-wrapper .text {
    z-index: 9999;
    border: 0px;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    width: 1px;
    position: absolute;
    overflow: hidden;
    padding: 0px;
    white-space: nowrap;
}

.dropdown-wrapper .dropdown-container .container-wrapper .select-control {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    min-height: 32px;
    position: relative;
    transition: all 100ms ease 0s;
    background-color: rgb(255, 255, 255);
    border-color: rgb(204, 204, 204);
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    height: 32px;
    outline: 0px !important;
    cursor: pointer;
}

.dropdown-wrapper .dropdown-container .container-wrapper .select-control .value-container {
    flex: 1 1 0%;
    position: relative;
    overflow: hidden;
    margin-top: -4px;
    display: inline-block;
    padding: 6px 8px;
    height: 32px;
}

.dropdown-wrapper .dropdown-container .container-wrapper .select-control .value-container .placeholder {
    color: gray;
    margin-left: 2px;
    margin-right: 2px;
    font-size: 13px;
}

.dropdown-wrapper .dropdown-container .container-wrapper .select-control .value-container .input-container {
    display: inline-block;
    position: absolute;
    height: 24px;
    top: 4px;
    left: 10px;
    width: 290px;
    padding-bottom: 2px;
    padding-top: 2px;
    color: rgba(0, 0, 0, 0.65);
    font-size: 13px;
}

.dropdown-wrapper .dropdown-container .container-wrapper .select-control .value-container .input-container .select-input {
    color: inherit;
    background: 0px center;
    opacity: 1;
    width: 100%;
    cursor: pointer;
    font: inherit;
    min-width: 2px;
    border: 0px;
    margin: 0px;
    outline: 0px;
    padding: 0px;
}

.dropdown-wrapper .dropdown-container .container-wrapper .select-control .indicators {
    display: flex;
    align-items: center;
    align-self: stretch;
    flex-shrink: 0;
}

.dropdown-wrapper .dropdown-container .container-wrapper .select-control .indicators .dropdown-indicator {
    display: flex;
    justify-content: center;
    border-radius: 0px;
    border-width: 0px;
    height: 100%;
    transition: color 150ms ease 0s;
    color: #ccc;
    padding: 8px;
    box-sizing: border-box;
    margin-top: -3px;
}

.dropdown-wrapper .dropdown-container .container-wrapper .select-control .indicators .dropdown-indicator .icon-chevron-down {
    display: inline-block;
    transition: color 0.2s ease-in-out 0s;
    color: #BDBAB7;
}

.dropdown-wrapper .dropdown-container .container-wrapper .select-control .indicators .dropdown-indicator .icon-chevron-down svg {
    display: inline-block;
    height: 12px;
}

.dropdown-wrapper .dropdown-container .container-wrapper .custom-menu {
    top: 100%;
    position: absolute;
    width: 100%;
    z-index: 1000;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 4px 11px;
    margin-bottom: 8px;
    margin-top: 8px;
    box-sizing: border-box;
}

.dropdown-wrapper .dropdown-container .container-wrapper .custom-menu .custom-stack {
    display: flex;
    flex-direction: column;
    max-height: 285px;
}

.dropdown-wrapper .dropdown-container .container-wrapper .custom-menu .custom-stack .custom-group {
    padding: 0 8px;
    max-height: 185px;
    overflow-y: auto;
}

.dropdown-wrapper .dropdown-container .container-wrapper .custom-menu .custom-stack .custom-group .custom-group-heading {
    cursor: default;
    display: block;
    color: #999;
    font-size: 10px;
    font-weight: 500;
    margin-bottom: 2px;
    padding-left: 12px;
    padding-right: 12px;
    text-transform: uppercase;
}

.dropdown-wrapper .dropdown-container .container-wrapper .custom-menu .custom-stack .custom-group .custom-option {
    cursor: pointer;
    display: block;
    font-size: inherit;
    width: 100%;
    color: #000;
    background-color: transparent;
    padding: 8px 12px;
    box-sizing: border-box;
}

.dropdown-wrapper .dropdown-container .container-wrapper .custom-menu .custom-stack .custom-group .custom-option .custom-inner {
    align-items: center;
    display: flex;
    justify-content: space-between;
    font-size: 12px;
}

.dropdown-wrapper .dropdown-container .container-wrapper .custom-menu .custom-stack .new-client-group {
    padding: 8px 0;
    border-top: 1px solid #ECEBEA;
}

.dropdown-wrapper .dropdown-container .container-wrapper .custom-menu .custom-stack .new-client-group .custom-stack {
    display: flex;
    flex-direction: row;
    cursor: pointer;
    padding: 8px 16px;
}

.dropdown-wrapper .dropdown-container .container-wrapper .custom-menu .custom-stack .new-client-group .custom-stack .custom-icon {
    display: inline-block;
    transition: color 0.2s ease-in-out 0s;
    margin-top: 2px;
}

.dropdown-wrapper .dropdown-container .container-wrapper .custom-menu .custom-stack .new-client-group .custom-stack .custom-icon svg {
    display: inline-block;
    height: 13px;
}

.dropdown-wrapper .dropdown-container .container-wrapper .custom-menu .custom-stack .new-client-group .custom-stack .custom-info {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    width: 0px;
    margin-left: 8px;
}

.dropdown-wrapper .dropdown-container .container-wrapper .custom-menu .custom-stack .new-client-group .custom-stack .custom-info .custom-title {
    color: #403e3d;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    font-size: 13px;
    margin-bottom: 0 !important;
}

.dropdown-wrapper .dropdown-container .container-wrapper .custom-menu .custom-stack .new-client-group .custom-stack .custom-info .custom-description {
    color: #a09c98;
    font-size: 12px;
    margin-bottom: 0 !important;
}

.dropdown-wrapper .separator {
    margin-left: 8px;
}

.signatory-list {
    max-width: 580px;
    padding: 0 15px;
}

.primary-contact {
    display: flex;
    align-items: center;
    min-height: 56px;
    border-bottom: 1px solid rgb(236, 235, 234);
    justify-content: space-between;
}

.primary-contact .badge-success {
    background: #c5f6e6;
    color: #056647;
    font-size: 11px;
    padding: 2px 8px;
    height: 22px;
    line-height: 17px;
    margin-left: 5px;
}

.add-signatory-btn {
    height: 32px;
    font-size: 13px;
    background: #ecebea !important;
    color: #333 !important;
    line-height: 13px !important;
    text-transform: capitalize !important;
}

.add-signatory-container {
    display: flex;
    justify-content: space-between;
}

.remove-contact {
    width: 32px;
    background: #ecebea;
    height: 32px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.remove-contact i {
    font-size: 18px;
}

.primary-contact .popover-content {
    background: #fff;
    box-shadow: 0 8px 12px rgba(23, 30, 37, 0.15), 0 0 1px rgba(23, 30, 37, 0.31);
    min-width: 182px;
    border-radius: 3px;
    padding: 0 !important;
}

.primary-contact .popover-content span {
    padding: 8px 16px;
    font-size: 13px;
    color: #000;
    display: block;
    cursor: pointer;
}

.primary-contact .popover-content span:hover {
    background: #ecebea !important;
}

.primary-contact .popover-content span:last-child {
    color: #df524a;
}

.primary-contact .popover .arrow {
    display: none !important;
}

.date-container {
    position: relative;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
}

.date-container input {
    padding: 7px 15px;
    outline: none;
    color: #000;
    border: 1px solid #d5d4d2;
    font-size: 13px;
    border-radius: 5px;
}

.date-container .date-icon {
    position: absolute;
    top: 8px;
    right: 10px;
    cursor: pointer;
    color: #aaa;
}

.contract-custom-length {
    margin-bottom: 24px;
}

.contract-custom-length input {
    padding: 6px 15px;
    outline: none;
    color: #000;
    border: 1px solid #d5d4d2;
    font-size: 13px;
    width: 92px;
}

.minimum-contract-term {
    display: flex;
    flex-direction: column;
}

#addServiceModal .modal-dialog {
    max-width: 400px;
}

#addServiceModal .modal-dialog .modal-content {
    height: 360px;
}

#addServiceModal .modal-dialog .modal-content .modal-body {
    padding: 16px 16px 0 16px;
}

.date-presets-wrapper {
    display: flex;
    transition: all 0.5s cubic-bezier(0.225, 0.5, 0.165, 1) 0s;
    margin: 24px 0;
}

.date-presets-wrapper .date-preset-item {
    margin-right: 8px;
}

.date-presets-wrapper .date-preset-item .text {
    color: #807D7A;
    margin-bottom: 8px;
}

.date-presets-wrapper .date-preset-item .tab {
    background: rgb(255, 255, 255);
    border-width: 1px;
    border-style: dashed;
    border-color: #9C96F0;
    border-radius: 10px;
    color: #7169EA;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: 1;
    margin-bottom: 4px;
    padding: 4px 24px;
    text-align: center;
    transition: all 0.3s ease 0s;
    margin-right: 8px;
}

.date-presets-wrapper .date-preset-item .tab:hover {
    border: 1px solid;
    background: #E8E7FF;
    font-weight: 500;
}

.add-client-btn-for-proposal {
    height: 32px;
    font-size: 13px;
    background: #ecebea !important;
    color: #333 !important;
    line-height: 13px !important;
    text-transform: capitalize !important;
}

.add-client-btn-for-proposal:hover,
.add-signatory-btn:hover {
    background: #d5d4d2 !important;
    transform: none !important;
    box-shadow: none !important;
}

#clientModal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

#clientModal.right.fade.in .modal-dialog {
    right: 0;
    position: absolute;
    margin: 10px !important;
    width: 1000px;
}

#serviceDropdown .dropdown-container {
    width: 368px;
}

#serviceDropdown .dropdown-container .container-wrapper .custom-menu {
    box-shadow: none !important;
}

#serviceDropdown .dropdown-container .container-wrapper .custom-menu .custom-stack .custom-group {
    padding: 0 !important
}

.service-loader {
    margin-top: 10px;
    text-align: center;
}

#serviceTypeModal .modal-content {
    padding: 24px 16px 24px 24px;
}

#serviceTypeModal .modal-content .modal-header {
    padding: 0 0 8px 0 !important;
}

#serviceTypeModal .modal-content .modal-body {
    padding: 16px 0 0 0 !important;
}

#serviceTypeModal .modal-content .modal-body .card-group {
    padding: 16px 0;
}

.back-btn {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: absolute;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 1.2;
    border-radius: 5px;
    height: 32px;
    min-width: 32px;
    font-size: 11px;
    padding: 0 10px;
    color: #A09C98;
    background: transparent;
    right: 40px;
    top: 18px;
    border: none;
}

.back-btn .back-btn-stack {
    display: inline-flex;
    align-self: center;
    flex-shrink: 0;
    margin-inline-end: 0.5rem;
}

.back-btn .back-btn-stack span {
    display: inline-block;
    transition: color 0.2s ease-in-out 0s;
}

.back-btn .back-btn-stack span svg {
    display: inline-block;
    height: 11px;
}

.service-type-modal-close-btn svg {
    width: 9px;
    height: 9px;
    display: inline-block;
    line-height: 9px;
    color: #A09C98;
    vertical-align: middle;
    position: absolute;
    top: 28px;
    right: 20px;
    cursor: pointer;
}

.w-280 {
    width: 280px !important;
}

.no-record-container {
    margin-top: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 0;
    width: 100%;
}

.no-record-container .inner-container {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
}

.no-record-container .inner-container img {
    max-width: 100%;
    height: auto;
}

.no-record-container .inner-container h4 {
    font-size: 16px;
    margin-bottom: 0 !important;
}

.no-record-container .inner-container p {
    font-size: 13px;
    margin: 12px 0 0 !important;
}

/*proposal service css*/
.f18 {
    font-size: 18px;
}

.show-proposal {
    display: flex;
    flex-direction: column;
    background-color: #fafafa;
    width: 100%;
    margin-top: 10px;
}

.curve-img {
    max-width: 100%;
    height: auto;
    margin-bottom: 4px;
}

.show-proposal-options {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 26px;
    position: relative;
}

.show-proposal-box {
    position: absolute;
}

.show-proposal-btn {
    border: none;
    vertical-align: middle;
    background: #fff;
    font-size: 12px;
    font-weight: 600;
    z-index: 2;
    cursor: pointer;
}

.white-box {
    background-color: #FFFFFF;
    height: 4px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 2;
}

.show-proposal-btn i {
    margin-left: 5px;
    font-weight: 600;
    font-size: 14px;
}

.rate-section {
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    margin-top: 12px;
    padding: 12px 24px;
    align-items: center;
}

.rate-section span {
    display: block;
    text-align: start;
    margin-inline-end: 12px;
    margin-bottom: 0px;
    font-size: 12px;
    font-weight: 500;
}

.project-wrapper {
    padding: 0px 24px;
    margin-bottom: 16px;
}

.project-wrapper .project-header {
    margin-bottom: 12px;
    display: flex;
    justify-content: center;
}

.project-wrapper .project-header form .project-name {
    width: 572px;
    font-size: 16px;
    height: 48px;
    text-align: center;
    border: none;
    background-color: #fafafa;
    border-bottom: 1px solid #ECEBEA;
    outline: transparent solid 2px;
    color: #403e3d;
}

.project-wrapper .project-header form .project-name:focus-visible {
    border-color: rgb(113, 105, 234);
    box-shadow: rgb(113, 105, 234) 0px 1px 0px 0px;
}

.project-wrapper .service-group {
    background-color: rgb(255, 255, 255);
    border-radius: 3px;
    border-width: 1px;
    margin-bottom: 16px;
    position: relative;
}

.project-wrapper .service-group:last-child {
    margin-bottom: 9 !important;
}

.project-wrapper .service-group .service-group-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0;
    border: 1px solid #ECEBEA;
    border-bottom: 0px;
}

.project-wrapper .service-group .service-group-header .recurring-part {
    display: flex;
    align-items: center;
}

.project-wrapper .service-group .service-group-header .recurring-part .service-group-header-content {
    display: flex;
    -webkit-box-align: baseline;
    align-items: baseline;
    flex-direction: row;
    cursor: pointer;
}

.project-wrapper .service-group .service-group-header .recurring-part .service-group-header-content .service-group-title {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0 !important;
    display: inline;
    color: #403e3d;
}

.project-wrapper .service-group .service-group-header .recurring-part .service-group-header-content .dot {
    width: 6px;
    height: 6px;
    background: #403e3d;
    border-radius: 50%;
    margin-left: 8px;
}

.project-wrapper .service-group .service-group-header .recurring-part .service-group-header-content .sub-title {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    cursor: pointer;
    margin-left: 8px;
}

.project-wrapper .service-group .service-group-header .recurring-part .service-group-header-content .sub-title span:first-child {
    font-size: 13px !important;
}

.project-wrapper .service-group .service-group-header .recurring-part .arrow-down {
    margin-left: 6px;
    display: flex;
    transition: color 0.2s ease-in-out 0s;
    color: #403e3d;
}

.project-wrapper .service-group .service-group-header .recurring-part .arrow-down svg {
    display: inline-block;
    height: 13px;
}

.project-wrapper .service-group .service-group-header .service-group-subtotal {
    display: flex;
    align-items: center;
}

.project-wrapper .service-group .service-group-header .service-group-subtotal .subtotal-text-box {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
}

.project-wrapper .service-group .service-group-header .service-group-subtotal .subtotal-text-box .sub-total {
    font-size: 13px;
    margin-bottom: 0;
    line-height: 20px;
}

.project-wrapper .service-group .service-group-header .service-group-subtotal .subtotal-text-box .tax {
    font-size: 11px;
    margin-bottom: 0;
    line-height: 16px;
}

.project-wrapper .service-group .service-group-header .service-group-subtotal #sub-amt {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 500;
    margin-inline-start: 16px;
}

.project-wrapper .service-group .service-table {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #ECEBEA;
}

.project-wrapper .service-group .service-table tr {
    border-top: 1px solid #ECEBEA;
    border-bottom: 1px solid #ECEBEA;
}

.project-wrapper .service-group .service-table tr th {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: start;
    letter-spacing: 0.05em;
    padding: 9px 12px;
    color: #807D7A;
}

.project-wrapper .service-group .service-table tr td {
    font-size: 12px;
    font-weight: 500;
    text-transform: capitalize;
    text-align: start;
    padding: 13px 12px;
    color: #807D7A;
}

.project-wrapper .service-group .service-table tr td .qty-amt-box {
    display: flex;
    align-items: center;
}

.project-wrapper .service-group .service-table tr td .qty-amt-box #cross {
    margin: 0px 10px;
    font-weight: 700;
}

.project-wrapper .service-group .service-table tr td .qty-amt-box #qty-val {
    width: 46px;
    font-size: 12px;
    height: 32px;
    border: none;
    background-color: rgb(255, 255, 255);
    border-bottom: 1px solid #ECEBEA;
    outline: transparent solid 2px;
}

.project-wrapper .service-group .service-table tr td .qty-amt-box #qty-val:focus-visible {
    border-color: rgb(113, 105, 234);
    box-shadow: rgb(113, 105, 234) 0px 1px 0px 0px;
}

.project-wrapper .service-group .service-table tr td .qty-amt-box #amt-val {
    width: 90px;
    font-size: 12px;
    height: 32px;
    border: none;
    background-color: rgb(255, 255, 255);
    border-bottom: 1px solid #ECEBEA;
    outline: transparent solid 2px;
}

.project-wrapper .service-group .service-table tr td .qty-amt-box #amt-val:focus-visible {
    border-color: rgb(113, 105, 234);
    box-shadow: rgb(113, 105, 234) 0px 1px 0px 0px;
}

.add-btn {
    height: 26px !important;
    font-size: 12px !important
}

.add-btn i {
    margin-right: 6px;
}

.project-wrapper .add-service-type {
    display: inline-flex;
    align-items: center;
}

.project-wrapper .add-service-type .add-service-type-btn {
    border: none !important;
    background-color: transparent !important;
    cursor: pointer;

}

.project-wrapper .add-service-type .add-service-type-btn:hover {
    background-color: rgb(240, 240, 240);
}

.project-wrapper .add-service-type .down-arrow-btn:hover {
    background-color: rgb(240, 240, 240);
}

.project-wrapper .add-service-type .add-service-type-btn i {
    vertical-align: middle;
    margin-right: 6px;
}

.project-wrapper .add-service-type hr {
    opacity: 0.6;
    border-width: 0px 0px 0px 1px;
    border-image: initial;
    border-color: #D5D4D2;
    border-style: solid;
    height: auto;
    align-self: stretch;
    height: 32px;
}

.project-wrapper .add-service-type .down-arrow-btn {
    border: none;
    padding: 10px;
    background-color: #fafafa;
    cursor: pointer;
    font-size: 22px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.minimum-val-container {
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    max-width: 1600px;
    width: 100%;
}

.minimum-val-box {
    position: fixed;
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #FFFFFF;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 12px 16px;
    box-shadow: 0 3px 5px rgba(23, 30, 37, 0.2), 0 0 1px rgba(23, 30, 37, 0.31);
    z-index: 1;
    bottom: 0;
}

.minimum-val-box i {
    vertical-align: bottom;
}

.minimum-amt {
    font-size: 16px;
    font-weight: 500;
    padding-left: 16px;
}

.ques-icon {
    margin: 0px 16px 0px 8px;
}

.ques-icon i {
    color: #5A51E7;
}

.minimum-val-container .min-text {
    font-size: 13px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 20px;
    margin-bottom: 0 !important;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #2196F3;
}

input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.text-end {
    text-align: end !important;
}

.dot-btn {
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition-duration: 200ms;
    height: 26px;
    width: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    background: #ECEBEA;
}

.dot-btn span {
    display: flex;
    align-items: center;
    height: 26px;
}

.dot-btn span svg {
    display: inline-block;
    height: 14px;
}

.service-group:hover .invisible-sec {
    opacity: 1;
}

.dot-btn i {
    color: #000000b0;
}

.first-td {
    text-align: center !important;
    padding-right: 0px !important;
}

.ml10 {
    margin-left: 10px;
}

.slider-proposal-options .title-proposal {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px;
}

.slider-proposal-options .text-proposal {
    font-size: 13px;
    font-weight: 500;
}

.proposal-container {
    background: #fff;
    min-height: 14px;
    border-bottom: 1px solid #ECEBEA;
    margin-top: calc(16px * -1);
    padding: 0 24px;
}

.proposal-container .collapse {
    display: flex;
    justify-content: space-between;
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: all 0.2s ease-in-out;
    min-height: 14px;
    align-items: center;
}

.show-section {
    opacity: 1 !important;
    height: 90px !important;
    transition: height 0.5s, opacity 0.5s !important;
}

#close-btn {
    border: none;
    background: #fff;
    cursor: pointer;
}

.invisible-sec {
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
}

.invisible-th {
    width: 40px;
    padding: 17px 12px;
}

.invisible-td {
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 24px 12px;
}

.service-wrapper {
    margin: 0 -30px;
    padding: 16px 24px;
    height: 100%;
    background: #fafafa;
}

.service-wrapper-conatainer {
    display: flex;
    align-items: center;
    justify-content: center;
}

.service-wrapper-conatainer .inner-container {
    width: 100%;
    max-width: 1600px;
}

.service-stack {
    display: flex;
    flex-direction: column;
}

.proposal-options-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.proposal-options-inner-wrapper {
    flex: 0 0 auto;
    width: calc(100vw - 250px);
}

.ng-repeat-reorder-parent,
[ng-repeat-reorder] {
    z-index: 10;
    position: relative;
}

[ng-repeat-reorder].dragging {
    z-index: 11;
    position: absolute;
}

.active-drag-below {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.recurring-part .serviceTypePopoverContent {
    max-width: 600px;
    position: absolute;
    top: 50px;
    left: 40px;
    z-index: 99;
}

.recurring-part .popover-content {
    position: relative;
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    width: 600px;
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border: 1px solid #ECEBEA;
    border-radius: 5px;
    box-shadow: 0 8px 12px rgba(23, 30, 37, 0.15), 0 0 1px rgba(23, 30, 37, 0.31);
    z-index: inherit;
    margin: 0px;
    padding: 0 !important;
}

.recurring-part .popover-content .arrow-positioner {
    width: 8px;
    height: 8px;
    z-index: -1;
    position: absolute;
    left: 0px;
    transform: translate(34px, 0px);
    top: -4px;
}

.recurring-part .popover-content .arrow-positioner .arrow-icon {
    transform: rotate(45deg);
    background: #FFFFFF;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: inherit;
    box-shadow: -1px -1px 1px 0 #ECEBEA;
}

.recurring-part .popover-content .popover-body {
    padding: 16px;
    display: flex;
    align-items: center;
    min-height: 250px;
}

.recurring-part .popover-content .popover-body .billing-rules-form {
    width: 100%;
}

.recurring-part .popover-content .popover-body .billing-rules-form .billing-rule-form-control {
    width: 100%;
    position: relative;
    margin-bottom: 24px;
}

.recurring-part .popover-content .popover-body .billing-rules-form .billing-rule-form-control .billing-rule-form-label {
    display: block;
    text-align: start;
    font-size: 13px;
    margin-inline-end: 9px;
    margin-bottom: 6px;
    font-weight: 500;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: 200ms;
    opacity: 1;
}

.recurring-part .popover-content .popover-body .billing-rules-form .billing-rule-form-control .stack-option {
    display: inline-flex;
    flex-direction: column;
}

.recurring-part .popover-content .popover-body .billing-rules-form .billing-rule-form-control .stack-option .button-group {
    display: inline-flex;
    z-index: 0;
}

.recurring-part .popover-content .popover-body .billing-rules-form .billing-rule-form-control .stack-option .button-group span {
    border: 1px solid #ecebea;
    background-color: #ffffff;
    color: #000;
    margin-top: 5px;
    min-width: 130px;
    font-size: 12px;
    text-transform: capitalize;
    padding: 6px 15px;
    cursor: pointer;
    border-radius: 5px;
}

.recurring-part .popover-content .popover-body .billing-rules-form .billing-rule-form-control .stack-option .button-group span:first-child {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.recurring-part .popover-content .popover-body .billing-rules-form .billing-rule-form-control .stack-option .button-group span:nth-child(2) {
    border-radius: 0 !important;
}

.recurring-part .popover-content .popover-body .billing-rules-form .billing-rule-form-control .stack-option .button-group span:last-child {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left: none;
}

.active-service-type {
    background-color: #e8e7fe !important;
    color: #524ace !important;
    border: 1px solid #524ace !important;
}

.recurring-part .popover-content .popover-body .billing-rules-form .option-2-container {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
}

.recurring-part .popover-content .popover-body .billing-rules-form .option-2-container .billing-form-control {
    display: flex;
    flex-direction: row;
    width: 100%;
    position: relative;
    -webkit-box-align: baseline;
    align-items: baseline;
    margin-top: calc(16px * -1);
}

.recurring-part .popover-content .popover-body .billing-rules-form .option-2-container .billing-form-control .billing-form-label {
    display: block;
    text-align: start;
    font-size: 13px;
    margin: 0 9px 6px 0;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: 200ms;
    opacity: 1;
    font-weight: 500;
}

.recurring-part .popover-content .popover-body .billing-rules-form .option-2-container .billing-form-control .stack {
    margin-left: 8px;
    display: flex;
    flex-direction: row;
}

.recurring-part .popover-content .popover-body .billing-rules-form .option-2-container .billing-form-control .stack input {
    width: 100%;
    min-width: 52px;
    outline: transparent solid 2px;
    outline-offset: 2px;
    position: relative;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: 200ms;
    font-size: 13px;
    padding: 0 13px;
    height: 32px;
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-color: #cccccc;
    background: rgb(255, 255, 255);
    max-width: 52px;
    text-align: center;
    margin-right: 4px;
}

.service-type-select-container .custom-select-input {
    width: 125px;
    border: 1px solid #cccccc !important;
}

.recurring-part .popover-content .popover-body .billing-rules-form .billing-rule-form-control .stack-option .bill-on-group span {
    min-width: 135px;
}

.recurring-part .popover-content .popover-body .billing-rules-form .billing-rule-form-control .stack-option .end-billing-group span {
    min-width: 195px;
}

.recurring-part .popover-content .popover-body .billing-rules-form .billing-rule-form-control .stack-option .end-billing-group span:nth-child(2) {
    border-radius: 5px !important;
}

.recurring-part .popover-content .popover-body .billing-rules-form .btn-container {
    margin-top: 24px;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.recurring-part .popover-content .popover-body .billing-rules-form .btn-container .cancel-btn {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 1.2;
    border-radius: 5px;
    font-weight: 600;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: 200ms;
    height: 32px;
    min-width: 32px;
    font-size: 13px;
    padding: 0 13px;
    background: #ECEBEA;
    border: transparent;
}

.recurring-part .popover-content .popover-body .billing-rules-form .btn-container .save-btn {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 1.2;
    border-radius: 5px;
    font-weight: 600;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: 200ms;
    height: 32px;
    min-width: 32px;
    font-size: 13px;
    padding: 0 13px;
    background: #5A51E7;
    color: #fff;
    margin-left: 8px;
    border: transparent;
}

.recurring-part .popover-content .popover-body .billing-rules-form .deposit-billing-rule {
    display: flex;
    flex-direction: column;
}

.recurring-part .popover-content .popover-body .billing-rules-form .deposit-billing-rule .schedule {
    display: flex;
    flex-direction: column;
    width: 250px;
}

.recurring-part .popover-content .popover-body .billing-rules-form .deposit-billing-rule .schedule .form-control {
    width: 100%;
    position: relative;
    margin-bottom: 0px;
    border: none !important;
    padding: 0 !important;
}

.recurring-part .popover-content .popover-body .billing-rules-form .deposit-billing-rule .schedule .form-control label {
    display: block;
    text-align: start;
    font-size: 13px;
    margin-inline-end: 8px;
    margin-bottom: 6px;
    font-weight: 500;
    opacity: 1;
}

.recurring-part .popover-content .popover-body .billing-rules-form .deposit-billing-rule .schedule .form-control input {
    width: 100%;
    min-width: 0px;
    outline: transparent solid 2px;
    outline-offset: 2px;
    position: relative;
    font-size: 13px;
    padding-inline-start: 13px;
    padding-inline-end: 13px;
    height: 32px;
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-color: #cccccc;
    background: rgb(255, 255, 255);
}

.recurring-part .popover-content .popover-body .billing-rules-form .deposit-billing-rule .schedule-2 {
    display: flex;
    flex-direction: column;
    width: 250px;
    margin-top: 32px;
}

.recurring-part .popover-content .popover-body .billing-rules-form .deposit-billing-rule .schedule .bill-on-control {
    margin-top: 8px;
}

.recurring-part .popover-content .popover-body .billing-rules-form .deposit-billing-rule .schedule .bill-on-control .custom-datepicker {
    margin: 0 !important;
    width: 250px;
}

.recurring-part .popover-content .popover-body .billing-rules-form .deposit-type-warning {
    display: flex;
    flex-direction: row;
    border-radius: 3px;
    padding: 16px;
    margin-bottom: 24px;
    background: #fff8db;
}

.recurring-part .popover-content .popover-body .billing-rules-form .deposit-type-warning .icon-container {
    line-height: 1.1;
    color: #d97706;
}

.recurring-part .popover-content .popover-body .billing-rules-form .deposit-type-warning .icon-container span {
    display: inline-block;
    font-size: 18px;
    transition: color 0.2s ease-in-out 0s;
}

.recurring-part .popover-content .popover-body .billing-rules-form .deposit-type-warning .icon-container span svg {
    display: inline-block;
    height: 18px;
}

.recurring-part .popover-content .popover-body .billing-rules-form .deposit-type-warning .content {
    margin-left: 16px;
    font-size: 13px;
    flex: 1 1 0%;
}

.recurring-part .popover-content .popover-body .billing-rules-form .billing-form-control .info-container {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    margin-right: 12px;
}

.recurring-part .popover-content .popover-body .billing-rules-form .billing-form-control .info-container .text {
    font-size: 13px;
}

.recurring-part .popover-content .popover-body .billing-rules-form .billing-form-control .info-container span {
    margin-left: 4px;
    cursor: pointer;
    display: inline-block;
    transition: color 0.2s ease-in-out 0s;
    color: #5a51e7;
}

.recurring-part .popover-content .popover-body .billing-rules-form .billing-form-control .info-container span svg {
    display: inline-block;
    height: 13px;
}

.recurring-part .popover-content .popover-body .billing-rules-form .option-2-container .specific-date-container {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    align-self: flex-end;
    width: 100%;
}

.recurring-part .popover-content .popover-body .billing-rules-form .option-2-container .specific-date-container .info-section p {
    font-size: 11px;
    margin-bottom: 0 !important;
}

.recurring-part .popover-content .popover-body .billing-rules-form .option-2-container .specific-date-container .info-section .info-container {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    margin-right: 12px;
}

.recurring-part .popover-content .popover-body .billing-rules-form .option-2-container .specific-date-container .info-section .info-container .text {
    font-size: 13px;
}

.recurring-part .popover-content .popover-body .billing-rules-form .option-2-container .specific-date-container .info-section .info-container span {
    margin-left: 4px;
    cursor: pointer;
    display: inline-block;
    transition: color 0.2s ease-in-out 0s;
    color: #5a51e7;
}

.recurring-part .popover-content .popover-body .billing-rules-form .option-2-container .specific-date-container .info-section .info-container span svg {
    display: inline-block;
    height: 13px;
}

.recurring-part .popover-content .popover-body .billing-rules-form .option-2-container .specific-date-container .date-container {
    margin: 0 !important;
    width: 196px;
}

.animate-show {
    -webkit-transition: all linear 0.5s;
    transition: all linear 0.5s;
    opacity: 1;
}

.animate-show.ng-hide-add,
.animate-show.ng-hide-remove {
    display: inline-block !important;
}

.animate-show.ng-hide {
    opacity: 0;
}

.custom-popover {
    position: relative;
}

.custom-popover .popover {
    left: -145px !important;
    border: none !important;
}

.custom-popover .popover .arrow {
    display: none !important;
}

.custom-popover .popover-content {
    background: #fff;
    box-shadow: 0 8px 12px rgba(23, 30, 37, 0.15), 0 0 1px rgba(23, 30, 37, 0.31);
    min-width: 182px;
    border-radius: 3px;
    padding: 0 !important;
}

.service-type-popover .popover-content {
    min-width: 190px;
}

.custom-popover .popover-content .item {
    padding: 8px 16px;
    font-size: 13px;
    color: #000;
    display: flex;
    cursor: pointer;
}

.custom-popover .popover-content .item .text {
    font-size: 12px;
}

.custom-popover .popover-content .item .icon-wrapper {
    flex-shrink: 0;
    font-size: 0.8em;
    margin-inline-end: 10px;
    margin-top: 4px;
}

.custom-popover .popover-content .item .icon-wrapper span {
    display: inline-block;
    transition: color 0.2s ease-in-out 0s;
}

.custom-popover .popover-content .item .icon-wrapper span svg {
    display: inline-block;
    height: 10px;
}

.custom-popover .popover-content .item:hover {
    background: #ecebea !important;
}

.custom-popover .popover-content .item:last-child {
    color: #df524a;
}

#serviceEditModal.right.fade.in .modal-dialog {
    right: 0;
    position: absolute;
    margin: 10px !important;
    width: 700px;
    background: #fff;
}

#serviceEditModal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.custom-page-title {
    margin: 0 0 20px 0 !important;
}

.proposal-header .first-header .btn-container .btn-preview .icon-preview {
    vertical-align: middle;
    font-weight: 800;
    margin-right: 4px;
}

.proposal-header .first-header .btn-container .btn-line {
    opacity: 0.6;
    border-width: 0px 0px 0px 1px;
    border-image: initial;
    border-color: #BDBAB7;
    border-style: solid;
    height: 32px;
    margin: 0px 8px;
}

.proposal-header .first-header .top-btn-container {
    display: flex;
    align-items: center;
}

.proposal-header .first-header .top-btn-container .btn-preview {
    margin-right: 10px;
}

.proposal-header .first-header .top-btn-container .arrow-down-btn {
    margin-left: 2px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.proposal-header .first-header .top-btn-container .arrow-down-btn i {
    font-size: 18px;
}

.proposal-header .first-header .top-btn-container .btn-template {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.proposal-header .first-header .top-btn-container .btn-save {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.proposal-header .first-header .top-btn-container .not-saved-box {
    display: flex;
    align-items: center;
    margin-right: 20px;
}

.proposal-header .first-header .top-btn-container .not-saved-box .circle-icon {
    width: 8px;
    height: 8px;
    border-radius: 9999px;
    background-color: #D97706;
    margin-right: 6px;
}

.proposal-header .first-header .top-btn-container .not-saved-box p {
    font-size: 12px;
    margin: 0px;
}

/* Modal css*/

/* Modal Css Start*/
.edit-email-preview-conatiner {
    display: none;
    position: fixed;
    z-index: 9999;
    margin-top: 25px;
    /* z-index: 0; */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.edit-email-preview-conatiner .modal-dialog {
    height: 98%;
}

@media (min-width: 768px) {
    .edit-email-preview-conatiner .modal-dialog {
        width: 687px !important;
    }
}

@media (min-width: 994px) {
    .edit-email-preview-conatiner .modal-dialog {
        width: 994px !important;
    }
}

@media (min-width: 1200px) {
    .edit-email-preview-conatiner .modal-dialog {
        width: 1100px !important;
    }
}

@media (min-width: 1400px) {
    .edit-email-preview-conatiner .modal-dialog {
        width: 1400px !important;
    }
}

.edit-email-preview-conatiner .modal.show {
    display: block;
}

.edit-email-preview-conatiner .model-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #80808047;
}

.edit-email-preview-conatiner .modal-content {
    padding: 14px 28px;
    height: 100%;
}

.edit-email-preview-conatiner .model-header label {
    display: block;
    text-align: start;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 8px;
}

.edit-email-preview-conatiner .model-header .template-close-btn {
    border: none;
    padding: 5px 18px;
    color: #000;
    font-weight: 700;
}

.edit-email-preview-conatiner .model-header .template-close-btn i {
    vertical-align: text-bottom;
    color: #000;
}

.edit-email-preview-conatiner .model-header i {
    font-size: 20px;
    color: #808080c2;
    cursor: pointer;
}

.edit-email-preview-conatiner .model-body {
    display: flex;
    height: 93%;
}

.edit-email-preview-conatiner .model-body .mb-left-box {
    width: 20%;
    /* margin-right: 24px; */
    margin-top: 24px;
    overflow-y: auto;
}

.edit-email-preview-conatiner .model-body .mb-right-box {
    width: 80%;
    border-left: 1px solid #F5F5F4;
    padding: 24px 0px 24px 24px;
}

.edit-email-preview-conatiner .model-body .mb-right-box .editing-title-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.edit-email-preview-conatiner .model-body .mb-right-box .editing-title-container p {
    font-size: 22px;
    color: #201F1E;
    margin-bottom: 0px;
}

.edit-email-preview-conatiner .model-body .mb-right-box .editing-title-container .btn-box {
    display: flex;
}

.edit-email-preview-conatiner .model-body .mb-right-box .editing-title-container .btn-box .edit-btn {
    font-size: 12px;
    text-transform: capitalize;
    background: #F4502A;
    color: #fff;
    border: 0px;
    padding: 8px 10px;
    border-radius: 4px;
}

.edit-email-preview-conatiner .model-body .mb-right-box .editing-title-container .btn-box .edit-btn-color {
    background: #ecebea !important;
    color: #000 !important;
    font-weight: 600;
    margin-right: 6px;
}

.edit-email-preview-conatiner .model-body .mb-right-box .form-box {
    margin-top: 30px;
}

.edit-email-preview-conatiner .model-body .mb-right-box .form-box .template-sign-required {
    color: red;
}

.edit-email-preview-conatiner .model-body .mb-right-box .template-field {
    padding: 6px 12px !important;
    border: 1px solid #ccc;
}

.edit-email-preview-conatiner .model-body .mb-left-box .sample-container {
    margin-right: 20px;
}

.edit-email-preview-conatiner .model-body .mb-left-box .sample-box {
    padding: 16px;
    border: 1px solid #80808033;
    border-radius: 3px;
    background: #fff;
    margin-bottom: 15px;
    cursor: pointer;
}

.edit-email-preview-conatiner .model-body .mb-left-box .edit-add-btn {
    border: 0;
    padding: 8px 10px;
    border-radius: 4px;
    background: #e3e0e0fa;
    font-weight: 600;
}

.edit-email-preview-conatiner .model-body .mb-left-box .demo-box {
    padding: 16px;
    border: 1px solid #80808033;
    border-radius: 3px;
    background-color: #fff;
    margin-bottom: 15px;
}

.edit-email-preview-conatiner .model-body .mb-left-box .demo-box:hover {
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}

.edit-email-preview-conatiner .model-body .mb-left-box .demo-box .text-1 {
    font-size: 14px;
    margin-bottom: 0px;
}

.edit-email-preview-conatiner .model-body .mb-left-box .demo-box .text-2 {
    font-size: 11px;
    color: #A09C98;
}

.edit-email-preview-conatiner .model-body .mb-left-box .demo-box .red-line {
    width: 39px;
    background-color: red;
    height: 4px;
    margin: 12px 0px;
    display: block;
    border-radius: 4px;
}

.edit-email-preview-conatiner .model-body .mb-left-box .sample-box .text-1 {
    font-size: 14px;
    margin-bottom: 0px;
}

.edit-email-preview-conatiner .model-body .mb-left-box .sample-box .text-2 {
    font-size: 11px;
    color: #A09C98;
}

.edit-email-preview-conatiner .model-body .mb-left-box .sample-box span {
    background: #C5F6E6;
    padding: 4px 8px;
    font-size: 11px;
    border-radius: 18px;
}

.edit-email-preview-conatiner .model-body .mb-left-box .sample-box .new-label {
    background-color: #FDEDAA !important;
    color: #92400E !important;
    margin-top: 10px;
}

/* Modal Css End*/

.dropdown-wrapper .custom-ui-select {
    min-width: 340px;
}

.custom-ui-select .ui-select-match {
    height: 32px !important;
    background-image: none !important;
    border: 1px solid #cccccc !important;
}

.custom-ui-select .ui-select-match .ui-select-toggle {
    border-left: none !important;
    background: #fff !important;
    background-image: none !important;
    top: 8px !important;
}

.custom-ui-select .ui-select-match .ui-select-toggle b {
    height: 12px !important;
    background: url(../images/icons/ui-select-arrow.svg) no-repeat 0 1px !important;
}

.custom-ui-select.select2-dropdown-open .select2-choice {
    background-color: #fff !important;
}

.custom-ui-select .select2-search {
    min-height: 32px !important;
}

.custom-ui-select .select2-search input {
    border-radius: 4px !important;
    border: 1px solid #cccccc !important;
    background: none !important;
    width: 330px !important;
}

.custom-ui-select .select2-results .select2-result-label {
    font-size: 12px !important;
}

.select2-results .select2-highlighted {
    background: #3875d7 !important;
}

.custom-ui-select.select2-container-active .select2-choice {
    box-shadow: none !important;
}

.custom-ui-select.select2-container .select2-choice>.select2-chosen {
    font-size: 13px !important;
}

.custom-ui-select .select2-results li {
    padding: 3px 0 !important;
}

.custom-ui-select .select2-results::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.custom-ui-select .select2-results::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.custom-ui-select .select2-results::-webkit-scrollbar-thumb {
    background-color: #676a6d;
    border-radius: 13px;
}

.custom-ui-select .select2-drop-active {
    border: 1px solid #cccccc !important;
    border-top: none !important;
}

.proposal-not-ready-container {
    display: flex;
    flex-direction: row;
    border-radius: 3px;
    padding: 16px;
    margin-bottom: 24px;
    background: #fde7e7;
}

.proposal-not-ready-container .icon-container {
    line-height: 1.1;
    color: #dd2222;
}

.proposal-not-ready-container .icon-container span {
    display: inline-block;
    font-size: 18px;
    transition: color 0.2s ease-in-out 0s;
}

.proposal-not-ready-container .icon-container span svg {
    display: inline-block;
    height: 18px;
}

.proposal-not-ready-container .content-container {
    margin-left: 16px;
}

.proposal-not-ready-container .content-container .text {
    font-size: 13px;
}

.proposal-container .proposal-tab-container {
    display: block;
}

.proposal-container .proposal-tab-container .tab-list {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-top-color: inherit;
    border-right-color: inherit;
    border-left-color: inherit;
    -webkit-box-align: center;
    align-items: center;
    border-bottom-color: transparent;
}

.proposal-container .proposal-tab-container .tab-list .tab .option-tab {
    outline: transparent solid 2px;
    outline-offset: 2px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    font-size: 13px;
    padding: 6px 0;
    border-bottom-width: 2px;
    /* border-bottom-style: solid; */
    border-color: #7169EA;
    margin-bottom: 0px;
    margin-right: 32px;
    color: #000;
}

.proposal-container .proposal-tab-container .tab-list .tab .option-tab .empty {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 33px;
}

.proposal-container .proposal-tab-container .tab-list .tab .option-tab .option-name {
    user-select: none;
}

.proposal-container .proposal-tab-container .tab-list .tab .option-tab .ellipsis-icon span {
    display: inline-block;
}

.proposal-container .proposal-tab-container .tab-list .tab .option-tab .ellipsis-icon span .action-btn {
    display: inline-flex;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 1.2;
    border-radius: 5px;
    height: 26px;
    min-width: 26px;
    padding: 0;
    margin-left: 8px;
    background: transparent;
    color: #201f1e;
    border: none;
}

.proposal-container .proposal-tab-container .tab-list .tab .option-tab .ellipsis-icon span .action-btn span {
    display: inline-block;
}

.proposal-container .proposal-tab-container .tab-list .tab .option-tab .ellipsis-icon span .action-btn span svg {
    display: inline-block;
    height: 11px;
}

.proposal-container .proposal-tab-container .tab-list .add-option-button {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 1.2;
    border-radius: 5px;
    height: 26px;
    min-width: 26px;
    padding: 0 9px;
    background: transparent;
    color: #201f1e;
    font-size: 12px;
    cursor: pointer;
}

.proposal-container .proposal-tab-container .tab-list .add-option-button:hover {
    background: #ecebea !important;
}

.proposal-container .proposal-tab-container .tab-list .add-option-button .btn-icon {
    display: inline-flex;
    align-self: center;
    flex-shrink: 0;
    margin-inline-end: 6px;
}

.proposal-container .proposal-tab-container .tab-list .add-option-button .btn-icon span {
    display: inline-block;
}

.proposal-container .proposal-tab-container .tab-list .add-option-button .btn-icon span svg {
    display: inline-block;
    height: 11px;
}

.tinymce-toolbar-container,
.tox-silver-sink {
    z-index: 9999 !important;
}

#clientSignatoryModal .modal-dialog {
    max-width: 460px !important;
}

#clientSignatoryModal .modal-header {
    display: flex;
    padding: 0 !important;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ECEBEA !important;
    margin: 24px 24px 12px 24px;
}

#clientSignatoryModal .modal-header::before,
#clientSignatoryModal .modal-header::after {
    content: unset !important;
    display: unset !important;
}

#clientSignatoryModal .modal-header .text {
    font-size: 16x;
    display: inline;
}

#clientSignatoryModal .modal-header .close-icon {
    cursor: pointer;
    display: inline;
    font-size: 14px;
    transition: color 0.2s ease-in-out 0s;
    color: #A09C98;
    padding: 8px 12px;
}

#clientSignatoryModal .modal-header .close-icon svg {
    display: inline-block;
    height: 14px;
}

#clientSignatoryModal .modal-body {
    padding: 24px !important;
    justify-content: space-between;
}

#clientSignatoryModal .modal-body .warning-conatiner {
    display: flex;
    flex-direction: row;
    border-radius: 3px;
    padding: 16px;
    margin-bottom: 24px;
    background: #FFF8DB;
}

#clientSignatoryModal .modal-body .warning-conatiner .alert-icon {
    line-height: 1.1;
    color: #D97706;
}

#clientSignatoryModal .modal-body .warning-conatiner .alert-icon span {
    display: inline-block;
    font-size: 18px;
    transition: color 0.2s ease-in-out 0s;
}

#clientSignatoryModal .modal-body .warning-conatiner .alert-icon span svg {
    display: inline-block;
    height: 18px;
}

#clientSignatoryModal .modal-body .warning-conatiner .desc {
    font-size: 13px;
    margin-left: 16px;
}

#clientSignatoryModal .modal-body .description {
    font-size: 13px;
}

#clientSignatoryModal .modal-footer {
    border-top: none !important;
    padding: 12px 24px 24px !important;
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

#clientSignatoryModal .modal-footer .select-btn {
    margin-left: 8px;
    background: #F4502A !important;
    color: #fff !important;
}

/* Proposal Search Conatiner */

.proposal-search-container .more-filters-conatiner {
    position: absolute;
    width: 240px;
    z-index: 1;
    padding: 16px;
    border-radius: 4px;
    box-shadow: 0 8px 12px rgba(23, 30, 37, 0.15), 0 0 1px rgba(23, 30, 37, 0.31);
    background: #fff;
    top: 49px;
    left: -47px;
}

.proposal-search-container .top-arrow {
    transform: rotate(45deg);
    background: #FFFFFF;
    left: 54px;
    width: 32%;
    height: 60%;
    bottom: -40px;
    position: absolute;
    z-index: 1;
    box-shadow: -1px -1px 1px 0 #ECEBEA;
}

.proposal-search-container .is--hidden {
    display: none;
}

.proposal-search-container .more-filters-conatiner .list-box {
    max-height: 240px;
    overflow-y: auto;
    margin-top: 8px;
}

.proposal-search-container .more-filters-conatiner .list-box .mt-6 {
    margin-right: 6px;
}

.proposal-search-container .more-filters-conatiner .list-box::-webkit-scrollbar {
    width: 4px;
    background-color: #F5F5F5;
}

.proposal-search-container .more-filters-conatiner .list-box::-webkit-scrollbar-thumb {
    background-color: lightgray;
    border-radius: 4px;
}

.proposal-search-container .more-filters-conatiner .list-box::-webkit-scrollbar-thumb:hover {
    background-color: darkgray;
}

.proposal-search-container .more-filters-conatiner .filter-search-field {
    border: 2px solid #5A51E7;
    border-radius: 4px;
    padding: 4px 10px;
}

.proposal-search-container .more-filters-conatiner .list-box ul {
    list-style: none;
    font-size: 12px;
}

.proposal-search-container .more-filters-conatiner .list-box ul .list-title {
    color: #999999;
    cursor: unset;
}

.proposal-search-container .more-filters-conatiner .list-box ul .list-title:hover {
    background-color: #fff;
}

.proposal-search-container .more-filters-conatiner .list-box ul li {
    padding: 8px;
    cursor: pointer;
}

.proposal-search-container .more-filters-conatiner .list-box ul li:hover {
    background-color: rgb(236, 235, 234);
}

.results-container .stack-container .table-container .data-table .table-row:hover {
    background: #FAFAFA;
}

.invalid-field {
    border-color: rgb(221, 34, 34);
    box-shadow: rgb(221, 34, 34) 0px 1px 0px 0px;
}

/* client-proposal-view-conatiner css start*/
.client-proposal-view-conatiner {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.client-proposal-view-conatiner .modal-dialog {
    height: 98%;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-header .model-btn-box {
    position: relative;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-header .model-btn-box .view-model-edit-btn {
    padding: 6px 12px;
    border: none;
    background: #5A51E7;
    border-radius: 4px;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-header .model-btn-box .revoke-edit-btn {
    background: #F4502A !important;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-header .model-btn-box .action-drop-box {
    display: none;
    position: absolute;
    border: 1px;
    border-radius: 3px;
    background-color: #fff;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    cursor: pointer;
    margin-top: 10px;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-header .model-btn-box .action-drop-box .view-hidden {
    display: block !important;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-header .model-btn-box .action-drop-box ul li {
    color: black;
    padding: 6px 16px;
    display: block;
    font-size: 12px;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-header .model-btn-box .action-drop-box ul li:hover {
    background-color: #ECEBEA;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-header .model-title-box .f-16 {
    font-size: 16px;
    margin-bottom: 0px;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-header .model-title-box .view-head-title {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-header .model-title-box .view-head-title .f-12 {
    font-size: 12px;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-header .model-title-box .view-head-title .step-label {
    padding: 3px 10px;
    border-radius: 20px;
    margin-left: 4px;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-header .model-title-box .sub-title {
    color: #5A51E7;
    font-size: 12px;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-header .model-btn-box .view-model-action-btn {
    padding: 6px 12px;
    border: none;
    background: #ECEBEA;
    border-radius: 4px;
    font-weight: 600;
    font-size: 12px;
    margin-right: 6px;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-header .model-btn-box .view-model-action-btn .icon-down {
    vertical-align: top;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-view-copy-box {
    display: flex;
    flex-direction: column;
    border: 1px solid #ECEBEA;
    background: #fff;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-view-copy-box .view-sub-box-1 {
    padding: 12px;
    border-bottom: 1px solid #F5F5F4;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-view-copy-box .view-sub-box-2 {
    display: flex;
    justify-content: space-between;
    align-items: end;
    padding: 12px;
    border-bottom: 1px solid #F5F5F4;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body {
    padding: 24px;
    background: #f9f9f9;
    border-radius: 4px;
    overflow: auto;
    max-height: 850px;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-view-copy-box p {
    margin: 0px;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-view-copy-box .view-sub-box-1 .view-title {
    font-size: 16px;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-view-copy-box .view-sub-box-1 .view-email {
    font-size: 12px;
    color: #A09C98;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-view-copy-box .view-sub-box-2 .copy-part .client-title {
    font-size: 12px;
    margin-bottom: 12px;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-view-copy-box .view-sub-box-2 .copy-part .copy-btn {
    padding: 5px 14px;
    border: none;
    background: #ECEBEA;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    font-weight: 700;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-view-copy-box .view-sub-box-2 .copy-part .input-box {
    padding: 4px 12px;
    border: 1px solid #ECEBEA;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-view-copy-box .view-sub-box-2 .client-link {
    font-size: 12px;
    color: #5A51E7;
}


.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part .top-line {
    background-color: rgb(239, 81, 52);
    min-height: 8px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.client-proposal-view-conatiner .view-tab-container {
    clear: both;
    /* margin: 0px 16px; */
    border: solid 1px #CCC;
    text-align: left;
    margin-top: 31px;
    background: #fff;
    display: flex;
    flex-direction: column;
    box-shadow: 0 10px 18px rgba(23, 30, 37, 0.15), 0 0 1px rgba(23, 30, 37, 0.31);
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
    max-height: 490px;
}

.client-proposal-view-conatiner .details-tab {
    border: none !important;
    background: unset;
    box-shadow: none !important;
    max-height: unset !important;
}


.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part .view-tab-container .tab-header {
    display: flex;
    justify-content: space-between;
    padding: 24px;
    border-bottom: 1px solid #F5F5F4;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part .view-tab-container .client-detail-container {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border: 1px solid #ECEBEA;
    background: #fff;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part .view-tab-container .client-detail-container .client-info .client-info-list {
    list-style: none;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part .view-tab-container .client-detail-container .client-info .client-info-list li {
    display: flex;
    font-size: 12px;
    margin-bottom: 2px;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part .view-tab-container .client-detail-container .client-info .client-info-list .info-title {
    display: block;
    width: 125px;
    text-align: right;
    padding: 6px;
    color: rgb(160, 156, 152);
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part .view-tab-container .client-detail-container .client-info .client-info-list .info-data {
    font-weight: 600;
    display: block;
    padding: 6px;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part .view-tab-container .client-detail-container .review-send-btn {
    height: max-content;
    cursor: pointer;
    color: #000;
    font-weight: 600;
    padding: 8px 10px;
    border-radius: 6px;
    font-size: 14px;
    background: #ECEBEA;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part .view-tab-container .client-detail-container .review-send-btn:hover {
    background: #D5D4D2;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part .view-tab-container .payments-part {
    margin-top: 20px;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part .view-tab-container .payments-part .payment-box {
    display: flex;
    border: 1px solid #ECEBEA;
    background: #fff;
    padding: 18px;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part .view-tab-container .payments-part .payment-box span {
    display: block;
    background: #E6F0FE;
    padding: 14px;
    padding: 18px 14px;
    width: 100%;
    font-size: 13px;
    border-radius: 4px;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part .view-tab-container .payments-part .payment-box span i {
    color: #5A51E7;
    padding-right: 12px;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part .view-tab-container .payments-part .payment-box span a {
    color: #5A51E7;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part .view-tab-container .activity-part {
    margin-top: 20px;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part .view-tab-container .activity-part .activity-box {
    display: flex;
    flex-direction: column;
    border: 1px solid #ECEBEA;
    background: #fff;
    font-size: 12px;
    padding: 10px;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part .view-tab-container .activity-part .activity-box .activity-info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part .view-tab-container .activity-part .activity-box .activity-info .color-danger-text {
    color: #DD2222;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part .view-tab-container .tab-header .left-content-box .tab-title {
    font-size: 15px !important;
    color: rgb(64, 62, 61);
    font-weight: 500;
    margin-bottom: 16px;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part .view-tab-container .tab-header .left-content-box p {
    font-size: 12px;
    color: #A09C98;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part .view-tab-container .tab-header .right-content-box {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: right;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part .view-tab-container .tab-header .right-content-box p {
    font-size: 12px;
    color: #A09C98;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part .view-tab-container .tab-body {
    height: 100%;
    padding: 32px 14px;
    display: flex;
    flex-direction: row;
    overflow: auto;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part .view-tab-container .tab-body .circle-img {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    font-size: calc(2.4rem);
    border-radius: 50px;
    max-width: 6rem;
    width: 100%;
    height: 6rem;
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
    color: #fff;
    background: rgb(239, 81, 52);
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part .view-tab-container .tab-body .rendered-content {
    display: flex;
    flex-direction: column;
    position: relative;
    top: 20px;
    width: 95%;
    margin-left: 12px;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part .view-tab-container .tab-body .rendered-content .content-title {
    font-size: 15px;
    font-weight: 700;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part .view-tab-container .tab-body .rendered-content p {
    margin-bottom: 20px;
    line-height: 24px;
    font-size: 13px !important;
    color: #403E3D;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part .view-tab-container .tab-body .rendered-content .content-title-2 {
    font-size: 22px !important;
    font-weight: 500;
    margin-bottom: 30px;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part .view-tab-container .tab-body .rendered-content .divider {
    opacity: 0.6;
    width: 100%;
    border-width: 0px 0px 1px;
    border-image: initial;
    border-color: #ECEBEA;
    border-style: solid;
    margin: 10px auto;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part .view-tab-container .tab-body .rendered-content .label-header {
    padding: 14px 16px;
    background-color: #F5F5F4;
    border-radius: 3px;
    margin: 24px 0px;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .content-list li {
    font-size: 13px;
    color: #403E3D;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body #tab2C .tab-body {
    overflow: auto;
    max-height: 450px;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .amt-detail {
    display: flex;
    justify-content: space-between;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .amt-detail .bill-part {
    width: 58%;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part .view-tab-container .tab-body .rendered-content .amt-detail .bill-part .sub-text-2 {
    font-size: 12px !important;
    font-weight: 400;
    color: #A09C98;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part .view-tab-container .tab-body .rendered-content .amt-detail .amt-part .sub-text-2 {
    font-size: 12px !important;
    font-weight: 400;
    color: #A09C98;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .amt-detail .amt-part {
    text-align: end;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .check-box {
    display: flex;
    align-items: baseline;
    padding-left: 16px;
    padding-right: 16px;
}

.check-box i {
    color: rgb(239, 81, 52);
    font-size: 16px;
}

.check-box p {
    margin-left: 6px;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part .view-tab-container #tab4C .tab-body {
    overflow: auto;
    max-height: 800px;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part #tab4C .terms-content-part {
    padding: 16px;
    border: 1px solid #ECEBEA;
    height: 100%;
    margin: 42px 24px;
    border-radius: 3px;
    overflow: auto;
    max-height: 370px;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part #tab4C .terms-content-part .terms-content-list li {
    font-size: 13px !important;
    color: #403E3D;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part #tab4C .terms-content-part h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
}

/* service step option dialog css*/

.service-wrapper-conatainer .proposal-tab-container .option-box {
    /* display: none; */
    position: absolute;
    border: 1px;
    border-radius: 3px;
    background-color: #fff;
    width: 290px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    /* cursor: pointer; */
    margin-top: 10px;
    padding: 16px;
}

.service-wrapper-conatainer .proposal-tab-container .option-view-box-content {
    display: flex;
    flex-direction: column;
}

.service-wrapper-conatainer .proposal-tab-container .view-hidden {
    display: block !important;
}

.service-wrapper-conatainer .proposal-tab-container .option-view-box-content input {
    height: 40px;
    border: 1px solid #ECEBEA;
    border-radius: 5px;
    font-size: 12px;
    padding: 8px;
}

.service-wrapper-conatainer .proposal-tab-container .option-view-box-content textarea {
    border: 1px solid #ECEBEA;
    border-radius: 5px;
    margin: 10px 0px;
    font-size: 12px;
    padding: 8px;
}

.service-wrapper-conatainer .proposal-tab-container .option-view-box-content .mark-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #ECEBEA;
    border-left: 0px;
    border-right: 0px;
    margin-bottom: 8px;
}

.service-wrapper-conatainer .proposal-tab-container .option-view-box-content .mark-box p {
    margin-bottom: 0px;
    font-size: 12px;
    padding: 12px 0px 12px 8px;
}

.service-wrapper-conatainer .proposal-tab-container .option-view-box-content .mark-box .option-switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 15px;
    margin-bottom: 0px;
}

.service-wrapper-conatainer .proposal-tab-container .option-view-box-content .mark-box .option-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.service-wrapper-conatainer .proposal-tab-container .option-view-box-content .mark-box .option-slider:before {
    position: absolute;
    content: "";
    height: 10px;
    width: 12px;
    left: 4px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

/* Hide default HTML checkbox */
.service-wrapper-conatainer .proposal-tab-container .option-view-box-content .mark-box .option-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.service-wrapper-conatainer .proposal-tab-container .option-view-box-content .mark-box .option-switch input:checked+.option-slider {
    background-color: #2196F3;
}

.service-wrapper-conatainer .proposal-tab-container .option-view-box-content .mark-box .option-switch input:focus+.option-slider {
    box-shadow: 0 0 1px #2196F3;
}

.service-wrapper-conatainer .proposal-tab-container .option-view-box-content .mark-box .option-switch input:checked+.option-slider:before {
    -webkit-transform: translateX(14px);
    -ms-transform: translateX(14px);
    transform: translateX(14px);
}

/* Rounded sliders */
.service-wrapper-conatainer .proposal-tab-container .option-view-box-content .mark-box .option-slider.option-round {
    border-radius: 34px;
}

.service-wrapper-conatainer .proposal-tab-container .option-view-box-content .mark-box .option-slider.option-round:before {
    border-radius: 50%;
}

.service-wrapper-conatainer .proposal-tab-container .option-view-box-content .duplicate-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-self: baseline;
    padding: 8px;
    width: 100%;
    border-radius: 4px;
    cursor: pointer;
}

.service-wrapper-conatainer .proposal-tab-container .option-view-box-content .duplicate-box:hover {
    background-color: #ECEBEA;
}

.service-wrapper-conatainer .proposal-tab-container .option-view-box-content .duplicate-box p {
    margin-bottom: 0px;
    font-size: 12px;
}

.service-wrapper-conatainer .proposal-tab-container .option-view-box-content .remove-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-self: baseline;
    color: #D42222;
    padding: 8px;
    width: 100%;
    border-radius: 4px;
    cursor: pointer;
}

.service-wrapper-conatainer .proposal-tab-container .option-view-box-content .remove-box:hover {
    background-color: #ECEBEA;
}

.service-wrapper-conatainer .proposal-tab-container .option-view-box-content .remove-box p {
    margin-bottom: 0px;
    font-size: 12px;
}

.invalid-field {
    border-color: rgb(221, 34, 34);
    box-shadow: rgb(221, 34, 34) 0px 1px 0px 0px;
}

#proposalDetailModal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

#proposalDetailModal.right.fade.in .modal-dialog {
    right: 0;
    position: absolute;
    margin: 10px !important;
    width: 700px;
}

/*New More Filter Base Filter Css */
.filter-search-container .proposal-search-container .search-input-wrapper .filter-list .more-filter-base {
    align-items: flex-start;
    margin: 4px 6px;
    border-color: #ecebea;
    border-width: 0px;
    border-style: solid;
    box-sizing: border-box;
    position: relative;
}

.filter-search-container .proposal-search-container .search-input-wrapper .filter-list .more-filter-base .more-filter-base-btn {
    font-size: 11px;
    font-weight: 700;
    color: #5A51E7;
    background: #E8E7FF;
    /* text-transform: uppercase; */
}

.filter-search-container .proposal-search-container .search-input-wrapper .filter-list .more-filter-base .more-filter-base-btn .selected-name {
    text-transform: uppercase;
}

.filter-search-container .proposal-search-container .search-input-wrapper .filter-list .more-filter-base .more-filter-base-btn .selected-text {
    margin-left: 8px;
}

.filter-search-container .proposal-search-container .search-input-wrapper .filter-list .is-show {
    display: flex;
}

.filter-search-container .proposal-search-container .search-input-wrapper .filter-list .more-filter-base .more-title {
    text-transform: uppercase;
    color: #A09C98;
    font-size: 11px;
    font-weight: 900;
}

.filter-search-container .proposal-search-container .search-input-wrapper .filter-list .more-filter-base .done-btn {
    width: 100%;
    border: none;
    padding: 8px 0px;
    border-radius: 4px;
    color: #403E3D;
    font-size: 12px;
    font-weight: 700;
    background: #fff;
    margin-top: 10px;
}

.filter-search-container .proposal-search-container .search-input-wrapper .filter-list .more-filter-base .done-btn:hover {
    background: #ECEBEA;
}

.proposal-search-container .select-item-filter-conatiner {
    position: absolute;
    /* width: 240px; */
    width: 300px;
    z-index: 1;
    padding: 16px;
    border-radius: 4px;
    box-shadow: 0 8px 12px rgba(23, 30, 37, 0.15), 0 0 1px rgba(23, 30, 37, 0.31);
    background: #fff;
    top: 49px;
    left: -47px;
}

.proposal-search-container .top-select-item-arrow {
    position: absolute;
    top: -9px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #fff;
}

.proposal-search-container .more-filters-conatiner .list-box {
    max-height: 240px;
    overflow-y: auto;
    margin-top: 8px;
}

.proposal-search-container .more-filters-conatiner .list-box .mt-6 {
    margin-right: 6px;
}

.proposal-search-container .more-filter-base .filter-remove {
    position: absolute;
    right: -8px;
    top: -7px;
    cursor: pointer;
    display: inline-block;
    font-size: 9px;
    transition: opacity 0.2s ease-in-out 0s;
    background: rgb(255, 255, 255);
    border-radius: 50%;
    background-color: #9C96F0;
    color: #fff;
    padding: 1px 5px;
    z-index: 1;
    opacity: 0;
}

.proposal-search-container .more-filter-base:hover .filter-remove {
    opacity: 1;
}

.proposal-search-container .more-filter-base .default-select-item {
    font-size: 13px;
    font-weight: 400;
    text-transform: capitalize;
    margin-left: 10px;
    margin-right: 10px;
    color: #201F1E;
}

.proposal-search-container .more-filter-base .down-icon {
    font-size: 15px;
}

/*filter tab css*/
.filter-body .filter-search-field {
    border: 2px solid #5A51E7;
    border-radius: 4px;
    padding: 6px 10px;
    font-size: 12px;
}

.filter-body .radio-box {
    display: flex;
    flex-direction: column;
}

.filter-body span {
    font-size: 12px;
    font-weight: 700;
    margin-left: 5px;
}

.filter-body .date {
    margin-top: 0px;
}

.filter-body .radio-text-box {
    display: flex;
    flex-direction: column;
}

.filter-body .status-box #label-draft {
    background-color: #FDEDAA;
    color: #92400E;
    padding: 2px 8px;
    border-radius: 12px;
}

.filter-body .status-box #label-awaiting {
    background-color: #CFE0FC;
    color: #103E89;
    padding: 2px 8px;
    border-radius: 12px;
}

.filter-body .status-box #label-accepted {
    background-color: #C5F6E6;
    color: #056647;
    padding: 2px 8px;
    border-radius: 12px;
}

.filter-body .status-box #label-completed {
    background-color: #F5F5F4;
    color: #605E5B;
    padding: 2px 8px;
    border-radius: 12px;
}

.filter-body .status-box #label-lost {
    background-color: #F5F5F4;
    color: #605E5B;
    padding: 2px 8px;
    border-radius: 12px;
}

.filter-body .date-radio-box {
    display: flex;
    flex-direction: column;
}

.filter-body .date-radio-box .accepted-date {
    width: 60%;
    border: 1px solid #ccc;
    padding: 4px 12px;
}

.filter-body input[type='radio'] {
    accent-color: #5A51E7;
}

.filter-body .between-container {
    display: flex;
    justify-content: space-between;
}

.filter-body .between-container .between-date {
    width: 48%;
    border: 1px solid #ccc;
    padding: 4px 12px;
}

.filter-body .text-field {
    border: 1px solid #ccc;
    padding: 5px 12px;
    border-radius: 6px;
}

.filter-body .days-field {
    width: 46%;
    padding: 5px 7px;
    font-size: 12px;
    border: 1px solid #ccc;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-color: #ebebe3;
}

.filter-body .days-field:focus {
    border: 2px solid #5a51e7d6;
}

.filter-body .text-days {
    padding: 8px 12px;
    background: #f5f5f4;
    margin-left: 0px !important;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.filter-body .c-pointer {
    cursor: pointer;
}

/*filter tab css End*/
.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part .view-tab-container .tab-body .rendered-content .service-desc ul {
    margin-left: 40px;
}

.default-badge {
    display: inline-flex;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px 8px;
    text-transform: none;
    font-size: 13px;
    background: #C5F6E6;
    color: #056647;
    align-items: center;
    height: 24px;
    border-radius: 24px;
}

.edit-email-preview-conatiner .model-body .mb-right-box .editing-title-container .btn-box .edit-btn-color:disabled {
    opacity: 0.5;
}

#discardChangesModal {
    z-index: 10500 !important;
}

#discardChangesModal .modal-dialog {
    max-width: 380px !important;
}

#discardChangesModal .modal-dialog .modal-content {
    padding: 24px !important;
}

#discardChangesModal .modal-dialog .modal-header {
    display: flex;
    padding: 0 0 10px !important;
}

#discardChangesModal .modal-dialog .modal-header {
    display: flex;
}

#discardChangesModal .modal-dialog .modal-header .close {
    position: absolute;
    right: 18px;
}

#discardChangesModal .modal-dialog .modal-header .close svg {
    display: inline-block;
    height: 10px;
}

#discardChangesModal .modal-dialog .modal-body {
    display: flex;
    padding: 16px 0 !important;
}

#discardChangesModal .modal-dialog .modal-body .warning-container {
    display: flex;
    align-items: center;
    flex-direction: row;
}

#discardChangesModal .modal-dialog .modal-body .warning-container .icon {
    display: inline-block;
    font-size: 28px;
    transition: color 0.2s ease-in-out 0s;
    color: #F09700;
    line-height: 24px;
}

#discardChangesModal .modal-dialog .modal-body .warning-container .icon svg {
    display: inline-block;
    height: 28px;
}

#discardChangesModal .modal-dialog .modal-body .warning-container .text {
    font-size: 12px;
    display: block;
    margin-left: 10px;
}

#discardChangesModal .modal-dialog .modal-footer {
    padding: 12px 0 0 !important;
    border: none !important;
}

#discardChangesModal .modal-dialog .modal-footer .btn {
    height: 32px !important;
    font-size: 12px !important;
    text-transform: capitalize !important;
}

.proposal-header .first-header .top-btn-container .save-template-box {
    display: none;
    position: absolute;
    border: 1px;
    border-radius: 3px;
    background-color: #fff;
    min-width: 180px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    cursor: no-drop;
    margin-top: 10px;
}

.proposal-header .first-header .top-btn-container .icon-save-template {
    padding: 4px;
    border: 1px solid #F4502A;
    border-radius: 50%;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 10px;
}

.proposal-header .first-header .top-btn-container .icon-save-template i {
    color: #F4502A;
}

.proposal-header .first-header .top-btn-container .template-view-hidden {
    display: block;
}

.proposal-header .first-header .top-btn-container .save-template-box ul {
    list-style: none;
    margin: 0;
    padding: 10px;
    font-size: 12px;
    cursor: pointer;
}

.proposal-header .first-header .top-btn-container .save-template-box:hover {
    background: #ecebea;
}

.proposal-header .first-header .top-btn-container .save-close-container {
    position: relative;
}

.proposal-header .first-header .top-btn-container .save-close-box {
    display: none;
    position: absolute;
    border: 1px;
    border-radius: 3px;
    background-color: #fff;
    min-width: 180px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    cursor: pointer;
    margin-top: 10px;
    right: 2px;
    color: #DD2222;
}

.proposal-header .first-header .top-btn-container .save-close-box:hover {
    background: #ecebea;
}

.proposal-header .first-header .top-btn-container .save-close-box ul {
    list-style: none;
    margin: 0;
    padding: 10px;
    font-size: 12px;
}

.proposal-header .second-header-container .second-header-inner-container .btn-container .next-send-btn {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-right: 2px;
}

.proposal-header .second-header-container .second-header-inner-container .btn-container .send-arrow-down-icon {
    width: fit-content;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    font-size: 20px;
}

.proposal-header .second-header-container .second-header-inner-container .btn-container .send-down-arrow-container {
    position: relative;
}

.proposal-header .second-header-container .second-header-inner-container .btn-container .send-email-box {
    display: none;
    position: absolute;
    border: 1px;
    border-radius: 3px;
    background-color: #fff;
    min-width: 180px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    cursor: pointer;
    margin-top: 10px;
    right: 2px;
}

.proposal-header .second-header-container .second-header-inner-container .btn-container .send-email-box ul {
    font-size: 12px;
    list-style: none;
    margin-bottom: 0px;
}

.proposal-header .second-header-container .second-header-inner-container .btn-container .send-email-box ul li {
    padding: 10px;
}

.proposal-header .second-header-container .second-header-inner-container .btn-container .send-email-box ul li:hover {
    background: #ecebea;
}

/*Share Link Modal css Start*/
#shareProposalModal .modal-Share-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#shareProposalModal .copy-container {
    display: flex;
    margin-top: 20px;
}

#shareProposalModal .copy-container .copy-btn {
    width: 20%;
    border: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    font-weight: 700;
}

#shareProposalModal .copy-container .text-url-input {
    border: 1px solid #F0F0F0;
    border-left: 0px;
    background: #fff;
}

#shareProposalModal .modal-footer .save-btn-awaitaing {
    background: #F4502A;
    color: #fff;
}

#shareProposalModal .modal-Share-header .share-close-icon {
    cursor: pointer;
    color: #c5c4c2;
}

#shareProposalModal .modal-footer {
    border-top: 0px;
}

#shareProposalModal .modal-dialog {
    width: 495px;
}

#shareProposalModal .modal-footer .editing-btn {
    background: #fff;
}

#shareProposalModal .modal-footer .editing-btn:hover {
    background: #ecebea;
}

/*Share Link Modal Css End*/

/*Delete Proposal Modal Css Start*/
#deleteProposalModal .modal-delete-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#deleteProposalModal .modal-dialog .modal-content .modal-body .warning-conatiner {
    display: flex;
    align-items: center;
}

#deleteProposalModal .modal-dialog .modal-content .modal-body .warning-conatiner i {
    margin-right: 10px;
    font-size: 24px;
    color: #F09700;
}

#deleteProposalModal .modal-dialog .modal-content .modal-body .warning-conatiner .desc {
    font-size: 12px;
}

#deleteProposalModal .modal-dialog {
    width: 408px;
}

#deleteProposalModal .modal-dialog .modal-content .modal-delete-header .delete-close-icon {
    color: #cdc8c3;
    font-size: 24px;
    cursor: pointer;
}

#deleteProposalModal .modal-dialog .modal-content .modal-footer {
    border-top: 0px;
}

#deleteProposalModal .modal-dialog .modal-content .modal-footer .delete-proposal-btn {
    background: #F4502A;
    color: #fff;
}

#deleteProposalModal .modal-dialog .modal-content .modal-footer .cancel-btn {
    background: #fff;
}

#deleteProposalModal .modal-dialog .modal-content .modal-footer .cancel-btn:hover {
    background: #ecebea;
}
/*Delete Proposal Modal Css End*/

/*start remove box-shadow from arrow-down-btn*/
#btn-save-active,
#btn-tamplate-active {
    background: #d5d4d2 !important;
}

#btn-save-in-active,
#btn-template-in-active {
    background: none;
}

.proposal-header .first-header .top-btn-container .arrow-down-btn:focus {
    box-shadow: none;
}

.proposal-header .first-header .top-btn-container .btn-template:focus {
    box-shadow: none
}

.proposal-header .first-header .top-btn-container .btn-save:focus {
    box-shadow: none;
}

.proposal-header .first-header .top-btn-container .btn-preview:focus {
    box-shadow: none;
}

/*end remove box-shadow from arrow-down-btn*/

.proposal-container .proposal-tab-container .tab-list .tab .option-tab .empty .star-icon {
    display: inline-block;
    font-size: 10px;
    transition: color 0.2s ease-in-out 0s;
    color: #807D7A;
}

.proposal-container .proposal-tab-container .tab-list .tab .option-tab .empty .star-icon svg {
    display: inline-block;
    height: 10px;
}

.disable-add-btn {
    opacity: 0.6 !important;
    pointer-events: none;
}

.remove-proposal-option .modal-dialog {
    max-width: 460px !important;
}

.remove-proposal-option .modal-header {
    display: flex;
    padding: 0 !important;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ECEBEA !important;
    margin: 24px 24px 12px 24px;
}

.remove-proposal-option .modal-header::before,
.remove-proposal-option .modal-header::after {
    content: unset !important;
    display: unset !important;
}

.remove-proposal-option .modal-header .title-container {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.remove-proposal-option .modal-header .title-container .warning-icon {
    display: inline-block;
    font-size: 28px;
    line-height: 20px;
    transition: color 0.2s ease-in-out 0s;
    color: #F09700;
}

.remove-proposal-option .modal-header .title-container .warning-icon svg {
    display: inline-block;
    height: 28px;
}

.remove-proposal-option .modal-header .title-container .title {
    font-size: 16px;
    margin-left: 15px;
    margin-bottom: 0 !important;
}

.remove-proposal-option .modal-header .close-icon {
    cursor: pointer;
    display: inline;
    font-size: 14px;
    transition: color 0.2s ease-in-out 0s;
    color: #A09C98;
    padding: 8px 12px;
}

.remove-proposal-option .modal-header .close-icon svg {
    display: inline-block;
    height: 14px;
}

.remove-proposal-option .modal-body {
    padding: 24px !important;
    justify-content: space-between;
}

.remove-proposal-option .modal-body .description {
    font-size: 13px;
}

.remove-proposal-option .modal-footer {
    border-top: none !important;
    padding: 12px 24px 24px !important;
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

.remove-proposal-option .modal-footer .select-btn {
    margin-left: 8px;
    background: #F4502A !important;
    color: #fff !important;
}

.remove-proposal-option .modal-footer .cancel-btn {
    background: #ECEBEA !important;
    color: #000 !important;
}

.option-tab-container {
    margin-top: 40px;
    display: flex;
    justify-content: center;
}

.option-tabs {
    align-items: center;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(236, 235, 234);
    cursor: pointer;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    line-height: 30px;
    /* margin: 0px 0px 0px -1px; */
    position: relative;
    transition: all 0.3s ease 0s;
    user-select: none;
    font-size: 11px;
    height: 28px;
    padding: 0px 10px;
    color: rgb(128, 125, 122);
    font-weight: 500 !important;
}

.option-tabs:first-child {
    border-radius: 4px 0px 0px 4px;
}

.option-tabs:last-child {
    border-radius: 0px 4px 4px 0px;
}

.option-tab-selected {
    border: 1px solid rgb(90, 81, 231) !important;
    background: rgb(232, 231, 255) !important;
    color: rgb(90, 81, 231) !important;
}

/*Template Proposal Modal Css Start*/
#templateProposalModal .modal-template-header {
    padding: 18px;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 6px;
}

#templateProposalModal .modal-template-header .template-title {
    font-size: 16px;
    font-weight: 800;
}

#templateProposalModal .modal-template-header .template-close-part {
    display: flex;
    align-items: center;
}

#templateProposalModal .modal-template-header .template-close-part .close-text {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 800;
}

#templateProposalModal .modal-template-header .template-close-part .close-text .check-box {
    margin-top: 0px;
    margin-right: 5px;
}

#templateProposalModal .modal-template-header .template-close-part .template-close-icon {
    color: #bdbdbd91;
    font-size: 22px;
    margin-left: 14px;
    cursor: pointer;
}

#templateProposalModal .modal-dialog {
    max-width: 1200px;
    width: 100%;
}

#templateProposalModal .modal-body {
    display: flex;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    height: 700px;
    padding-right: 0px;
}

#templateProposalModal .modal-body .tamplate-left-tab-box {
    width: 25%;
    border-right: 1px solid #F5F5F4;
    padding-top: 10px;
}

#templateProposalModal .modal-body .tamplate-left-tab-box .tab-button-part {
    display: flex;
    /* border-bottom: 2px solid lightgray; */
}

#templateProposalModal .modal-body .tamplate-left-tab-box .tab-button-part .tab-btn {
    padding: 10px;
    padding-top: 0px;
    font-size: 12px;
    border: 0px;
    background: none;
    width: 50%;
    height: 27px;
    /* margin-right: 4px; */
    border-bottom: 1px solid lightgray;
    width: 100%;
    text-align: left;
    padding-left: 20px;

}

#templateProposalModal .modal-body .tamplate-left-tab-box .tab-button-part .tab-btn:hover {
    border-bottom: 2px solid lightgray;
}

#templateProposalModal .modal-body .tamplate-left-tab-box .tab-button-part .active-border-btn {
    border-bottom: 2px solid #7169EA;
}

#templateProposalModal .modal-body .tamplate-left-tab-box .my-template-side-bar-content {
    padding: 15px 12px 12px;
    text-align: center;
    /* display: none; */
    display: block;
    max-height: 660px;
    overflow: auto;
}

#templateProposalModal .modal-body .tamplate-left-tab-box .my-template-side-bar-content .gray-box {
    padding: 12px;
    background-color: #FAFAFA;
    height: 50px;
}

#templateProposalModal .modal-body .tamplate-left-tab-box .my-template-side-bar-content .my-template-list-item {
    padding: 12px;
    background-color: #FAFAFA;
    margin-top: 10px;
    display: flex;
    align-items: center;
    /* background: #E8E7FF;
    border: 1px solid #5A51E7; */
    background-color: rgb(255, 255, 255);
    border: 1px solid #ECEBEA;
    cursor: pointer;
    border-radius: 4px;
    transition: transform 0.15s ease-out 0s;
}

#templateProposalModal .modal-body .tamplate-left-tab-box .my-template-side-bar-content .my-template-list-item .content-align{
    text-align: left;
}

#templateProposalModal .modal-body .tamplate-left-tab-box .my-template-side-bar-content .my-template-list-item:first-child.active {
    background: #E8E7FF;
    border: 1px solid #5A51E7;
}

#templateProposalModal .modal-body .tamplate-left-tab-box .my-template-side-bar-content .my-template-list-item:hover {
    box-shadow: 0 8px 12px rgba(23, 30, 37, 0.15), 0 0 1px rgba(23, 30, 37, 0.31);
    /* background: #98C9CD;  */
    transform: translateY(-1px);
}

#templateProposalModal .modal-body .tamplate-left-tab-box .my-template-side-bar-content .my-template-list-item .circle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    /* background: #98C9CD; */
    /* background: darkgray; */
    border-radius: 50px;
    margin-right: 7px;
    background-color: rgb(239, 81, 52);
    color: #fff;
    padding: 10px;
}

#templateProposalModal .modal-body .tamplate-left-tab-box .my-template-side-bar-content .my-template-list-item .title {
    margin-bottom: 0px;
    font-size: 13px;
}

#templateProposalModal .modal-body .tamplate-left-tab-box .my-template-side-bar-content .my-template-list-item .desc {
    margin-bottom: 0px;
    font-size: 12px;
    text-align: left;
    display: -webkit-box;
    max-width: 400px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#templateProposalModal .modal-body .tamplate-left-tab-box .provided-template-side-bar-content .provided-template-box {
    /* display: flex; */
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 15px;
}

#templateProposalModal .modal-body .tamplate-left-tab-box .provided-template-side-bar-content .provided-template-box .search-input {
    border-radius: 20px;
    border: none;
    border: 1px solid #F5F5F4;
    width: 90%;
    padding: 5px 15px;
}

#templateProposalModal .modal-body .tamplate-left-tab-box .provided-template-side-bar-content .provided-template-box .circle {
    width: 40px;
    height: 40px;
    background: #F5F5F4;
    border-radius: 50px;
    margin: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #abaaaabd;
    font-size: 18px;
}

#templateProposalModal .modal-body .tamplate-left-tab-box .provided-template-side-bar-content .provided-template-box .no-result-title {
    font-size: 15px;
}

#templateProposalModal .modal-body .tamplate-left-tab-box .provided-template-side-bar-content .provided-template-box .no-result-sub-title {
    font-size: 12px;
    color: #A09C98;
}

#templateProposalModal .modal-body .tamplate-content-box {
    width: 75%;
    overflow: auto;
}

#templateProposalModal .modal-body .tamplate-content-box .provided-template-content {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#templateProposalModal .modal-body .tamplate-content-box .provided-template-content .provided-img {
    width: 250px;
}

#templateProposalModal .modal-body .tamplate-content-box .provided-template-content .provided-content-title {
    font-size: 18px;
    font-weight: 800;
    margin-top: 15px;
    margin-bottom: 20px;
}

#templateProposalModal .modal-body .tamplate-content-box .provided-template-content .provided-desc {
    font-size: 12px;
    max-width: 554px;
    text-align: center;
    margin-bottom: 40px;
}

#templateProposalModal .modal-body .tamplate-content-box .my-template-content {
    display: block;
    /* flex-direction: column;
    justify-content: center;
    align-items: center; */
}

#templateProposalModal .modal-body .tamplate-content-box .my-template-content .my-template-no-data-image-part {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#templateProposalModal .modal-body .tamplate-content-box .my-template-content .my-template-img {
    width: 500px;
}

#templateProposalModal .modal-body .tamplate-content-box .my-template-content .my-template-title {
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 30px;
}

#templateProposalModal .modal-body .tamplate-content-box .my-template-content .my-template-desc {
    text-align: center;
    font-size: 12px;
    width: 552px;
    margin-bottom: 30px;
}

#templateProposalModal .modal-body .tamplate-content-box .proposal-btn-box .template-proposal-btn {
    font-size: 12px;
    padding: 8px 12px;
    border: none;
    border-radius: 4px;
}

#templateProposalModal .modal-body .tamplate-content-box .proposal-btn-box .template-btn1:hover {
    background: #D5D4D2;
}

#templateProposalModal .modal-body .tamplate-content-box .proposal-btn-box .template-btn2 {
    color: #fff;
    background: #F4502A;
}

#templateProposalModal .modal-body .tamplate-content-box .proposal-btn-box .template-btn2:hover {
    background: #DF320C;
}

#templateProposalModal .modal-body .tamplate-content-box .my-template-content .my-template-content-box {
    display: flex;
    flex-direction: column;
    padding: 20px;
}

#templateProposalModal .modal-body .tamplate-content-box .my-template-content .my-template-content-box .my-template-header {
    display: flex;
    justify-content: space-between;
}

#templateProposalModal .modal-body .tamplate-content-box .my-template-content .my-template-content-box .my-template-header .use-template-btn {
    background: #F4502A;
    color: #fff;
    border: none;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 12px;
}

#templateProposalModal .modal-body .tamplate-content-box .my-template-content .my-template-content-box .my-template-header .more-btn {
    padding: 6px 15px;
    border: none;
    border-radius: 4px;
    background: #ECEBEA;
}

#templateProposalModal .modal-body .tamplate-content-box .my-template-content .my-template-content-box .my-template-header .more-btn i {
    vertical-align: middle;
}

#templateProposalModal .modal-body .tamplate-content-box .my-template-content .my-template-content-box .my-template-footer {
    display: flex;
    justify-content: space-between;
}

#templateProposalModal .modal-body .tamplate-content-box .my-template-content .my-template-content-box .my-template-footer .mb-4 {
    margin-bottom: 4px;
}

#templateProposalModal .modal-body .tamplate-content-box .my-template-content .my-template-content-box .my-template-footer .desc-text {
    font-size: 12px;
}

#templateProposalModal .modal-body .tamplate-content-box .my-template-content .my-template-content-box .my-template-tabs-part {
    width: 100%;
    background: #FAFAFA;
    margin-bottom: 30px;
    padding: 24px;
    overflow: hidden;
}

#templateProposalModal .modal-body .tamplate-content-box .my-template-content .my-template-content-box .use-template-part {
    position: relative;
}

#templateProposalModal .modal-body .tamplate-content-box .my-template-content .my-template-content-box .my-template-header .dots-template-box {
    display: none;
    position: absolute;
    border: 1px;
    border-radius: 3px;
    background-color: #fff;
    min-width: 165px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    cursor: pointer;
    margin-top: 10px;
    right: 0;
}

#templateProposalModal .modal-body .tamplate-content-box .my-template-content .my-template-content-box .my-template-header .dots-template-box ul {
    list-style: none;
    margin-bottom: 0px;
    font-size: 12px;
}

#templateProposalModal .modal-body .tamplate-content-box .my-template-content .my-template-content-box .my-template-header .dots-template-box ul li {
    padding: 6px 10px;
}

#templateProposalModal .modal-body .tamplate-content-box .my-template-content .my-template-content-box .my-template-header .dots-template-box ul .text-copy {
    color: #DD2222;
}

#templateProposalModal .modal-body .tamplate-content-box .my-template-content .my-template-content-box .my-template-header .dots-template-box ul li:hover {
    background-color: #ECEBEA;
}

#templateProposalModal .modal-body .tamplate-content-box .my-template-tabs-part .introduction-tab-part .tab-container .template-tab-body {
    max-height: 300px !important;
    overflow: auto;
}


/*Template Proposal Modal Css End*/


/*Save Template Proposal Modal Css Start*/
#saveTemplateProposalModal .modal-template-header {
    padding: 18px;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 6px;
}

#saveTemplateProposalModal .modal-content {
    padding: 20px;
}

#saveTemplateProposalModal .modal-content .modal-save-template-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid lightgray;
}

#saveTemplateProposalModal .modal-content .modal-save-template-header .text {
    font-size: 18px;
    font-weight: 600;
}

#saveTemplateProposalModal .modal-content .modal-save-template-header .save-close-icon {
    cursor: pointer;
    color: lightgray;
}

#saveTemplateProposalModal .modal-template-header .template-title {
    font-size: 16px;
    font-weight: 800;
}

#saveTemplateProposalModal .modal-template-header .template-close-part {
    display: flex;
    align-items: center;
}

#saveTemplateProposalModal .modal-template-header .template-close-part .close-text {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 800;
}

#saveTemplateProposalModal .modal-template-header .template-close-part .close-text .check-box {
    margin-top: 0px;
    margin-right: 5px;
}

#saveTemplateProposalModal .modal-template-header .template-close-part .template-close-icon {
    color: #bdbdbd91;
    font-size: 22px;
    margin-left: 14px;
    cursor: pointer;
}

#saveTemplateProposalModal .modal-dialog {
    width: 480px;
}

#saveTemplateProposalModal .modal-dialog .modal-body {
    padding-left: 0px;
    padding-right: 0px;
}

#saveTemplateProposalModal .modal-dialog .modal-body .save-template-form .template-name-box {
    margin: 20px auto;
}

#saveTemplateProposalModal .modal-dialog .modal-body .save-template-form label {
    font-size: 12px;
}

#saveTemplateProposalModal .modal-dialog .modal-body .save-template-form .sub-title {
    font-size: 12px;
}

#saveTemplateProposalModal .modal-dialog .modal-body .save-template-form .template-field {
    border: 1px solid #ccc;
    width: 77%;
    font-size: 12px;
}

#saveTemplateProposalModal .modal-dialog .modal-body .save-template-form .template-field:focus-visible {
    border: 2px solid rgb(113, 105, 234);
}

#saveTemplateProposalModal .modal-dialog .modal-body .save-template-form .template-description-field {
    border: 1px solid #ccc;
    font-size: 12px;
}

#saveTemplateProposalModal .modal-dialog .modal-body .save-template-form .template-description-field:focus-visible {
    border: 2px solid rgb(113, 105, 234);
}

#saveTemplateProposalModal .modal-dialog .modal-content .modal-footer {
    border-top: none;
}

#saveTemplateProposalModal .modal-dialog .modal-content .modal-footer .discard-btn {
    margin-right: 5px;
}

#saveTemplateProposalModal .modal-dialog .modal-content .modal-footer .save-template-btn {
    background: #F4502A;
    color: #fff;
}

#saveTemplateProposalModal .modal-dialog .modal-body .save-template-form .required-icon {
    color: rgb(244, 80, 42);
}

/*Save Template Proposal Modal Css End*/

.proposal-header .f-direction {
    flex-direction: column !important;
}

.proposal-header .d-align {
    align-items: flex-start !important;
}

.proposal-header .d-align .pb-20 {
    padding-bottom: 20px;
}

.proposal-header .tab-view-template {
    padding-bottom: 7px;
}

.proposal-header .tab-view-template .my-tab {
    padding: 0px 3px 8px 3px;
    margin-right: 12px;
    cursor: pointer;
}

.proposal-header .tab-view-template .provided-tab {
    padding: 0px 3px 8px 3px;
    margin-right: 12px;
    cursor: pointer;
}

.proposal-header .tab-view-template .h-tab:hover {
    border-bottom: 2px solid gray;
}

.no-template-sec .title {
    font-size: 20px !important;
    margin-bottom: 16px !important;
}

.no-template-sec .desc {
    font-size: 13px !important;
    margin-bottom: 12px !important;
    width: 550px;
    text-align: center;
}

.no-template-sec .btn-container {
    display: inline-flex;
    margin-top: 16px;
}

.no-template-sec .blank-proposal-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 1.2;
    border-radius: 5px;
    font-weight: 600;
    height: 32px;
    min-width: 32px;
    font-size: 13px;
    padding: 0 13px;
    background: #ECEBEA;
    color: #403E3D;
    border: none !important;
}

.no-template-sec .blank-proposal-btn:hover {
    background: #D5D4D2 !important;
}

.no-template-sec .view-template-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 1.2;
    border-radius: 5px;
    font-weight: 600;
    height: 32px;
    min-width: 32px;
    font-size: 13px;
    padding: 0 13px;
    background: #F4502A;
    color: #FFFFFF;
    margin-left: 8px;
    border: none !important;
}

.no-template-sec .view-template-btn:hover {
    background: #DF320C !important
}

.tab-view-template .active-tab {
    border-bottom: 2px solid #7169EA !important;
    cursor: pointer;
}

/* Template Detail Css Start*/

.template-detail-container {
    display: flex;
    width: 100%;
    /* height: 400px; */
}

.template-detail-container .tab-section {
    width: 70%;
    background: #FFFFFF;
    padding: 20px 40px;
}

.template-detail-container .about-section {
    width: 25%;
    background: #FFFFFF;
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    padding: 14px;
}

.template-detail-container .about-section .about-content-part {
    margin-bottom: 14px;
}

.template-detail-container .about-section .title {
    font-size: 16px;
    margin-bottom: 4px;
}

.template-detail-container .about-section .content {
    font-size: 12px;
    display: flex;
    gap: 10px;
    align-items: center;
}

.template-detail-container .about-section .content span {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    background: rgb(152, 201, 205);
}

.detail-template-header {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.detail-template-header .use-template-part {
    position: relative;
}

.detail-template-header .use-template-part .use-template-btn {
    background: #F4502A;
    color: #fff;
    border: none;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 12px;
}

.detail-template-header .use-template-part .more-btn {
    padding: 6px 15px;
    border: none;
    border-radius: 4px;
    background: #ECEBEA;
}

.detail-template-header .use-template-part .more-btn i {
    vertical-align: middle;
}

.detail-template-header .use-template-part .dots-template-box {
    display: none;
    position: absolute;
    border: 1px;
    border-radius: 3px;
    background-color: #fff;
    min-width: 165px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    cursor: pointer;
    margin-top: 10px;
    right: 0;
}

.detail-template-header .use-template-part .dots-template-box ul {
    list-style: none;
    margin-bottom: 0px;
    font-size: 12px;
}

.detail-template-header .use-template-part .dots-template-box ul li {
    padding: 6px 10px;
}

.detail-template-header .use-template-part .dots-template-box ul .text-copy {
    color: #DD2222;
}

.view-template-list .btn-more-option {
    padding: 6px 15px;
    border: none;
    border-radius: 4px;
    background: #ECEBEA;
}

/*Delete Template Modal Css Start*/
#deleteChooseTemplateModal .modal-delete-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#deleteChooseTemplateModal .modal-dialog .modal-content .modal-body .warning-conatiner {
    display: flex;
    align-items: center;
}

#deleteChooseTemplateModal .modal-dialog .modal-content .modal-body .warning-conatiner i {
    margin-right: 10px;
    font-size: 24px;
    color: #F09700;
}

#deleteChooseTemplateModal .modal-dialog .modal-content .modal-body .warning-conatiner .desc {
    font-size: 12px;
}

#deleteChooseTemplateModal .modal-dialog {
    width: 408px;
}

#deleteChooseTemplateModal .modal-dialog .modal-content .modal-delete-header .delete-close-icon {
    color: #cdc8c3;
    font-size: 24px;
    cursor: pointer;
}

#deleteChooseTemplateModal .modal-dialog .modal-content .modal-footer {
    border-top: 0px;
}

#deleteChooseTemplateModal .modal-dialog .modal-content .modal-footer .delete-proposal-btn {
    background: #F4502A;
    color: #fff;
}

#deleteChooseTemplateModal .modal-dialog .modal-content .modal-footer .cancel-btn {
    background: #fff;
}

#deleteChooseTemplateModal .modal-dialog .modal-content .modal-footer .cancel-btn:hover {
    background: #ecebea;
}

/*Delete Template Modal Css End*/

/*proposal view template use template*/
.view-template-list .data-table .table-row .table-cell .btn-more-option:hover {
    background: #d5d4d2 !important;
}

.results-container .stack-container .table-container .data-table .table-row .save-close-box {
    display: none;
    position: absolute;
    border: 1px;
    border-radius: 3px;
    background-color: #fff;
    min-width: 180px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    cursor: pointer;
    margin-top: 10px;
    left: -130px;
    color: inherit;
}

.results-container .stack-container .table-container .data-table .table-row .save-close-box ul {
    list-style: none;
    margin: 0;
    padding: 10px;
    font-size: 12px;
}

#btn-use-template {
    background: #ECEBEA
}

.introduction-tab-part .slider-part-choose-template {
    max-height: 300px;
    background-color: unset !important;
}

.introduction-tab-part .choose-template-box {
    background: unset !important;
    border: none !important;
    box-shadow: unset !important;
    justify-content: flex-start !important;
    overflow-y: auto;

}

.introduction-tab-part .template-detail-slide-part {
    background-color: unset !important;
    overflow: hidden;
}

/*Choose template tab layout Css start*/

.tab-choose-template-container {
    clear: both;
    margin: 0px 16px;
    border: solid 1px #CCC;
    text-align: left;
    margin-top: 31px;
    background: #fff;
    display: flex;
    flex-direction: column;
    box-shadow: 0 10px 18px rgba(23, 30, 37, 0.15), 0 0 1px rgba(23, 30, 37, 0.31);
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
    min-height: 390px;
}

.tab-choose-template-container h2 {
    font-size: 24px;
    color: #5685bc;
}

.tab-choose-template-container ul {
    margin-left: 25px;
    font-size: small;
    line-height: 1.4;
    list-style-type: disc;
}

.tab-choose-template-container li {
    padding-bottom: 5px;
    margin-left: 5px;
}

.introduction-tab-part .top-line {
    background-color: rgb(239, 81, 52);
    min-height: 8px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.introduction-tab-part .tab-choose-template-container .tab-header {
    display: flex;
    justify-content: space-between;
    padding: 24px;
    border-bottom: 1px solid #F5F5F4;
}

.introduction-tab-part .tab-choose-template-container .tab-header .left-content-box .tab-title {
    font-size: 15px !important;
    color: rgb(64, 62, 61);
    font-weight: 500;
    margin-bottom: 16px;
}

.introduction-tab-part .tab-choose-template-container .tab-header .left-content-box p {
    font-size: 12px;
    color: #A09C98;
}

.introduction-tab-part .tab-choose-template-container .tab-header .right-content-box {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: right;
}

.introduction-tab-part .tab-choose-template-container .tab-header .right-content-box p {
    font-size: 12px;
    color: #A09C98;
}

.introduction-tab-part .tab-choose-template-container .tab-body {
    height: 100%;
    padding: 32px 14px;
    display: flex;
    flex-direction: row;
}

.introduction-tab-part .tab-choose-template-container .tab-body .circle-img {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    font-size: calc(2.4rem);
    border-radius: 50px;
    max-width: 6rem;
    width: 100%;
    height: 6rem;
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
    color: #fff;
    background: rgb(239, 81, 52);
}

.introduction-tab-part .tab-choose-template-container .tab-body .rendered-content {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 95%;
    margin-left: 12px;
}

.introduction-tab-part .tab-choose-template-container .tab-body .rendered-content .content-title {
    font-size: 15px;
    font-weight: 700;
}

.introduction-tab-part .tab-choose-template-container .tab-body .rendered-content p {
    margin-bottom: 5px;
    line-height: 24px;
    font-size: 13px !important;
    color: #403E3D;
}

.introduction-tab-part .tab-choose-template-container .tab-body .rendered-content .content-title-2 {
    font-size: 22px !important;
    font-weight: 500;
    margin-bottom: 30px;
}

.introduction-tab-part .tab-choose-template-container .tab-body .rendered-content .divider {
    opacity: 0.6;
    width: 100%;
    border-width: 0px 0px 1px;
    border-image: initial;
    border-color: #ECEBEA;
    border-style: solid;
    margin: 10px auto;
}

.introduction-tab-part .tab-choose-template-container .tab-body .rendered-content .label-header {
    padding: 14px 16px;
    background-color: #F5F5F4;
    border-radius: 3px;
    margin: 24px 0px 12px 0;
}

/*Choose template tab layout Css End*/

/*Choose template slider css start*/
.introduction-tab-part .tab-container-option-slider-template {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 34px;
}

.introduction-tab-part .slider-section {
    margin-bottom: 30px;
    position: relative;
    background-color: #ECEBEA;
    display: flex;
    justify-content: center;
}

.introduction-tab-part .slider-section .slider-box {
    position: absolute;
    margin: 10px !important;
    width: 700px;
}

.introduction-tab-part .slider-box-view-template {
    margin: 10px !important;
    width: 700px;
}

.introduction-tab-part .slider-section .owl-item.active.center .slider-card {
    transform: scale(1.20);
}

.introduction-tab-part .slider-section .slider-card {
    background: #fff;
    padding: 0px 0px;
    margin: 50px 15px 90px 15px;
    border-radius: 5px;
    box-shadow: 0 15px 45px -20px rgb(0 0 0 / 73%);
    transform: scale(0.9);
    transition: all 0.3s;
    /* width: 244px; */
    /* max-width: 300px;
    width: 100%; */
    width: 300px;

}

.introduction-tab-part .slider-section .slider-card .top-line {
    background-color: rgb(239, 81, 52);
    min-height: 8px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.introduction-tab-part .slider-section .slider-card .option-part {
    padding: 24px;
}

.introduction-tab-part .slider-section .slider-card .option-part p {
    font-size: 12px;
}

.introduction-tab-part .slider-section .slider-card .option-part .option-btn {
    font-size: 10px;
    padding: 8px;
    background-color: rgb(239, 81, 52);
    width: 100%;
    border: none;
    color: #fff;
    border-radius: 5px;
    cursor: default;
}

.introduction-tab-part .slider-section .slider-card .option-service-part {
    padding: 12px;
    font-size: 10px;
    border-top: 1px solid #F5F5F4;
}

.introduction-tab-part .slider-section .slider-card .option-service-part .service-amt {
    display: flex;
    background-color: #F5F5F4;
    justify-content: space-between;
    padding: 10px;
    border-radius: 2px;
}

.introduction-tab-part .slider-section .slider-card .option-service-part .service-amt p {
    margin: 0px;
}

.introduction-tab-part .slider-section .slider-card .option-service-part ul {
    margin: 0px;
    list-style: none;
    padding: 10px 10px;
}

.introduction-tab-part .slider-section .slider-card .option-service-part ul li {
    display: flex;
}

.introduction-tab-part .slider-section .slider-card .option-service-part ul li i {
    color: rgb(239, 81, 52);
}

.introduction-tab-part .slider-section .slider-card .option-service-part ul li p {
    font-size: 10px;
}

.introduction-tab-part .slider-section .owl-dots {
    text-align: center;
    display: block !important;
    position: absolute;
    top: 0;
    left: 50%;
}

.introduction-tab-part .slider-section .owl-dots .owl-dot {
    height: 10px;
    width: 10px;
    border-radius: 10px;
    background: #ccc !important;
    margin-left: 3px;
    margin-right: 3px;
    outline: none;
}

.introduction-tab-part .slider-section .owl-dots .owl-dot.active {
    background: #5A51E7 !important;
}

.introduction-tab-part .label-text {
    text-align: center;
    font-size: 12px;
    color: #A09C98;
}

.introduction-tab-part .slider-section .owl-carousel .owl-stage {
    margin-top: 30px !important;
}

/* Choose template slider css end /

/*Revoke Proposal Modal Css Start*/
#revokeProposalModal {
    z-index: 9999;
}

#revokeProposalModal .modal-revoke-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#revokeProposalModal .modal-dialog .modal-content .modal-body .warning-conatiner {
    display: flex;
    align-items: center;
}

#revokeProposalModal .modal-dialog .modal-content .modal-body .warning-conatiner i {
    margin-right: 10px;
    font-size: 24px;
    color: #F09700;
}

#revokeProposalModal .modal-dialog .modal-content .modal-body .warning-conatiner .desc {
    font-size: 12px;
}

#revokeProposalModal .modal-dialog {
    width: 408px;
}

#revokeProposalModal .modal-dialog .modal-content .modal-revoke-header .delete-close-icon {
    color: #cdc8c3;
    font-size: 24px;
    cursor: pointer;
}

#revokeProposalModal .modal-dialog .modal-content .modal-footer {
    border-top: 0px;
}

#revokeProposalModal .modal-dialog .modal-content .modal-footer .delete-proposal-btn {
    background: #F4502A;
    color: #fff;
}

#revokeProposalModal .modal-dialog .modal-content .modal-footer .cancel-btn {
    background: #fff;
}

#revokeProposalModal .modal-dialog .modal-content .modal-footer .cancel-btn:hover {
    background: #ecebea;
}

/*Revoke Proposal Modal Css End*/

.btn-proposal-list-more {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 0;
    white-space: nowrap;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 8px 15px;
    font-size: 13px;
    line-height: 1.42857;
    border-radius: 3px;
}

.btn-proposal-list-more:hover {
    background: #D5D4D2;
    color: unset;
    text-decoration: none;
    transform: unset;
    box-shadow: unset;
    outline: none;
}

.proposal-list-btn-box {
    position: relative;
}

.proposal-list-btn-box .action-box {
    display: none;
    position: absolute;
    border: 1px;
    border-radius: 3px;
    background-color: #fff;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    cursor: pointer;
    margin-top: 10px;
    right: 22px;
}

.proposal-list-btn-box .action-box ul li {
    color: black;
    padding: 8px 16px;
    display: block;
    font-size: 13px;
}

.proposal-list-btn-box .action-box ul li:hover {
    background-color: #ECEBEA;
}

.use-template-td-action {
    position: relative;
}

.introduction-tab-part .tab-choose-template-container .tab-body .rendered-content .presentation-minimum-price-container .presentation-price-description .price-title {
    font-size: 16px !important;
    margin-bottom: 0px;
}

.introduction-tab-part .tab-choose-template-container .tab-body .rendered-content .presentation-minimum-price-container .presentation-price-description .price-title {
    font-size: 16px !important;
    margin-bottom: 0px;
}

.introduction-tab-part .tab-choose-template-container .tab-body .rendered-content .presentation-minimum-price-container .presentation-price-description .proposal-until {
    color: #A09C98;
    font-size: 12px !important;
}

.presentation-minimum-price-container .presentation-price-minimum-total-amt {
    text-align: right;
}

.introduction-tab-part .tab-choose-template-container .tab-body .rendered-content .presentation-minimum-price-container .presentation-price-minimum-total-amt .proposal-taxes {
    color: #A09C98;
    font-size: 12px !important;
}

.introduction-tab-part .tab-choose-template-container .tab-body .rendered-content .presentation-minimum-price-container .presentation-price-minimum-total-amt .total-minimum-amt {
    font-size: 16px !important;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part .view-tab-container .tab-body .rendered-content .presentation-minimum-price-container .presentation-price-description {
    width: 70%;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part .view-tab-container .tab-body .rendered-content .presentation-minimum-price-container .presentation-price-description .price-title {
    font-size: 16px !important;
    margin-bottom: 0px;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part .view-tab-container .tab-body .rendered-content .presentation-minimum-price-container .presentation-price-description .price-title {
    font-size: 16px !important;
    margin-bottom: 0px;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part .view-tab-container .tab-body .rendered-content .presentation-minimum-price-container .presentation-price-description .proposal-until {
    color: #A09C98;
    font-size: 12px !important;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part .view-tab-container .tab-body .rendered-content .presentation-minimum-price-container .presentation-price-minimum-total-amt {
    text-align: right;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part .view-tab-container .tab-body .rendered-content .presentation-minimum-price-container .presentation-price-minimum-total-amt .proposal-taxes {
    color: #A09C98;
    font-size: 12px !important;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .model-body .introduction-tab-part .view-tab-container .tab-body .rendered-content .presentation-minimum-price-container .presentation-price-minimum-total-amt .total-minimum-amt {
    font-size: 16px !important;
}

.checked-items-part .btn-common {
    text-transform: capitalize;
    font-size: 12px;
}

.checked-items-part .margin-10 {
    margin: 0px 10px;
}

.checked-items-part .mr-4 {
    margin-right: 4px;
}

.minimum-text-info-box {
    font-size: 12px;
    color: #DD2222;
    font-weight: 600;
}

/*Send Proposal Modal Css Start*/
#sendProposalModal .modal-send-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#sendProposalModal .modal-send-header .text {
    font-size: 16px;
}

#sendProposalModal .modal-dialog .modal-content .modal-body .warning-conatiner {
    display: flex;
    align-items: center;
}

#sendProposalModal .modal-dialog .modal-content .modal-body .warning-conatiner i {
    margin-right: 10px;
    font-size: 24px;
    color: #F09700;
}

#sendProposalModal .modal-dialog .modal-content .modal-body .warning-conatiner .desc {
    font-size: 12px;
}

#sendProposalModal .modal-dialog {
    width: 408px;
}

#sendProposalModal .modal-dialog .modal-content .modal-send-header .delete-close-icon {
    color: #cdc8c3;
    font-size: 24px;
    cursor: pointer;
}

#sendProposalModal .modal-dialog .modal-content .modal-footer {
    border-top: 0px;
}

#sendProposalModal .modal-dialog .modal-content .modal-footer .delete-proposal-btn {
    background: #F4502A;
    color: #fff;
}

#sendProposalModal .modal-dialog .modal-content .modal-footer .cancel-btn {
    background: #fff;
}

#sendProposalModal .modal-dialog .modal-content .modal-footer .cancel-btn:hover {
    background: #ecebea;
}

/*Send Proposal Modal Css End*/


/*choose a template Search input Start*/
#templateProposalModal .modal-body .tamplate-left-tab-box .my-template-side-bar-content .search-input {
    border-radius: 20px;
    border: none;
    border: 1px solid #F5F5F4;
    width: 100%;
    padding: 6px 15px;
}

#templateProposalModal .modal-body .tamplate-left-tab-box .my-template-side-bar-content .search-input:focus-visible {
    outline-color: #7169EA;
}

/*choose a template Search input end*/

/*Send Proposal Modal Css Start*/
#exportProposalModal .modal-export-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#exportProposalModal .modal-dialog .modal-content .modal-body .warning-conatiner {
    display: flex;
    align-items: center;
}

#exportProposalModal .modal-dialog .modal-content .modal-body .warning-conatiner i {
    margin-right: 10px;
    font-size: 24px;
    color: #F09700;
}

#exportProposalModal .modal-dialog .modal-content .modal-body .warning-conatiner .desc {
    font-size: 13px;
    padding-right: 22px;
}

#exportProposalModal .modal-dialog {
    max-width: 672px;
}

#exportProposalModal .modal-dialog .modal-content .modal-export-header .text {
    font-size: 16px;
}

#exportProposalModal .modal-dialog .modal-content .modal-export-header .delete-close-icon {
    color: #cdc8c3;
    font-size: 24px;
    cursor: pointer;
}

#exportProposalModal .modal-dialog .modal-content .modal-footer {
    border-top: 0px;
}

#exportProposalModal .modal-dialog .modal-content .modal-footer .delete-proposal-btn {
    background: #F4502A;
    color: #fff;
}

#exportProposalModal .modal-dialog .modal-content .modal-footer .cancel-btn {
    background: #fff;
}

#exportProposalModal .modal-dialog .modal-content .modal-footer .cancel-btn:hover {
    background: #ecebea;
}

/*Send Proposal Modal Css End*/

/*provided-template-box Css Start*/
#templateProposalModal .modal-body .tamplate-left-tab-box .my-template-side-bar-content .provided-template-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 15px;
}

#templateProposalModal .modal-body .tamplate-left-tab-box .my-template-side-bar-content .search-input {
    border-radius: 20px;
    border: none;
    border: 1px solid #F5F5F4;
    width: 100%;
    padding: 6px 15px;
}

#templateProposalModal .modal-body .tamplate-left-tab-box .provided-template-side-bar-content .provided-template-box .search-input:focus-visible {
    outline-color: #7169EA;
}


#templateProposalModal .modal-body .tamplate-left-tab-box .my-template-side-bar-content .provided-template-box .circle {
    width: 40px;
    height: 40px;
    background: #F5F5F4;
    border-radius: 50px;
    margin: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #abaaaabd;
    font-size: 18px;
}

#templateProposalModal .modal-body .tamplate-left-tab-box .my-template-side-bar-content .provided-template-box .no-result-title {
    font-size: 15px;
}

#templateProposalModal .modal-body .tamplate-left-tab-box .my-template-side-bar-content .provided-template-box .no-result-sub-title {
    font-size: 12px;
    color: #A09C98;
}

/*provided-template-box Css end*/


/*renew Proposal Modal Css Start*/
#renewProposalModal .modal-renew-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#renewProposalModal .modal-renew-header .text {
    font-size: 16px;
}

#renewProposalModal .modal-dialog .modal-content .modal-body .warning-conatiner {
    display: flex;
    align-items: center;
}

#renewProposalModal .modal-dialog .modal-content .modal-body .warning-conatiner i {
    margin-right: 10px;
    font-size: 24px;
    color: #F09700;
}

#renewProposalModal .modal-dialog .modal-content .modal-body .warning-conatiner .desc {
    font-size: 12px;
}

#renewProposalModal .modal-dialog {
    width: 408px;
}

#renewProposalModal .modal-dialog .modal-content .modal-renew-header .delete-close-icon {
    color: #cdc8c3;
    font-size: 24px;
    cursor: pointer;
}

#renewProposalModal .modal-dialog .modal-content .modal-footer {
    border-top: 0px;
}

#renewProposalModal .modal-dialog .modal-content .modal-footer .delete-proposal-btn {
    background: #F4502A;
    color: #fff;
}

#renewProposalModal .modal-dialog .modal-content .modal-footer .cancel-btn {
    background: #fff;
}

#renewProposalModal .modal-dialog .modal-content .modal-footer .cancel-btn:hover {
    background: #ecebea;
}

/*renew Proposal Modal Css End*/


.client-proposal-view-conatiner .model-body .model-view-copy-box .acceptance-details-container {
    padding: 12px;
}

.client-proposal-view-conatiner .model-body .model-view-copy-box .acceptance-details-container .acceptance-title {
    font-size: 12px;
    margin-bottom: 12px;
}

.client-proposal-view-conatiner .model-body .model-view-copy-box .acceptance-details-container .acceptance-content-part {
    display: flex;
    justify-content: space-between;
    padding: 10px 0px;
    border-bottom: 1px solid #ECEBEA;
    background: #fff;
}

.client-proposal-view-conatiner .model-body .model-view-copy-box .acceptance-details-container .acceptance-content-part .proposal-accpeted-detail ul {
    list-style: none;
}

.client-proposal-view-conatiner .model-body .model-view-copy-box .acceptance-details-container .acceptance-content-part .proposal-accpeted-detail .sign-box {
    height: 50px;
}

.client-proposal-view-conatiner .model-body .model-view-copy-box .acceptance-details-container .acceptance-content-part .proposal-accpeted-detail .sign-list {
    display: flex;
}

.client-proposal-view-conatiner .model-body .model-view-copy-box .acceptance-details-container .acceptance-content-part .proposal-accpeted-detail .proposal-accpeted-title {
    display: block;
    width: 60px;
    text-align: left;
    color: rgb(160, 156, 152);
    font-size: 12px;
}

.client-proposal-view-conatiner .model-body .model-view-copy-box .acceptance-details-container .acceptance-content-part .proposal-pdf-detail a {
    font-size: 12px;
    color: #5A51E7;
}

.client-proposal-view-conatiner .modal-dialog .modal-content .border-left-accepted-status {
    border-left-style: solid;
    border-left-width: 5px;
    border-left-color: #00b46e;
}

.client-proposal-view-conatiner .model-body .model-view-copy-box .acceptance-details-container .acceptance-content-part .proposal-accpeted-detail .proposal-signature {
    font-family: 'SuomiHand Script';
    line-height: 1;
    font-size: 45px;
}

.client-proposal-view-conatiner .model-body .model-view-copy-box .proposal-status-awaiting {
    padding: 18px 12px;
}

.client-proposal-view-conatiner .model-body .model-view-copy-box .proposal-status-awaiting .proposal-status-awaiting-info {
    display: block;
    background: #E6F0FE;
    padding: 18px 14px;
    width: 100%;
    font-size: 13px;
    border-radius: 4px;
}

.service-main-bill-box {
    position: relative;
    width: fit-content;
}

.service-billing-mode-action-box {
    display: none;
    position: absolute;
    border: 1px;
    border-radius: 3px;
    background-color: #fff;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    cursor: pointer;
    margin-top: 10px;
    left: 0px;
}

.service-billing-mode-action-box .service-mode-text {
    color: #808080d9;
}

.service-billing-mode-action-box ul li {
    color: black;
    padding: 8px 12px;
    display: block;
    font-size: 12px;
}

.active-bill-mode {
    background-color: #4940ce38;
}
.service-main-rate-box {
    position: relative;
    width: fit-content;
}

.service-tax-rate-action-box {
    display: none;
    position: absolute;
    border: 1px;
    border-radius: 3px;
    background-color: #fff;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    cursor: pointer;
    margin-top: 10px;
    left: 0px;
}

.service-tax-rate-action-box .service-rate-text {
    color: #808080d9;
}

.service-tax-rate-action-box ul li {
    color: black;
    padding: 8px 12px;
    display: block;
    font-size: 12px;
}

.active-tax-rate {
    background-color: #4940ce38;
}

.failed-msg {
    color: #DD2222 !important;
}

/* */
.renew-apply-price-modal .modal-dialog {
    max-width: 768px !important;
}

.renew-apply-price-modal .modal-header {
    display: flex;
    padding: 0 !important;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ECEBEA !important;
    margin: 24px 24px 12px 24px;
}

.renew-apply-price-modal .modal-header::before,
.renew-apply-price-modal .modal-header::after {
    content: unset !important;
    display: unset !important;
}

.renew-apply-price-modal .modal-header .title-container {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.renew-apply-price-modal .modal-header .title-container .warning-icon {
    display: inline-block;
    font-size: 28px;
    line-height: 20px;
    transition: color 0.2s ease-in-out 0s;
    color: #F09700;
}

.renew-apply-price-modal .modal-header .title-container .warning-icon svg {
    display: inline-block;
    height: 28px;
}

.renew-apply-price-modal .modal-header .title-container .title {
    font-size: 16px;
    margin-bottom: 0 !important;
}

.renew-apply-price-modal .modal-header .close-icon {
    cursor: pointer;
    display: inline;
    font-size: 14px;
    transition: color 0.2s ease-in-out 0s;
    color: #A09C98;
    padding: 8px 12px;
}

.renew-apply-price-modal .modal-header .close-icon svg {
    display: inline-block;
    height: 14px;
}

.renew-apply-price-modal .modal-body {
    padding: 8px 24px !important;
    justify-content: space-between;
}

.renew-apply-price-modal .modal-body .increase-part {
    padding-bottom: 22px;
}

.renew-apply-price-modal .modal-body .increase-part .font-12 {
    font-size: 12px;
}

.renew-apply-price-modal .modal-body .increase-part .color-lightgray {
    color: #A09C98;
}

.renew-apply-price-modal .modal-body .increase-part .round-price-part {
    display: flex;
    align-items: center;
    font-size: 12px;
}

.renew-apply-price-modal .modal-body .increase-part .number-msg{
    margin-bottom: 0px;
    font-size: 11px;
    color: brown;
}

.renew-apply-price-modal .modal-body .increase-part .round-price-part .input-round-price {
    width: 80px;
    padding: 5px 7px;
    border: 1px solid #A09C98;
    border-radius: 3px;
}

.renew-apply-price-modal .modal-body .increase-part .round-price-part .warning-border:focus-visible {
    outline-color: brown;
}


.renew-apply-price-modal .modal-body .increase-part .round-price-part .text-round-price {
    margin-left: 10px;
    margin-right: 18px;
}

.renew-apply-price-modal .modal-body .increase-part .round-price-part .amt-option {
    width: 34%;
    padding: 6px 10px;
    border: 1px solid #ccc;
    font-size: 12px;
}

.renew-apply-price-modal .modal-body .increase-part .best-price-link {
    color: #5A51E7;
}

.renew-apply-price-modal .modal-body .new-minimum-price-part {
    padding-top: 24px;
    border-top: 1px solid #ECEBEA;
}

.renew-apply-price-modal .modal-body .new-minimum-price-part .apply-question-icon {
    color: #5A51E7;
}

.renew-apply-price-modal .modal-body .new-minimum-price-part .total-amt {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px;
}

.renew-apply-price-modal .modal-body .new-minimum-price-part .apply-amt {
    color: #08A674;
    margin-bottom: 30px;
}

.renew-apply-price-modal .modal-body .new-minimum-price-part .minimum-value-title {
    font-size: 12px;
    margin-bottom: 26px;
}

.renew-apply-price-modal .modal-body .new-minimum-price-part .apply-price-list-box {
    display: flex;
    list-style: none;
}

.renew-apply-price-modal .modal-body .new-minimum-price-part .apply-price-list-box .price-list-item {
    width: 40%;
}

.renew-apply-price-modal .modal-body .new-minimum-price-part .apply-price-list-box .price-list-item .option-font-12{
    font-size: 12px;
}

.renew-apply-price-modal .modal-body .new-minimum-price-part .apply-price-list-box .price-list-item .apply-tax{
    font-size: 11px;
    font-weight: 100;
}

.renew-apply-price-modal .modal-footer {
    border-top: none !important;
    padding: 12px 24px 24px !important;
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

.renew-apply-price-modal .modal-footer .select-btn {
    margin-left: 8px;
    background: #F4502A !important;
    color: #fff !important;
}

.renew-apply-price-modal .modal-footer .cancel-btn {
    background: #ECEBEA !important;
    color: #000 !important;
}

/* Radio slider start*/
.apply-price-switch {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 18px;
    margin-bottom: 0px;
    margin-left: 10px;
}

.apply-price-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.apply-price-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.apply-price-slider:before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.apply-price-slider {
    background-color: #2196F3;
}

input:focus+.apply-price-slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.apply-price-slider:before {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
}

/* Rounded sliders */
.apply-price-slider.round {
    border-radius: 34px;
}

.apply-price-slider.round:before {
    border-radius: 50%;
}

/* Radio slider end*/

.table-container .data-table .table-row .table-cell .text-container .stack-container .question-mark-icon {
    margin-left: 8px;
    cursor: pointer;
    display: inline-block;
    transition: color 0.2s ease-in-out 0s;
    color: #bdbab7;
}

.table-container .data-table .table-row .table-cell .text-container .stack-container .question-mark-icon svg {
    display: inline-block;
    height: 13px;
}

.recurring-part .popover-content .popover-body .billing-rules-form .option-2-container .specific-date-container .date-container .not-valid-bill-date{
    border-color: rgb(221, 34, 34);
    box-shadow: rgb(221, 34, 34) 0px 0px 0px 1px;
}

.project-wrapper .service-group .service-new-date-active {
    background: #FDE7E7;
}

.minimum-val-box .min-amt-part {
    width: 100%;
    display: flex;
    margin-bottom: 6px;
}

.minimum-val-box .min-renewing-part {
    width: 100%;
    display: flex;
    align-items: end;
    border-top: 2px solid #8080804a;
    padding-top: 6px;
}

.minimum-val-box .min-renewing-part .renewing-text-color {
    color: darkgray;
}

.minimum-val-box .min-renewing-part .magic-icon {
    color: #5A51E7;
    margin-left: 35px;
}

.minimum-val-box .min-renewing-part .apply-price-text {
    font-size: 12px;
    color: #5A51E7;
    font-weight: 600;
    cursor: pointer;
}

.minimum-val-box .min-renewing-part .apply-price-text:hover {
    text-decoration: underline;
}

/* Billing Schedule Css Start */
.billing-schedule-conatiner .billing-service-section {
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #ECEBEA;
    cursor: pointer;
    border-radius: 3px;
    transition: transform 0.15s ease-out 0s;
    margin-bottom: 10px;
    position: relative;
}

.billing-schedule-conatiner .bill-loader {
    top: 20% !important;
    z-index: 1;
}

.billing-schedule-conatiner .bill-loader-client {
    top: 10% !important;
    z-index: 1;
}

.billing-schedule-conatiner .billing-service-section:hover {
    box-shadow: 0 8px 12px rgba(23, 30, 37, 0.15), 0 0 1px rgba(23, 30, 37, 0.31);
}

.billing-schedule-conatiner .billing-service-section .proposal-service-part {
    display: flex;
    justify-content: space-between;
    padding: 16px;
}

.billing-schedule-conatiner .billing-service-section .proposal-service-part .proposal-service-info {
    display: flex;
    align-items: center;
}

.billing-schedule-conatiner .billing-service-section .proposal-service-part .proposal-service-info .mr-6 {
    margin-right: 6px;
}

.billing-schedule-conatiner .billing-service-section .proposal-service-part .proposal-service-info .proposal-card-label {
    background: #FDEDAA;
    padding: 4px 6px;
    border-radius: 40px;
    font-size: 10px;
    color: #92400E;
    font-weight: 200;
}

.billing-schedule-conatiner .billing-service-section .proposal-service-part .proposal-service-info .billing-font-size {
    font-size: 14px;
    font-weight: 600;
}

.billing-schedule-conatiner .billing-service-section .proposal-info-part {
    padding: 4px 16px;
    color: #A09C98;
}

.billing-schedule-conatiner .billing-title{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px;
    display: flex;
    padding: 20px 0px 10px;
}

.billing-schedule-conatiner .faq-section {
    background: #fff;
    margin-top: 20px;
    padding: 0px 8px;
    border-radius: 4px;
}

.billing-schedule-conatiner .faq-section .billing-part-faq-section {
    background: #F5F5F4;
    border-radius: 3px;
    margin: 8px 0px;
    padding: 10px;
}

.billing-schedule-conatiner .faq-section .billing-part-faq-section .faq-font {
    font-size: 18px;
    font-weight: 500;
}

.billing-schedule-conatiner .faq-section .billing-part-faq-section .heading-Faq-question {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
}

.billing-schedule-conatiner .bill-view-more-section {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
}

.billing-schedule-conatiner .bill-view-more-section .more-bill-view-btn {
    color: #5A51E7;
    cursor: pointer;
}

.billing-schedule-conatiner .billing-service-section .selected-bill-show{
    background: #D5D2F9;
}

.billing-schedule-conatiner .scroll-container {
    overflow: auto;
    max-height: 560px;
}

.billing-schedule-conatiner .bill-head-part {
    display: flex;
    justify-content: space-between;
}

.billing-schedule-conatiner .bill-head-part .selected-bill-part {
    display: flex;
    align-items: center;
}

.billing-schedule-conatiner .bill-head-part .selected-bill-part .invoice-btn-disabled {
    opacity: 0.5;
    cursor: default;
}

.billing-schedule-conatiner .bill-head-part .selected-bill-part .btn-invoice {
    background: #F4502A;
    color: #fff;
    text-transform: capitalize;
    font-size: 12px;
    padding: 8px 10px;
    border-radius: 5px;
}

.billing-schedule-conatiner .bill-head-part .selected-bill-part .btn-invoice .invoice-right-icon {
    font-size: 14px;
    vertical-align: text-bottom;
    margin-right: 4px;
}


/* bill new style layout css start*/
.proposal-service-bill-container {
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #ECEBEA;
    cursor: pointer;
    border-radius: 3px;
    margin-bottom: 20px;
}

.proposal-service-bill-container:hover {
    box-shadow: 0 8px 12px rgba(23, 30, 37, 0.15), 0 0 1px rgba(23, 30, 37, 0.31);
}

.proposal-service-bill-container .proposal-bill-date {
    background: #ECEBEA;
    padding: 12px 16px;
    cursor: default;
}

.proposal-service-bill-container .services-details {
    height: 100%;
    padding: 16px;
}

.proposal-service-bill-container .services-details .check-part {
    width: 20px;
}

.proposal-service-bill-container .services-details .proposal-title-heading{
    color: #A09C98;
    font-size: 14px;
}

.proposal-service-bill-container .services-details .proposal-title-heading .proposal-card-label{
    background: #FDEDAA;
    padding: 5px 14px;
    border-radius: 40px;
    font-size: 10px;
    color: #92400E;
    font-weight: 200;
    font-size: 13px;
}

.proposal-service-bill-container .services-details .proposal-bill-service{
    display: flex;
    justify-content: space-between;
}

.proposal-service-bill-container .services-details .proposal-bill-service .service-title {
    width: 85%;
    padding-left: 20px;
}

.proposal-service-bill-container .services-details .proposal-bill-service .service-amt {
    width: 15%;
    text-align: right;
}

.proposal-service-bill-container .services-details .sub-total-amt-section{
    margin-top: 20px;
}

.proposal-service-bill-container .services-details .sub-total-amt-section .sub-amt-part{
    display: flex;
    justify-content: space-between;
}

.proposal-service-bill-container .services-details .sub-total-amt-section .sub-amt-part .sub-amt-title{
    width: 85%;
    text-align: right;
}

.proposal-service-bill-container .services-details .sub-total-amt-section .sub-amt-part .sub-total-amt{
    width: 15%;
    text-align: end;
}

.billing-schedule-conatiner .no-bill-detail{
    text-align: center;
    font-weight: 700;
}

.billing-schedule-conatiner .load-more-section {
    height: 100%;
    padding: 16px;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid #ECEBEA;
    min-height: 51px;
    color: #5A51E7;
    font-weight: 600;
    background-color: rgb(255, 255, 255);
}

.billing-schedule-conatiner .load-more-section:hover{
    box-shadow: 0 8px 12px rgba(23, 30, 37, 0.15), 0 0 1px rgba(23, 30, 37, 0.31);
}

.billing-schedule-conatiner .accepted-card{
    background: #C5F6E6 !important;
    color: #056647 !important;
}

.accepted-bill-cursor {
    cursor: default;
}

.proposal-service-bill-container .btn-bill-pay {
    background: #F4502A;
    color: #fff;
    text-transform: capitalize;
    font-size: 12px;
    padding: 8px 10px;
    border-radius: 5px;
}

/* Billing Schedule Css End */


/*Payment Modal Css Start*/
#paymentModal .modal-delete-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#paymentModal .modal-dialog .modal-content .modal-body .warning-conatiner {
    display: flex;
    align-items: center;
}

#paymentModal .modal-dialog .modal-content .modal-body .warning-conatiner i {
    margin-right: 10px;
    font-size: 24px;
    color: #F09700;
}

#paymentModal .modal-dialog .modal-content .modal-body .warning-conatiner .desc {
    font-size: 12px;
}

#paymentModal .modal-dialog {
    width: 408px;
}

#paymentModal .modal-dialog .modal-content .modal-delete-header .delete-close-icon {
    color: #cdc8c3;
    font-size: 24px;
    cursor: pointer;
}

#paymentModal .modal-dialog .modal-content .modal-footer {
    border-top: 0px;
}

#paymentModal .modal-dialog .modal-content .modal-footer .delete-proposal-btn {
    background: #F4502A;
    color: #fff;
}

#paymentModal .modal-dialog .modal-content .modal-footer .cancel-btn {
    background: #fff;
}

#paymentModal .modal-dialog .modal-content .modal-footer .cancel-btn:hover {
    background: #ecebea;
}
/*Payment Modal Css End*/

.service-wrapper .title-service-color {
    color: #000;
    margin-left: 20px;
}

.service-wrapper .deposit-case {
    background: #FAFAFA;
    cursor: default;
}

.project-wrapper .service-group .service-table tr td .qty-amt-box .service-amt-input {
    background: #FAFAFA !important;
}

.service-wrapper .deposit-case .service-deposit-selected-sub-services {
   position: relative;
}

.service-wrapper .deposit-case .selected-deposit-service {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    gap: 0px;
    inset: 0px auto;
    position: absolute;
    height: 100%;
}

.service-wrapper .deposit-case .selected-deposit-service .deposit-line {
    height: 100%;
    position: absolute;
    top: 0px;
    width: 1px;
    background: #D5D4D2;
}

.service-wrapper .deposit-case .selected-deposit-service .deposit-center-line {
    height: 1px;
    margin-left: -1px;
    width: 12px;
    background: #D5D4D2;
}

.service-wrapper-conatainer .proposal-tab-container .option-box .is--hidden {
    display: none;
}

.proposal-content-conatiner-section {
    margin-top: 129px;
}
.proposal-header-main {
    position: fixed;
    top: 90px;
    width: calc(100% - 230px);
}

.margin-lr-10 {
    margin: 0 10px;
}

.proposal-toggle-not-expand {
    width: calc(100% - 50px) !important;
}

.default-service-conatiner {
    display: flex;
    align-items: center;
}

.default-service-conatiner .default-service-switch {
    width: 50px !important;
}

#proposalPaymentDetailModal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

#proposalPaymentDetailModal.right.fade.in .modal-dialog {
    right: 0;
    position: absolute;
    margin: 10px !important;
    width: 700px;
}

#proposalPaymentDetailModal .payment-info-title{
    width: 68px;
}

#proposalPaymentDetailModal .payment-btn-part {
    display: flex;
    height: fit-content;
    justify-content: space-between;
    flex-direction: column;
}

#proposalPaymentDetailModal .payment-btn-part .proposal-share-link-btn {
    font-size: 12px;
    border-radius: 4px;
}
#proposalPaymentDetailModal .payment-btn-part .ml-10{
    margin-left: 10px;
}

#proposalPaymentDetailModal .payment-btn-part .proposal-schedule-btn {
    margin: 0px 10px;
    font-size: 12px;
    background: #5A51E7;
    border-radius: 4px;
    color: #fff;
}

#proposalPaymentDetailModal .payment-btn-part .proposal-reschedule-btn{
    margin: 0px 10px;
    font-size: 12px;
    background: rgb(239, 81, 52);
    border-radius: 4px;
    color: #fff;
    letter-spacing: 0.7px;
}

#proposalPaymentDetailModal .payment-list li {
    margin-bottom: 18px;
}

.payment-pointer {
    cursor: pointer;
}

#proposalPaymentDetailModal .payment-part {
    display: flex;
    justify-content: space-between;
    padding: 12px;
}

#proposalPaymentDetailModal .payment-container {
    display: block !important;
    padding: 0px;
}

#proposalPaymentDetailModal .payment-container .hr-line {
    margin: 10px 0px;
    margin-bottom: 0px;
}

#proposalPaymentDetailModal .payment-container .payment-bottom-info {
    font-size: 12px;
}

#proposalPaymentDetailModal .invoice-container {
    margin-bottom: 30px;
    margin-top: 0px;
}

#proposalPaymentDetailModal .invoice-container .invoice-header-part {
    display: flex;
    width: 100%;
    padding: 18px;
    position: relative;
}

#proposalPaymentDetailModal .invoice-container .invoice-header-part .invoice-title-one {
    width: 46%;
}

#proposalPaymentDetailModal .invoice-container .invoice-header-part .invoice-title-two {
    width: 35%;
    text-align: end;
}

#proposalPaymentDetailModal .invoice-container .invoice-header-part .invoice-title-three {
    width: 28%;
    display: flex;
    justify-content: end;
    height: fit-content;
}

#proposalPaymentDetailModal .invoice-container .invoice-header-part .invoice-title-three .send-invoice-btn {
    height: max-content;
    cursor: pointer;
    color: #000;
    font-weight: 600;
    padding: 8px 10px;
    border-radius: 4px;
    font-size: 12px;
    background: #ECEBEA;
    margin-left: 10px;
}

#proposalPaymentDetailModal .invoice-container .invoice-header-part .invoice-title-three .invoice-three-dot-btn {
    margin-left: 10px;
}

.payment-title-text {
    text-align: end !important;
}

.payment-collection-header {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.payment-collection-header .title-part {
    width: 100%;
}

.payment-collection-header .title-part .collection-text {
    width: 100%;
    border-bottom: 1px solid #00000026;
    padding-bottom: 15px !important;
    padding-left: 30px;
}

.payment-collection-header .title-part .collection-tabs-part {
    display: flex;
    margin-top: 36px;
    margin-left: 30px;
    width: 100%;
    max-width: 550px;
    justify-content: space-between;
    padding-bottom: 0px;
}

.payment-collection-header .title-part .collection-tabs-part .tab-payment-type {
    display: block;
    padding: 0px;
    cursor: pointer;
}

.payment-collection-header .title-part .collection-tabs-part .pb-4 {
    padding-bottom: 4px;
}

.payment-proposal-no-record-msg {
    margin-top: 20px;
    text-align: center;
}

#proposalPaymentDetailModal .invoice-container .invoice-header-part .invoice-title-one .invoice-main-text {
    font-size: 16px;
    color: #5A51E7;
}

.mb-4 {
    margin-bottom: 4px;
}

.invoice-container .payment-flex{
    flex-direction: column;
    padding: 0px !important;
}

.invoice-container .payment-flex .invoice-service-details-container{
    display: flex;
    flex-direction: column;
    width: 100%;
    border-top: 1px solid #d3d3d37a;
    padding: 18px;
}

.invoice-container .payment-flex .invoice-service-details-container .invoice-service-title{
    width: 100%;
    list-style: none;
    display: inline-flex;
    font-weight: 600;
    font-size: 12px;
}

.invoice-container .payment-flex .invoice-service-details-container .invoice-service-title .invoice-desc{ 
    width: 50%;
}

.invoice-container .payment-flex .invoice-service-details-container .invoice-service-title .invoice-qty{ 
    width: 10%;
    text-align: end;
}

.invoice-container .payment-flex .invoice-service-details-container .invoice-service-title .invoice-price{
    width: 14%;
    text-align: end;
}

.invoice-container .payment-flex .invoice-service-details-container .invoice-service-title .invoice-dsc{
    width: 12%;
    text-align: end;
}

.invoice-container .payment-flex .invoice-service-details-container .invoice-service-title .invoice-tax{
    width: 10%;
    text-align: end;
}

.invoice-container .payment-flex .invoice-service-details-container .invoice-service-title .invoice-amt{
    width: 12%;
    text-align: end;
}

.invoice-container .payment-flex .invoice-service-details-container .invoice-item-detail{
    font-weight: 100 !important;
    align-items: center;
}

.invoice-container .payment-flex .invoice-service-details-container .invoice-sub-total-container {
    margin-top: 20px;
}


.invoice-container .payment-flex .invoice-service-details-container .invoice-sub-total-container .sub-total-part {
    display: flex;
    justify-content: end;
}

.invoice-container .payment-flex .invoice-service-details-container .invoice-sub-total-container .sub-total-part .sub-title{
    width: 87%;
    text-align: end;
    font-weight: 600;
}

.invoice-container .payment-flex .invoice-service-details-container .invoice-sub-total-container .sub-total-part .sub-amt{
    width: 12%;
    text-align: end;
    margin-bottom: 4px;
    font-size: 12px;
}

#proposalPaymentDetailModal .payment-container .rejected-payment-status{
    background: #ff1a0029;
    color: red;
    padding: 12px;
}

#proposalPaymentDetailModal .payment-container .pending-payment-status{
    padding: 12px;
}

#proposalPaymentDetailModal .payment-container .collecting-payment-status{
    padding: 12px;
    background: #00800024;
    color: #1b911b;
}

#proposalPaymentDetailModal .payment-btn-part .invoice-action-part{
    border-radius: 3px;
    background-color: #fff;
    width: 84%;
    margin: 0 auto;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    margin-top: 8px;
    display: none;
}

#proposalPaymentDetailModal .payment-btn-part .invoice-action-part .invoice-menu-list {
    list-style: none;
}

#proposalPaymentDetailModal .payment-btn-part .invoice-action-part .invoice-menu-list .invoice-item {
    display: block;
    color: #000;
    padding: 6px 16px;
    font-size: 12px;
}

.is-view-reschedule{
    display: block !important;
}

.collection-heading {
    text-transform: math-auto !important;
    padding: 20px 10px !important;
    font-size: 16px !important;
    color: #807d7a;
}

.th-amt-title {
    justify-content: end;
}

.total-record-counts{
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 28px;
    -webkit-box-pack: center;
    justify-content: center;
    overflow: hidden;
    width: 28px;
    margin-right: 10px;
    color: #fff;
}

.th-flex{
    display: flex;
    align-items: center;
}

.count-first{
    background: rgb(0, 180, 110);
}

.count-second{
    background: rgb(253, 178, 90);
}

.count-third{
    background: rgb(223, 82, 74);
}

.payment-table-main {
    margin-bottom: 12px;
}

.payment-left {
    padding-left: 50px !important;
}

.payment-title-color {
    color: #000 !important;
    margin-right: 10px;
}

.payment-model {
    max-height: 700px !important;
}

.payment-schedule-date {
    margin: 0px;
}

#scheduledDate {
    background: #5A51E7;
    color: #fff;
    cursor: pointer;
}

.payment-calender-icon {
    color: #fff !important;
}

#proposalPaymentDetailModal .payment-btn-part .payment-share-part{
}

#proposalPaymentDetailModal .payment-btn-part .payment-share-part .payment-invoice-date{
    width: 30%;
    margin: 0px 10px;
    margin-right: 0px;
}

#proposalPaymentDetailModal .payment-btn-part .payment-share-part .repayment-invoice-date {
    width: 32%;
    margin: 0px 10px;
    margin-right: 0px;
}

#RescheduledDate  {
    background: rgb(239, 81, 52);
    color: #fff;
    border: none;
    cursor: pointer;
}

.td-collection-width {
    width: 50%;
}

.payment-log-pl{
    padding-left: 20px;
}

.invoice-container .payment-flex .invoice-service-details-container .invoice-title-proposal-no{
    margin-bottom: 0px;
    font-size: 12px;
    font-weight: 600;
}

.bill-payment-container {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    width: 700px;
    background: #fff;
    margin: 0 auto;
    margin-top: 100px;
    box-shadow: 0 10px 18px rgba(23, 30, 37, 0.15), 0 0 1px rgba(23, 30, 37, 0.31);
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
    border: solid 1px #CCC;
    padding: 10px 12px;
}

.bill-payment-container .payment-card-list{
    list-style: none;
    margin: 26px 0px;
}

.bill-payment-container .payment-card-list .payment-title{
    display: block;
    width: 20%;
    font-weight: 600;
}

.bill-payment-container .bill-payment-title {
    margin: 0px;
    font-weight: 100;
}

.bill-payment-container .card-detail-part {
    width: 100%;
}

.bill-payment-container .payment-card-list .payment-item {
    display: flex;
}

.bill-payment-container .payment-card-list .payment-info {
    display: block;
    width: 80%;
}

.bill-payment-container .payment-card-list .payment-item-tb-space {
    margin: 20px 0px;
}

.bill-payment-container .card-detail-part {
    width: 100%;
}

.bill-payment-container .card-detail-part .pay-bill-btn{
    background: rgb(239, 81, 52);
    color: #fff;
    border: none;
    padding: 10px;
    font-size: 12px;
}

.proposal-payment-container .payment-card-collapse {
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: all 0.2s ease-in-out;
}

.proposal-payment-container .payment-card-show{
    opacity: 1 !important;
    height: 100% !important;
    max-height: 400px;
    transition: height 0.5s, opacity 0.5s !important;
}

.proposal-payment-container .payment-card-btn-text {
    color: rgb(239, 81, 52);
    width: fit-content;
    cursor: pointer;
}

.proposal-payment-container .proposal-payment-btn {
    display: flex;
    justify-content: end;
    padding: 0px;
}

.proposal-payment-container .proposal-payment-btn .btn-mr-10 {
    margin-right: 10px;
}

.proposal-payment-container .proposal-payment-btn .save-card-btn {
    background: rgb(239, 81, 52);
    color: #fff;
    border: none;
    padding: 10px;
    font-size: 12px;
}

.proposal-payment-container .invalid-card-field {
    border-color: #ff0000ad;
}

.proposal-payment-container .invalid-card {
    color: #ff0000ad;
    font-weight: 600;
    font-size: 12px;
}

#proposalPaymentDetailModal .payment-btn-part .payment-copy-link{
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.status-label{
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 24px;
    font-size: 12px;
    padding: 5px 8px;
}

.label-successed{
    background: #C5F6E6;
    color: #056647;
}

.label-failed {
    background: #ff5555;
    color: #fff;
}

.client-status-label {
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 24px;
    font-size: 12px;
    padding: 5px 8px;
}

.invoice-payment-activity-info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

#proposalPaymentDetailModal .payment-btn-part .payment-share-part .payment-btns-view-one{
    display: flex;
    justify-content: end;
    margin-bottom: 10px;
}

#proposalPaymentDetailModal .payment-btn-part .payment-share-part .payment-btns-view-two{
    display: flex;
    justify-content: end;
}

#proposalPaymentDetailModal .payment-btn-part .payment-share-part .payment-btns-view-two .payment-pay-btn {
    background: rgb(239, 81, 52);
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    border-radius: 4px;
}

.invoice-payment-modal {
    z-index: 9999;
}

.payment-success-msg {
    padding: 15px 20px;
    text-align: center;
    background: #0080002e;
    margin-top: 20px;
}

.payment-invoice-date input::placeholder{
    color: #fff;
}

.repayment-invoice-date input::placeholder{
    color: #fff;
}

.collections-payment-lists {
    height: calc(100vh - 252px) !important;
}

.collections-payment-lists .pending-amt {
    justify-content: end;
}

.view-tab-container .activity-part .activity-box .proposal-accepted-logs {
    color: #08A674;
}

.view-tab-container .activity-part .activity-box .proposal-send-failed-logs {
    color: #DD2222;
}

.tab-view-template .tab-paymentLog {
    cursor: pointer;
}

.proposal-clients-container .client-list-part {
    text-align: end !important;
}

.proposal-clients-container .client-list-part .clients-dots-list {
    text-align: left;
}

.proposal-clients-container .client-name-td {
    width: 25%;
}

.client-list-container {
    max-width: 200px !important;
    margin-top: 10px !important;
}

.client-proposal-status {
    margin-top: 24px;
    margin-left: 30px;
    font-size: 14px !important;
}

.client-list-container .tab-status {
    padding-bottom: 4px !important;
}

.proposal-client-detail-container .tab-client-proposal{
    padding-bottom: 6px;
}

.proposal-client-detail-container {
    display: flex;
    margin-top: 36px;
    margin-left: 30px;
    width: 100%;
    max-width: 370px;
    justify-content: space-between;
    padding-bottom: 0px;
    cursor: pointer;
}

.proposal-client-detail-container .active-tab {
    border-bottom: 2px solid #7169EA !important;
    cursor: pointer;
    padding-bottom: 10px;
}

.summary-view-container {
    display: flex;
    justify-content: space-around;
}

.client-summary-container {
    width: 63%;
}

.client-summary-container .list-summary-detail {
    margin: 0px;
    list-style: none;
}

.client-summary-container .list-summary-item {
    display: flex;
    justify-content: space-between;
    background: #fff;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #ECEBEA;
    border-left-width: 5px;
    border-left-color: #D97706;
}

.client-summary-container .list-summary-item:hover{
    background:#ECEBEA;
    cursor: pointer;
}

.client-summary-container .list-summary-detail .list-summary-item .client-content-right-6 {
    text-align: end;
}

.client-summary-container .title-client-proposal {
    font-size: 22px;
    margin: 30px auto;
}

.client-summary-container .client-mt-30 {
    margin-top: 30px;
}

.client-summary-container .status-awaiting-acceptance {
    border-left-color: #0F65F0 !important;
}

.client-summary-container .status-accepted-acceptance {
    border-left-color: #08A674 !important;
}

.client-summary-container .status-completed-proposal {
    border-left-color: lightgray !important;
}

.client-summary-container .empty-proposal-container {
    display: flex;
    padding: 16px;
    background: #fff;
    border: 1px solid #ECEBEA;
}

.client-summary-container .empty-proposal-container .empty-text-color {
    color: #A09C98;
}

.client-contact-section {
    width: 35%; 
}

.client-contact-section .contact-title-summary {
    font-size: 22px;
    margin: 48px auto;
}

.client-contact-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    margin-top: 30px;
    border: 1px solid #ECEBEA;
    border-radius: 4px;
    padding: 16px;
}

.client-contact-container .client-info-view {
    display: flex;
    align-items: center;
}

.client-contact-container .client-info-view .user-name {
    width: 50px;
    height: 50px;
    background: #98C9CD;
    display: flex;
    border-radius: 50%;
    margin-right: 10px;
    justify-content: center;
    align-items: center;
    font-size: 18px;
}

.service-tab-container {
    display: flex;
    justify-content: space-around;
    margin-top: 100px;
}

.client-proposal-service-container {
    width: 63%;
}

.client-contact-detail-part {
    width: 35%;
    background: #fff;
    margin-top: 20px;
    border: 1px solid rgb(245, 245, 244);
    height: 100%;
}

.client-contact-detail-part .client-service{
    background: #F5F5F4;
    padding: 12px;
    margin: 24px;
}

.f-size-18 {
    font-size: 18px;
}

.f-size-12 {
    font-size: 12px;
}

.client-contact-detail-part .client-service-action {
    border-top: 1px solid rgb(245, 245, 244);
    padding: 32px 24px;
}

.client-contact-detail-part .client-service-action .inactive-service-part {
    margin: 30px 0px;
}

.client-contact-detail-part .client-service-action .client-info-title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 4px;
}

.client-contact-detail-part .client-service-action .client-text-color {
    color: #A09C98;
}

.client-contact-detail-part .client-service-action .end-all-service-part {
    margin: 20px 0px; 
}

.client-contact-detail-part .client-service-action .end-all-service-part .end-all-service-btn{
    border: none;
    padding: 8px 10px;
    font-size: 12px;
    font-weight: 700;
    border-radius: 5px;
    background: #ECEBEA;
}

.client-proposal-service-container .service-list-item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    padding: 16px 30px;
    margin-top: 20px;
    border-radius: 3px;
    border: 1px solid #ECEBEA;
    transition: transform 0.15s ease-out 0s;
}

.client-proposal-service-container .service-list-item:hover{
    z-index: 2;
    transform: translateY(-1px);
    box-shadow: 0 8px 12px rgba(23, 30, 37, 0.15), 0 0 1px rgba(23, 30, 37, 0.31);
}

.client-proposal-service-container .service-list-item .service-content-right-part {
    text-align: end;
}

.client-proposal-service-container .service-list-item .mb-6 {
    margin-bottom: 6px;
}

.client-proposal-billing-tab {
    margin-top: 100px;
}

.client-proposal-billing-schedule-tab .billing-schedule-item {
    display: flex;
    flex-direction: column;
    background: #fff;
    margin-top: 20px;
    border-radius: 3px;
    transition: transform 0.15s ease-out 0s;
}

.client-proposal-billing-schedule-tab .billing-schedule-item:hover{
    z-index: 2;
    transform: translateY(-1px);
    box-shadow: 0 8px 12px rgba(23, 30, 37, 0.15), 0 0 1px rgba(23, 30, 37, 0.31);
}

.client-proposal-billing-schedule-tab .billing-schedule-item .billing-title-part{
    display: flex;
    justify-content: space-between;
    background: #ECEBEA;
    padding: 12px;
}

.client-proposal-billing-schedule-tab .billing-schedule-item .billing-content-part{
    padding: 12px;
}

.client-proposal-billing-schedule-tab .billing-schedule-item .billing-content-part .billing-item-list {
    list-style: none;
}

.client-proposal-billing-schedule-tab .billing-schedule-item .billing-content-part .billing-sub-total-part .Sub-total-part{
    display: flex;
}

.client-proposal-billing-schedule-tab .billing-schedule-item .billing-content-part .billing-sub-total-part .Sub-total-part .sub-title-text{
    width: 90%;
    text-align: end;
}

.client-proposal-billing-schedule-tab .billing-schedule-item .billing-content-part .billing-sub-total-part .Sub-total-part .sub-total-amt {
    width: 10%;
    text-align: end;
}

.client-proposal-billing-schedule-tab .billing-schedule-item .billing-content-part .billing-item-list .billing-item{
    display: flex;
    justify-content: space-between;
}

.client-active-badge {
    background: #C5F6E6 !important;
    color: #056647 !important;
    height: 100%;
}

.client-inactive-badge {
    background: #F5F5F4 !important;
    color: #605E5B !important;
    height: 100%;
}

.client-lead-badge {
    background: #FDEDAA !important;
    color: #92400E !important;
    height: 100%;
}

.client-contact-section .view-client-btn-link{
    cursor: pointer;
    color: #0F65F0;
}

.list-summary-detail .billing-format {
    text-transform: lowercase;
}

.service-tab-container .text-transform {
    text-transform: lowercase;
}

.switch-client-service {
    width: 50px !important;
}

.client-proposal-table .client-heading {
    width: 40%;
}

.client-proposal-table .status-heading {
    width: 25%;
}

.client-proposal-detail {
    color: #A09C98;
}

.font-w-700 {
    font-weight: 700;
}

.client-summary-container .status-lost {
    border-left-color: lightgray !important;
}

.btn-client-proposal-container {
    display: flex;
    justify-content: flex-end;
    position: relative;
}

.view-more-btn-proposal {
    border: none;
    margin-top: 4px;
    display: flex;
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    color: #0F65F0;
    font-size: 12px;
    height: 30px;
    padding: 3px;
}

.client-proposal-service-container .item-status-completed {
    background: unset !important;
    border: none !important;
}

.item-label-completed{
    background: #ebebe4;
    padding: 2px 6px;
    border-radius: 10px;
    font-size: 12px;
}

.client-proposal-service-container .inactive-service-container {
    display: flex;
    flex-direction: column;
    justify-content: unset;
    align-items: center;
    margin-top: 72px;
}

.client-proposal-service-container .inactive-service-container .icon-view {
    display: flex;
    width: 190px;
    height: 190px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #ECEBEA;
    justify-content: center;
    align-items: center;
    font-size: 96px;
    color: #ECEBEA;
}

.client-proposal-service-container .inactive-service-container .icon-content {
    text-align: center;
    margin: 12px;
}

.client-proposal-service-container .inactive-service-container .icon-content .icon-title-heading {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
}

.client-proposal-service-container .inactive-service-container .icon-content .icon-desc {
    font-size: 12px;
    color: #A09C98;
}

.client-proposal-service-container .inactive-service-container .view-icon-btn {
    background: #F4502A;
    border: none;
    color: #fff;
    padding: 8px 10px;
    font-size: 12px;
    border-radius: 4px;
}

.invoice-tab-container {
    margin-top: 108px;
}

.invoice-tab-container .invoice-billing-qty {
    color: #b1a598;
    font-size: 12px;
}

/*End All Service Modal Css Start*/
#endAllServiceModal .modal-delete-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#endAllServiceModal .modal-dialog .modal-content .modal-body .warning-conatiner {
    display: flex;
    align-items: center;
}

#endAllServiceModal .modal-dialog .modal-content .modal-body .warning-conatiner i {
    margin-right: 10px;
    font-size: 24px;
    color: #F09700;
}

#endAllServiceModal .modal-dialog .modal-content .modal-body .warning-conatiner .desc {
    font-size: 12px;
}

#endAllServiceModal .modal-dialog {
    width: 522px;
}

#endAllServiceModal .modal-dialog .modal-content .modal-delete-header .delete-close-icon {
    color: #cdc8c3;
    font-size: 24px;
    cursor: pointer;
}

#endAllServiceModal .modal-dialog .modal-content .modal-footer {
    border-top: 0px;
}

#endAllServiceModal .modal-dialog .modal-content .modal-footer .delete-proposal-btn {
    background: #F4502A;
    color: #fff;
}

#endAllServiceModal .modal-dialog .modal-content .modal-footer .cancel-btn {
    background: #fff;
}

#endAllServiceModal .modal-dialog .modal-content .modal-footer .cancel-btn:hover {
    background: #ecebea;
}
/*End All Service Modal Css End*/

#proposalPaymentDetailModal .invoice-header-part .invoice-action-part{
    right: 0;
    background: lightgray;
    position: absolute;
    border: 1px;
    border-radius: 3px;
    background-color: #fff;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    cursor: pointer;
    margin-top: 10px;
    top: 50px;
    display: none;
}

#proposalPaymentDetailModal .invoice-header-part .invoice-action-part .invoice-menu-list {
    list-style: none;
    margin: 0;
}

#proposalPaymentDetailModal .invoice-header-part .invoice-action-part .invoice-menu-list .invoice-item {
    color: black;
    padding: 8px 16px;
    display: block;
    font-size: 13px;
}

#proposalPaymentDetailModal .invoice-header-part .invoice-action-part .invoice-menu-list .invoice-item:hover {
    background-color: #ECEBEA;
}

.inv-payment-schedule {
    height: 0px;
    padding: 0;
    width: 0;
}

.service-tab-container .service-list-item .service-content-right-part .service-tab-amt-part {
    display: flex;
    flex-direction: column;
}

.service-tab-container .service-list-item .service-content-right-part .service-tab-amt-part .m-6-0 {
    margin: 9px 0px 0px;
}

.service-tab-container .service-list-item .service-content-right-part .service-schedule-qty{
    color: #b1a598;
    font-size: 12px;
}

.proposal-service-bill-container .proposal-bill-service .proposal-billing-qty{
    color: #b1a598;
    font-size: 12px;
}

/*Accept Proposal Modal Css Start*/
.acceptProposalModalContainer .modal-delete-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.acceptProposalModalContainer .modal-dialog .modal-content .modal-body .warning-conatiner {
    display: flex;
    align-items: center;
}

.acceptProposalModalContainer .modal-dialog .modal-content .modal-body .warning-conatiner i {
    margin-right: 10px;
    font-size: 24px;
    color: #F09700;
}

.acceptProposalModalContainer .modal-dialog .modal-content .modal-body .warning-conatiner .desc {
    font-size: 12px;
}

.acceptProposalModalContainer .modal-dialog {
    width: 408px;
}

.acceptProposalModalContainer .modal-dialog .modal-content .modal-delete-header .delete-close-icon {
    color: #cdc8c3;
    font-size: 24px;
    cursor: pointer;
}

.acceptProposalModalContainer .modal-dialog .modal-content .modal-footer {
    border-top: 0px;
}

.acceptProposalModalContainer .modal-dialog .modal-content .modal-footer .delete-proposal-btn {
    background: #F4502A;
    color: #fff;
}

.acceptProposalModalContainer .modal-dialog .modal-content .modal-footer .cancel-btn {
    background: #fff;
}

.acceptProposalModalContainer .modal-dialog .modal-content .modal-footer .cancel-btn:hover {
    background: #ecebea;
}
/*Accept Proposal Modal Css End*/

/* .subscription-payment-container .subscription-btn {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
}

.subscription-payment-container .cancel-btn {
    background: #f0f0f0 !important;
    color: #000 !important;
    font-size: 12px !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-left: 8px;
} */



/*Send Proposal Modal Css Start*/
#sendProposalModal .modal-delete-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#sendProposalModal .modal-dialog .modal-content .modal-body .warning-conatiner {
    display: flex;
    align-items: center;
}

#sendProposalModal .modal-dialog .modal-content .modal-body .warning-conatiner i {
    margin-right: 10px;
    font-size: 24px;
    color: #F09700;
}

#sendProposalModal .modal-dialog .modal-content .modal-body .warning-conatiner .desc {
    font-size: 12px;
}

#sendProposalModal .modal-dialog {
    width: 408px;
}

#sendProposalModal .modal-dialog .modal-content .modal-delete-header .delete-close-icon {
    color: #cdc8c3;
    font-size: 24px;
    cursor: pointer;
}

#sendProposalModal .modal-dialog .modal-content .modal-footer {
    border-top: 0px;
}

#sendProposalModal .modal-dialog .modal-content .modal-footer .delete-proposal-btn {
    background: #F4502A;
    color: #fff;
}

#sendProposalModal .modal-dialog .modal-content .modal-footer .cancel-btn {
    background: #fff;
}

#sendProposalModal .modal-dialog .modal-content .modal-footer .cancel-btn:hover {
    background: #ecebea;
}
/*Send Proposal Modal Css End*/
.notify-alert.alert-warning {
    z-index: 9999 !important;
}
.notify-alert.alert-success{
    z-index: 9999 !important;
}
  

.billing-schedule-conatiner .proposal-service-bill-container .proposal-top-part{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.date-input-field{
    position: relative;
}

.date-calender{
    position: absolute;
    top: 6px;
    right: 32px;
    transform: translate(50%, 50%);
    z-index: 0;
    color: #aaa;
}

/*Payment Modal Css Start*/
#esignModal .modal-delete-header {
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#esignModal .modal-dialog .modal-content .modal-body .warning-conatiner {
    display: flex;
    align-items: center;
    justify-content: center;
}

#esignModal .modal-dialog .modal-content .modal-body .warning-conatiner i {
    margin-right: 10px;
    font-size: 24px;
    color: #F09700;
}

#esignModal .modal-dialog .modal-content .modal-body .warning-conatiner .check-mark-part{
    padding: 22px;
    border-radius: 50%;
    background: #f0fdf4;
}

#esignModal .modal-dialog .modal-content .modal-body .warning-conatiner .check-mark-img {
    max-width: 38px;
}

#esignModal .modal-dialog .modal-content .modal-body .warning-conatiner .desc {
    font-size: 12px;
}

#esignModal .modal-dialog {
    width: 550px;
}

#esignModal .modal-dialog .modal-body .thank-you-container {
    text-align: center;
    margin-top: 34px;
}

#esignModal .modal-dialog .modal-body .thank-you-container p{
    /* max-width: 332px; */
    max-width: 422px;
    margin: 20px auto 34px;
}

#esignModal .modal-dialog .modal-body .email-signing-container {
    text-align: center;
    padding: 16px;
    background: #f8fafc;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#esignModal .modal-dialog .modal-body .email-signing-container p {
    max-width: 378px;
    margin: 14px auto 14px;
}

#esignModal .modal-dialog .modal-body .email-signing-container .i-size {
    font-size: 22px;
}

#esignModal .modal-dialog .modal-content .modal-delete-header .delete-close-icon {
    color: #cdc8c3;
    font-size: 20px;
    cursor: pointer;
}

#esignModal .modal-dialog .modal-content .modal-footer {
    border-top: 0px;
    display: flex;
    justify-content: center;
}

#esignModal .modal-dialog .modal-content .modal-footer .delete-proposal-btn {
    background: #F4502A;
    color: #fff;
}

#esignModal .modal-dialog .modal-content .modal-footer .cancel-btn {
    background: #000;
    color: #fff;
    padding: 18px 18px;
}

#esignModal .modal-dialog .modal-content .modal-footer .cancel-btn:hover {
    background: #000;
}
/*Payment Modal Css End*/