@import url(../fonts/fonts-style.css);

:root {
    --da-primary: #3D86C6;
    --primary-color: #3D86C6;
    --secondary-color: #B0BC25;
    --font-family: 'Gotham';
    --text-color: #333
}


body,
html {
    height: 100%;

}

body {
    font-family: var(--font-family);
    font-size: 16px;
    color: var(--text-color);
}

a {
    color: var(--da-primary);
}

b,
strong {
    font-weight: 500;
}

.btn {
    padding: 10px;
    border-radius: 4px;
}

.mb__20 {
    margin-bottom: 20px !important;
}

.mb__30 {
    margin-bottom: 1.5rem !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
}

.btn.add-btn svg {
    vertical-align: unset;
}

.btn.add-btn svg {
    vertical-align: unset;
}

.btn.add-btn svg * {
    transition: .15s;
}

.btn.add-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    white-space: nowrap;
}

.btn-primary {
    color: #fff;
    background-color: var(--da-primary);
    border-color: var(--da-primary);
    font-weight: 500;
}

.btn-secondary {
    color: #fff;
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    font-weight: 500;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #3371A8 !important;
    border-color: #3371A8 !important;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
    background-color: #9CA721 !important;
    border-color: #9CA721 !important;
}

.btn-primary,
.btn-secondary,
.btn-bordered {
    padding-left: 15px;
    padding-right: 15px;
    white-space: nowrap;
}

.btn-bordered {
    border: 1px solid var(--da-primary);
    color: var(--da-primary);
    font-weight: 500;
}

.btn.btn-bordered svg path {
    stroke: var(--da-primary);
}

.btn-bordered:hover,
.btn-bordered:focus,
.btn-bordered:active {
    background: var(--primary-color);
    color: #fff;
}

.btn-bordered:hover svg path {
    stroke: #fff;
}

.btn-bordered.color-cancel {
    color: #707070 !important;
    border-color: #707070 !important;

}

.btn-bordered.color-cancel:hover,
.btn-bordered.color-cancel:focus,
.btn-bordered.color-cancel:active {
    background: #707070 !important;
    color: #fff !important;
}

.btn-secondary svg path {
    stroke: #fff;
}

.view-all-btn {
    color: var(--da-primary);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.154px;
    text-decoration: none;
}

.view-all-btn:hover {
    text-decoration: underline;
}

.site-main-wrapper.login-page .form-wrapper .button-wrap .google-btn * {
    font-family: var(--font-family);
    font-size: 16px;
}

.site-main-wrapper.login-page .form-outer-wrapper .main-heading h1 {
    color: var(--da-primary);
    font-size: 35px;
    font-weight: 500;
    margin: 0 0 30px 0;
}

.validation-msg {
    position: absolute;
    background: #FEEEEE;
    box-shadow: 0px 4px 8px rgba(244, 67, 54, 0.2), 0px 2px 4px rgba(156, 43, 35, 0.2);
    border-radius: 4px;
    font-size: 15px;
    color: #F05454;
    padding: 8px 10px;
    z-index: 1;
    top: calc(100% + 7px);
}

.error .validation-msg {
    opacity: 1;
    visibility: visible;
}

.validation-msg::before {
    content: "";
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #FEEEEE;
    position: absolute;
    top: -9px;
}

.error .form-control {
    border: 1px solid #DB4F4F !important;
}

.formselect {
    background: transparent;
    color: #abb8ca;
    border: 1px solid #d9d9d9;
    height: 48px;
    font-family: var(--font-family) !important;
    padding: 0 10px;
    border-radius: 4px;
    width: 100%;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding-right: 29px;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23212529%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27/%3e%3c/svg%3e");
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
}

.formselect * {
    border-radius: 4px;
    background-color: #fff;
    color: #abb8ca;
    border: 1px solid #d9d9d9;
    /* font-family: "Open Sans", sans-serif !important; */
    font-family: var(--font-family) !important;
}

.form-control,
.calculator-wrapper input:not([type="checkbox"]):not([type="radio"]) {
    border-radius: 5px;
    border: 1px solid #C3C8CC !important;
    background: #FFF;
    color: var(--text-color);
    font-size: 16px;
    font-weight: 400;
    padding: 13px;
    box-shadow: none !important;
    outline: none !important;
}

.calculator-wrapper input:not([type="checkbox"]):not([type="radio"]) {
    display: block;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form-group label.form-label {
    font-size: 16px;
    font-weight: 500;
}

.additional-info .form-check label {
    color: var(--text-color);
    font-size: 16px;
    line-height: 1.1;
}

.additional-info .form-check {
    margin: 0;
}

.additional-info p {
    margin-bottom: 0;
}

.additional-info a {
    color: var(--da-primary);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
}

.form-check {
    padding-left: 30px;
}

.form-check .form-check-input[type=checkbox] {
    border-radius: 4px;
    border: 1px solid var(--other-line, #C1C7CF);
    width: 20px;
    height: 20px;
    outline: none !important;
    box-shadow: none !important;
    margin-top: 0;
    margin-left: -30px;
}

.form-check .form-check-label {
    padding-left: 0;
    display: flex;
    gap: 12px;
    line-height: 1.3;
    color: var(--text-color);
}

.form-check .form-check-input[type=checkbox]:checked {
    border-color: var(--da-primary);
    background: var(--da-primary);
    outline: none;
    box-shadow: none;
}

.form-check .form-check-input[type=checkbox]:checked::before {
    border: solid #fff;
    border-width: 0 1px 1px 0;
    content: "";
    display: block;
    height: 10px;
    margin-left: 6px;
    margin-top: 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 6px;
}

.tco-icon {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}

.body-overlay {
    background: rgba(0, 0, 0, 0.40);
}

/***Login CSS****/
.forgot-wrap {
    position: absolute;
    top: 12px;
    right: 13px;
    color: #ABB8CA;
    cursor: pointer;
    width: 24px;
    height: 24px;
    background-position: center;
}

.forgot-wrap.password {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M22.3256 11.0497C22.7738 11.6143 22.7738 12.3857 22.3256 12.9503C20.9827 14.642 17.6106 18 11.9998 18C6.38904 18 3.0169 14.642 1.67405 12.9503C1.22584 12.3857 1.22584 11.6143 1.67405 11.0497C3.0169 9.35796 6.38904 6 11.9998 6C17.6106 6 20.9827 9.35796 22.3256 11.0497Z" stroke="%23A0A0A0" stroke-width="1.5" stroke-linecap="round"/><path d="M14.9998 12C14.9998 13.6569 13.6567 15 11.9998 15C10.343 15 8.99982 13.6569 8.99982 12C8.99982 10.3431 10.343 9 11.9998 9C13.6567 9 14.9998 10.3431 14.9998 12Z" stroke="%23A0A0A0" stroke-width="1.5" stroke-linecap="round"/></svg>');
}

.forgot-wrap.text {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M2.99982 19L20.9998 5M11.9998 18C17.6106 18 20.9827 14.642 22.3256 12.9503C22.7738 12.3857 22.7738 11.6143 22.3256 11.0497C20.9827 9.35796 17.6106 6 11.9998 6C6.38904 6 3.0169 9.35796 1.67405 11.0497C1.22584 11.6143 1.22584 12.3857 1.67405 12.9503C3.0169 14.642 6.38904 18 11.9998 18Z" stroke="%23A0A0A0" stroke-linecap="round"/></svg>');
}


.site-main-wrapper.login-page .form-wrapper .additional-info b {
    font-weight: 500;
}

.site-main-wrapper.login-page {
    background: #fff;
    min-height: calc(100vh - 92px);
}

.site-main-wrapper.login-page .site-header {
    border: none !important;
    padding: 35px 50px;
}

.site-header .home-icon img {
    width: 285px;
    max-width: 100%;
}

.site-main-wrapper.login-page .form-wrapper {
    background: #FFFFFF;
    box-shadow: 0px 8px 24px rgba(21, 21, 22, 0.1);
    border-radius: 8px;
    max-width: 530px;
    margin: auto;
    padding: 40px;
    margin-bottom: 30px;
}

.site-main-wrapper.login-page .form-wrapper.survey-creation-box {
    max-width: 1050px;
    padding: 40px;
}

.site-main-wrapper.login-page .form-wrapper.survey-creation-box .form-heading h3 {
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 0.002em;
    color: #0F2744;
    display: inline-block;
    width: 100%;
    max-width: 280px;
    border-bottom: 2px solid var(--da-primary);
    padding: 0 0 10px 0;
}

.site-main-wrapper.login-page .form-wrapper.survey-creation-box .form-heading p {
    font-weight: 600;
    font-size: 32px;
    color: var(--da-primary);
}

.site-main-wrapper.login-page .main-content-wrap {
    padding: 50px 0;
}

.site-main-wrapper.login-page .form-wrapper .button-wrap.signle-btn {
    margin: 0;
}

.site-main-wrapper.login-page .form-wrapper .button-wrap.signle-btn .bp3-button {
    margin: 0 !important;
}

.site-main-wrapper.login-page .form-wrapper .form-heading {
    margin: 0 0 40px 0;
}

.site-main-wrapper.login-page .form-wrapper .form-heading p {
    margin: auto;
    color: #0F2744;
    max-width: 370px;
}

.site-main-wrapper.login-page .form-wrapper .form-heading h3 {
    color: var(--text-color);
    text-align: center;
    font-size: 31px;
    margin-bottom: 15px;
}

.site-main-wrapper.login-page .form-wrapper .button-wrap {
    margin: 0 0 25px 0;
}

.site-main-wrapper.login-page .form-wrapper .button-wrap.password-changed-btn .btn {
    box-shadow: none;
    outline: none;
}

.site-main-wrapper.login-page .form-wrapper .form-text {
    margin: 0;
}

.site-main-wrapper.login-page .form-wrapper .form-text p {
    margin: 0;
    color: #0F2744;
    font-weight: 600;
}

.site-main-wrapper.login-page .form-wrapper .form-text p a {
    font-weight: 600;
}

.site-main-wrapper.login-page .outer-form-text p {
    max-width: 450px;
    margin: auto;
    color: var(--text-color);
    line-height: 1.4;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-background-clip: text;
    -webkit-text-fill-color: var(--text-color);
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #23232329;
}

/***Login CSS Ends****/
/***Header CSS Starts****/
nav.navbar-auth {
    padding: 15px;
}

.body-overlay.hidden {
    display: none;
}

.body-overlay {
    position: fixed;
    z-index: 20;
    width: 100%;
    height: calc(100vh);
    display: none;
    top: 0px;
    left: 0;
    cursor: pointer;
}

.body-overlay.block,
.body-overlay:not(.hidden) {
    display: block;
}

.sideb-toggle {
    width: 25px;
    height: 25px;
    border: none;
    background: transparent;
    position: relative;
}

.sideb-toggle .hamburger {
    width: 25px;
    height: 2px;
    background: #000;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -12.5px;
    margin-top: -1.5px;
    transition: transform 200ms;
}

.sideb-toggle .hamburger.hamburger-1 {
    transform: translate3d(0, -8px, 0);
}

.sideb-toggle .hamburger.hamburger-2 {
    transform: translate3d(0, 0, 0);
}

.sideb-toggle .hamburger.hamburger-3 {
    transform: translate3d(0, 8px, 0);
}

.sideb-toggle.open .hamburger-1 {
    transform: translate3d(0, 0, 0) rotate(45deg);
}

.sideb-toggle.open .hamburger-2 {
    transform: translate3d(0, 0, 0) scale(0.1, 1);
}

.sideb-toggle.open .hamburger-3 {
    transform: translate3d(0, 0, 0) rotate(-45deg);
}

/***Header CSS Ends****/

/***Dashboard pages starts****/

.site-header {
    padding-left: 25px;
    background: #fff;
    position: relative;
    z-index: 22;
    border-bottom: 1px solid #E9E9E9 !important;
}

.site-header .right-menu-wrap .notification-drp-wrap {
    margin: 10px 15px;
}

.site-header .right-menu-wrap .notification-drp {
    background: rgb(177 179 182 / 0.2);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
    outline: none;
    border: none;
}

.site-header .right-menu-wrap .logout-button .logout-btn {
    border: none;
    background: #EEE;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
}

.site-header .right-menu-wrap .logout-button .logout-btn:hover {
    background: var(--da-primary);
}

.site-header .right-menu-wrap .notification-drp:hover {
    background: var(--da-primary);
}

.site-header .right-menu-wrap .dropdown-menu {
    width: 100%;
    max-width: 550px;
    min-width: 550px;
    background: #FFF;
    box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
    border: none;
    border-radius: 0;
    padding: 0;
}

.site-header .right-menu-wrap .dropdown-menu .dropdown-header {
    color: var(--da-primary);
    font-size: 20px;
    letter-spacing: -0.22px;
    font-weight: 500;
    padding: 20px 25px;
}

.site-header .right-menu-wrap .dropdown-menu .notification-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    max-height: 60vh;
    overflow: auto;
    overscroll-behavior: contain;
}

.notification-list li .dropdown-item {
    background: transparent;
    padding: 12px 30px !important;
}

.notification-list li .dropdown-item .icon,
.notification-list td .icon {
    width: 36px;
    min-width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--da-primary);
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    position: relative;
}

.notification-list li .dropdown-item .text-wrap {
    flex-grow: 1;
    padding-left: 12px;
    position: relative;
}

.notification-list li .dropdown-item h5,
.notification-list td h5 {
    color: #151515;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.32px;
}

.notification-list li .dropdown-item h5 {
    margin-bottom: 0px;

}

.notifications-list-wrapper .notification-list td.icon-box {
    width: 50px;
    padding-right: 0;
}

.notification-list tr:hover td {
    background: rgb(61, 134, 198, .1) !important;
}

.notification-list td h5 {
    margin-bottom: 0;
}

.notification-list li .dropdown-item p,
.notification-list .time p {
    margin: 0;
    color: #707378;
    font-size: 14px;
    letter-spacing: 0.028px;
}

.notification-list li .dropdown-item:hover {
    background: rgb(61, 134, 198, .1);
}

.notification-list li:not(:last-of-type) .dropdown-item .text-wrap::before {
    content: "";
    width: calc(100% - 12px);
    height: 1px;
    display: inline-block;
    background: #BBCADF;
    bottom: -12px;
    position: absolute;
    right: 0;
}

.notification-list li.new-notification .dropdown-item .icon::before,
.notification-list .new-notification .icon::before {
    content: "";
    width: 6px;
    height: 6px;
    background: #DB4F4F;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
}

.notification-list li.new-notification .dropdown-item .text-wrap h5,
.notification-list .new-notification td h5 {
    font-weight: 500;
}

.site-header .right-menu-wrap .dropdown-menu a.view-all-btn {
    display: table;
    text-align: center;
    margin: 20px auto;
}

.notification-list li:nth-child(5n+1) .dropdown-item .icon,
.notification-list tr:nth-child(5n+1) .icon {
    background: #EA7926;
}

.notification-list li:nth-child(5n+2) .dropdown-item .icon,
.notification-list tr:nth-child(5n+2) .icon {
    background: #7A63AB;
}

.notification-list li:nth-child(5n+3) .dropdown-item .icon,
.notification-list tr:nth-child(5n+3) .icon {
    background: #008189;
}

.notification-list li:nth-child(5n+4) .dropdown-item .icon,
.notification-list tr:nth-child(5n+4) .icon {
    background: #8E1416;
}

.notification-list li:nth-child(5n+5) .dropdown-item .icon,
.notification-list tr:nth-child(5n+5) .icon {
    background: #AF328A;
}

.site-header .right-menu-wrap .notification-drp svg path,
.site-header .right-menu-wrap .logout-button .logout-btn svg path {
    transition: .3s;
}

.site-header .right-menu-wrap .notification-drp:hover svg path,
.site-header .right-menu-wrap .logout-button .logout-btn:hover svg path {
    stroke: #fff;
}

body,
html {
    height: 100%;
}

.main-site-wrapper {
    min-height: 100%;
    /* background: rgba(61, 134, 198, 0.05); */
}

.main-site-wrapper .dashboard-side-menu-wrapper .exit-button .logout-btn-mob {
    border: none;
    background: #EEE;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
    padding: 15px;
    gap: 6px;
}

.main-site-wrapper .dashboard-side-menu-wrapper .exit-button .logout-btn-mob:hover {
    background: var(--da-primary);
    color: #fff;
}

.main-site-wrapper .dashboard-side-menu-wrapper .exit-button .logout-btn-mob:hover svg path {
    stroke: #fff;
}

.main-site-wrapper .dashboard-side-menu-wrapper .exit-button .logout-btn-mob svg path {
    transition: .3s;
}

.main-site-wrapper .dashboard-side-menu-wrapper {
    border-right: 1px solid #E9E9E9;
    background: #FFF;
    width: 270px;
    min-width: 270px;
    transition: .3s;
}

.whole-wrapper .page-content-flex {
    max-width: calc(100% - 270px);
}

.main-site-wrapper .dashboard-side-menu-wrapper .top-menu {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.main-site-wrapper .dashboard-side-menu-wrapper .top-menu li a {
    display: flex;
    padding: 15px 20px;
    align-items: center;
    line-height: 1.3;
    text-decoration: none;
    transition: .3s;
    color: var(--text-color);
}

.main-site-wrapper .dashboard-side-menu-wrapper .top-menu li a .nav-text {
    padding-left: 15px;
}

.main-site-wrapper .dashboard-side-menu-wrapper .top-menu li a:hover,
.main-site-wrapper .dashboard-side-menu-wrapper .top-menu li a.active {
    background: var(--da-primary);
    color: #fff;
}

.main-site-wrapper .dashboard-side-menu-wrapper .top-menu li a:hover svg path,
.main-site-wrapper .dashboard-side-menu-wrapper .top-menu li a.active svg path {
    stroke: #fff;
}

.main-site-wrapper .dashboard-side-menu-wrapper .top-menu li a svg path {
    transition: .3s;
}

.page-content-wrap {
    padding: 35px;
    position: relative;
}

.breadcrumbs-wrapper {
    padding: 17px 30px;
    background: rgb(61 134 198 / 5%);
}

.breadcrumbs-wrapper .breadcrumb {
    margin: 0;
}

.breadcrumbs-wrapper .breadcrumb .breadcrumb-item {
    color: var(--text-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.24px;
}

.breadcrumbs-wrapper .breadcrumb .breadcrumb-item a {
    color: #7C7C7C;
    text-decoration: none;
}

.breadcrumbs-wrapper .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    content: "";
    background-image: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.97021 4.08869L15.5048 10.6233C16.2766 11.395 16.2766 12.6579 15.5048 13.4296L8.97021 19.9642" stroke="%237C7C7C" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    width: 18px;
    height: 20px;
    background-position: center;
    padding: 0;
    margin-right: 0.5rem;
    background-size: contain;
}

.page-heading {
    margin: 0 0 35px;
}

.page-content-wrap .page-heading h1 {
    color: var(--text-color);
    font-size: 28px;
    font-weight: 500;
    letter-spacing: -0.308px;
}

.page-content-wrap .page-heading p {
    color: var(--text-color);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.32px;
    margin-bottom: 0;
}

.dashboard-cards-wraper .dashboard-card {
    padding: 30px;
    border-radius: 4px;
    border: 1px solid #EAEAEA;
    background: #FFF;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
}

.dashboard-cards-wraper .dashboard-card.min-100 {
    min-height: 100%;
}

.dashboard-cards-wraper .dashboard-card .dashboard-card-header {
    margin: 0 0 30px 0;
}

.dashboard-cards-wraper .dashboard-card .dashboard-card-header h3 {
    margin: 0;
    color: var(--da-primary);
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.22px;
}

.dashboard-cards-wraper .dashboard-card .notification-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.dashboard-cards-wraper .dashboard-card .notification-list li {
    position: relative;
    margin-left: 20px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.dashboard-cards-wraper .dashboard-card .notification-list li::before {
    content: "";
    width: 8px;
    height: 8px;
    background: #717171;
    position: absolute;
    border-radius: 50%;
    left: -20px;
    top: 9px;
}

.dashboard-cards-wraper .dashboard-card .notification-list li:not(:last-of-type) {
    border-bottom: 1px solid #BBCADF;
}

.dashboard-cards-wraper .dashboard-card .notification-list li .time {
    color: #707378;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.028px;
}

.dashboard-cards-wraper .dashboard-card .notification-list li p {
    font-weight: 400;
    margin: 0;
    color: #151515;
    font-size: 16px;
    margin-bottom: 6px;
}

.dashboard-cards-wraper .dashboard-card .card-body {
    padding: 0;
}

.right-wrap .drop-wrap .table-dropdown button {
    border: 1px solid #c1c7cf;
    border-radius: 2px;
    color: #0f2744 !important;
    font-size: 15px;
    font-weight: 400;
    gap: 5px;
    min-height: inherit;
    padding: 10px 13px;
    position: relative;
    display: flex;
    background: transparent;
    min-width: 250px;
}

.ques-options button::after,
.survey-format-dropdown button::after,
.formvawrapper .btn::after,
.date-range-picker::after,
.dashboard-cards-wraper .dashboard-card .dashboard-card-header .right-wrap-analytics .analytics-drop .btn::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url('data:image/svg+xml,<svg width="18" height="9" viewBox="0 0 18 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.9201 1L10.4001 7.52C9.63008 8.29 8.37008 8.29 7.60008 7.52L1.08008 1" stroke="%23333333" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-size: 1rem;
    background-position: center;
    transition: transform 0.2s ease-in-out;
    border: none;
}

.right-wrap .drop-wrap label {
    font-weight: 500;
    margin-right: 5px;
    color: var(--text-color);
    font-size: 14px;
    letter-spacing: -0.154px;
}

.right-wrap .drop-wrap span {
    flex-grow: 1;
    text-align: right;
    line-height: 1.2;
}

.custom-table .table th.sorting {
    padding-right: 20px;
}

.dropdown .dropdown-menu {
    border: none;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    min-width: 200px;
    padding: 0.5rem;
}

.dropdown .dropdown-menu a.dropdown-item {
    color: #0c2146 !important;
    font-size: 15px !important;
    padding: 0.45rem 0.7rem;
    text-decoration: none;
    cursor: pointer;
}

.dropdown .dropdown-menu .dropdown-item:hover {
    background: rgb(61, 134, 198, .1);
    color: var(--da-primary) !important;
    font-weight: 500 !important;
}

.date-range-picker {
    min-height: inherit;
    font-weight: 400;
    font-size: 15px;
    color: #0F2744 !important;
    gap: 5px;
    border: 1px solid #C1C7CF;
    border-radius: 2px;
    position: relative;
    padding: 10px 13px;
    line-height: 1.3;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
}

body .daterangepicker {
    border: none;
    background: #FFFFFF;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    font-family: var(--font-family);
}

body .daterangepicker::before {
    display: none;
}

body .daterangepicker .drp-calendar.left {
    border: none !important;
}

body .daterangepicker .ranges {
    margin: 0 !important;
    padding: 15px;
}

body .daterangepicker::after {
    display: none;
}

body .daterangepicker .ranges li {
    font-size: 14px;
    padding: 0.55rem 0.7rem;
}

body .daterangepicker .ranges li.active {
    background: rgb(61, 134, 198, .1);
    color: var(--da-primary) !important;
    font-weight: 600 !important;
}

body .daterangepicker td.in-range {
    background: rgb(61, 134, 198, .1);
}

body .daterangepicker td.active,
body .daterangepicker td.active:hover {
    background: var(--da-primary);
}

body .daterangepicker .calendar-table th,
body .daterangepicker .calendar-table td {
    font-size: 14px;
    font-weight: 400;
}

body .daterangepicker .calendar-table th {
    color: #728095;
}

body .daterangepicker.show-calendar .drp-buttons {
    padding: 15px;
}

body .daterangepicker.show-calendar .drp-buttons .drp-selected {
    float: left;
    padding-top: 12px;
    font-size: 14px;
    color: #0F2744;
}

body .daterangepicker.show-calendar .drp-buttons .btn {
    font-size: 14px;
    font-weight: 600;
    padding: 8px 26px;
}

body .daterangepicker.show-calendar .drp-buttons .cancelBtn {
    border: 1px solid var(--da-primary);
    border-radius: 2px;
    color: var(--da-primary);
}

body .daterangepicker.show-calendar .drp-buttons .applyBtn {
    margin-left: 15px;
}

body .daterangepicker.show-calendar .drp-buttons .cancelBtn:hover {
    background: var(--da-primary);
    color: #fff;
}

body .daterangepicker .drp-calendar {
    padding-top: 15px !important;
}

body .daterangepicker .drp-calendar .prev,
body .daterangepicker .drp-calendar .next {
    display: none;
}

body .daterangepicker .drp-calendar thead th.month {
    text-align: left;
}

body .daterangepicker .drp-calendar thead th:empty {
    display: none;
}

body .daterangepicker .drp-calendar thead th.month select {
    border: none;
    height: 35px;
    font-weight: 400;
    font-size: 14px;
    color: #0F2744;
    padding: 0 10px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding-right: 35px;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23212529%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27/%3e%3c/svg%3e");
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
    background-color: #F5F6F8;
    border-radius: 3px;
    width: auto;
}

.right-wrap .drop-wrap+.drop-wrap,
.dashboard-cards-wraper .dashboard-card .dashboard-card-header .right-wrap-analytics .analytics-drop+.analytics-drop {
    margin-left: 20px;
}

.bar-chart {
    height: 400px;
}

.checkbox-table input.form-check-input {
    -webkit-appearance: none;
    appearance: none;
    height: 22px;
    border: 1px solid #E3E7EB;
    margin: 0 !important;
    -webkit-transition: box-shadow .2s;
    transition: box-shadow .2s;
    vertical-align: middle;
    width: 22px;
    box-shadow: none !important;
    outline: none !important;
}

.checkbox-table {
    width: 40px;
}

.custom-table .table,
.custom-table table.dataTable {
    vertical-align: middle;
    color: var(--text-color);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.08px;
    margin-bottom: 0;
    min-width: 600px;
    border: none;
}

.checkbox-table input.form-check-input[type=checkbox]:checked:before {
    border: solid #fff;
    border-width: 0 1px 1px 0;
    content: "";
    display: block;
    height: 10px;
    margin-left: 7px;
    margin-top: 3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 6px;
}

.checkbox-table input.form-check-input:checked {
    border-color: var(--da-primary);
    background: var(--da-primary);
    outline: none;
    box-shadow: none;
}

.custom-table .status {
    padding: 8px 6px 8px 8px;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.39px;
    border-radius: 4px;
}

.custom-table .status.available {
    color: #97A219;
    background: #F0F3D6;
}

.custom-table .status.not-available {
    background: rgba(255, 127, 50, 0.19);
    color: #FF7F32;
}

.custom-table thead th,
.custom-table table.dataTable thead th {
    border-bottom-color: var(--da-primary);
    font-weight: 500;
}

.dashboard-cards-wraper .stats-wrap {
    background: #FFF;
    padding: 25px;
    border-radius: 4px;
    border: 1px solid #EAEAEA;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
}

.dashboard-cards-wraper .stats-wrap p {
    margin: 0;
    font-size: 18px;
}

.dashboard-cards-wraper .stats-wrap h3 {
    font-size: 70px;
    font-style: normal;
    line-height: normal;
    font-weight: 500;
    margin: 0 0 15px 0;
}

.text-stat-1 {
    color: #B0BC25;
}

.text-stat-2 {
    color: var(--da-primary);
}

.text-stat-3 {
    color: #DB4F4F;
}

.create-quote-spacing .creat-quote-mobile {
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 15px;
    width: 100%;
    background: #FFF;
    box-shadow: 0px -8px 30px 0px rgba(0, 0, 0, 0.10);
}

.create-quote-spacing .creat-quote-mobile .create-quote {
    width: 100%;
    color: var(--da-primary);
    font-weight: 500;
}

.create-quote-spacing .creat-quote-mobile .create-quote svg path {
    stroke: var(--da-primary);
}

.create-quote-spacing .creat-quote-mobile .create-quote:hover,
.create-quote-spacing .creat-quote-mobile .create-quote:focus,
.create-quote-spacing .creat-quote-mobile .create-quote:active {
    background: var(--da-primary);
    color: #fff;
}

.create-quote-spacing .creat-quote-mobile .create-quote:hover svg path,
.create-quote-spacing .creat-quote-mobile .create-quote:focus svg path,
.create-quote-spacing .creat-quote-mobile .create-quote:active svg path {
    stroke: #fff;
}

/***Dashboard pages ends****/
.tab-search.search-filter {
    margin-bottom: 40px;
}

.dataTables_length {
    display: none;
}

.search-filter .search-filter-padding {
    padding-right: 30px;
}

.search-filter .search-filter-padding .custom-search-input,
.page-heading .search-filter-padding .custom-search-input {
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding-left: 40px;
    background-size: 20px;
    background-color: #fff;
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.58268 17.5003C13.9549 17.5003 17.4993 13.9559 17.4993 9.58366C17.4993 5.2114 13.9549 1.66699 9.58268 1.66699C5.21043 1.66699 1.66602 5.2114 1.66602 9.58366C1.66602 13.9559 5.21043 17.5003 9.58268 17.5003Z" stroke="%23C3C8CC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M18.3327 18.3337L16.666 16.667" stroke="%23C3C8CC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 2px;
}

.search-filter .drop-wrap label {
    margin-right: 10px;
    white-space: nowrap;
}

.search-filter .drop-wrap button,
.form-group .dropdown .btn {
    min-height: 48px;
    min-width: 210px;
    text-align: left;
    display: flex;
    align-items: center;
    color: var(--text-color);
    border: 1px solid #C3C8CC;
    border-radius: 4px;
    background-color: transparent;
    padding: 13px;
}

.table-dropdown .dropdown-tgl {
    background: #fff;
    padding: 0;
    vertical-align: middle;
    line-height: 1;
    border: none;
}

.table-dropdown .dropdown-tgl:hover,
.table-dropdown .dropdown-tgl:active,
.table-dropdown .dropdown-tgl:focus {
    background: #F4F4F4;
}

.table-dropdown .dropdown-menu {
    padding: 10px 0;
}

.table-dropdown .dropdown-menu .dropdown-item {
    padding: 0.45rem 1rem !important;
    gap: 10px;
    align-items: center;
}

.table-dropdown .dropdown-menu .dropdown-item:hover .tco-icon svg path {
    stroke-width: 1.5px;
    stroke: var(--da-primary);
}

.custom-table .accatch-data {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.custom-table .accatch-data .files-count {
    position: absolute;
    right: -24px;
    background: #BCBEC0;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    font-size: 12px;
    line-height: 23px;
    text-align: center;
    color: #fff;
    font-weight: 500;
    cursor: pointer;
}

.custom-table .accatch-data .attachment-icons {
    vertical-align: middle;
}

.custom-table .status.approved {
    background: #F0F3D6;
    color: #97A219;
}

.custom-table .status.awaiting {
    background: rgba(255, 127, 50, 0.19);
    color: #FF7F32;
}

.custom-table .status.canceled {
    background: rgba(231, 117, 117, 0.20);
    color: #DB5050;
}

.custom-table .status.status-min-w {
    min-width: 170px;
    display: inline-block;
    /* cursor: pointer; */
    text-align: center;
}

.custom-table .dataTables_paginate ul.pagination .page-item .page-link,
.custom-table .dataTables_paginate .paginate_button {
    color: #151515;
    font-size: 14px;
    font-weight: 400;
    border: none;
    display: flex;
    align-items: center;
    width: 34px;
    height: 34px;
    justify-content: center;
    padding: 0;
    box-shadow: none !important;
    outline: none !important;
    border-radius: 50%;
}

.custom-table .dataTables_paginate ul.pagination .page-item.previous .page-link,
.custom-table .dataTables_paginate ul.pagination .page-item.next .page-link,
.custom-table .dataTables_paginate .paginate_button.previous,
.custom-table .dataTables_paginate .paginate_button.next {
    color: var(--da-primary) !important;
    font-weight: 500;
    width: auto;
    border-radius: 0;
}

.custom-table .dataTables_paginate ul.pagination .page-item.active .page-link,
.custom-table .dataTables_paginate .paginate_button.current {
    background: var(--da-primary) !important;
    color: #fff !important;
    border-radius: 50%;
    border: none;
}

.custom-table .dataTables_paginate ul.pagination .page-item:not(:last-of-type) .page-link,
.custom-table .dataTables_paginate .paginate_button:not(.next) {
    margin-right: 10px;
}

.custom-table .dataTables_paginate .paginate_button:hover {
    background: #f5f5f5;
    border-color: #f5f5f5;
    color: #333 !important;
}

.custom-table .dataTables_paginate ul.pagination .page-item.disabled .page-link,
.custom-table .dataTables_paginate .paginate_button.disabled {
    opacity: .5;
}

.custom-table table {
    margin-bottom: 15px !important;
}

.toast-container.files-toast .toast {
    border: none;
}

.toast-container.files-toast .toast .toast-header {
    padding: 20px;
    border: none;
    align-items: flex-start;
}

.toast-container.files-toast .toast .toast-header .heading-wrap {
    flex-grow: 1;
}

.toast-container.files-toast .toast .toast-header .heading-wrap h4 {
    font-size: 18px;
    color: var(--da-primary);
    font-weight: 500;
    margin: 0 0 5px 0;
}

.toast-container.files-toast .toast .toast-header .heading-wrap p {
    font-size: 12px;
    font-weight: 500;
    color: var(--text-color);
    margin: 0;
    word-break: break-all;
}

.toast-container.files-toast .toast .toast-body {
    padding: 10px 20px 20px 20px;
}

.toast-container.files-toast .toast .toast-header .btn-close {
    color: var(--text-color);
    opacity: .5;
    background-image: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 1L8.5 8.5M8.5 8.5L1 16M8.5 8.5L1 1M8.5 8.5L16 16" stroke="%23333333" stroke-linecap="round"/></svg>');
}

.toast-container.files-toast .toast .toast-header .btn-close:hover {
    opacity: 1;
}

.toast-container.files-toast .files-list .heading {
    border-bottom: 1px solid #A7A7A7;
}

.toast-container.files-toast .files-list .files {
    flex-grow: 1;
    padding: 5px 0;
}

.toast-container.files-toast .files-list .quote-id {
    min-width: 75px;
    padding: 5px 0;
}

.toast-container.files-toast .files-list .data .data-row {
    border-bottom: 1px solid #DCDCDC;
}

.toast-container.files-toast .files-list .data .data-row .files::before {
    content: "";
}

.toast-container.files-toast .files-list .data .data-row .files,
.toast-container.files-toast .files-list .data .data-row .quote-id {
    padding: 10px 0;
}

.toast-container.files-toast .files-list .data .data-row .files {
    display: flex;
    align-items: center;
}

.toast-container.files-toast .files-list .data .data-row .files .tco-icon {
    margin-right: 7px;
}

.page-heading .right-wrap .btn+.btn {
    margin-left: 15px;
}

.page-tabs-outer .nav-tabs {
    padding-left: 35px;
}

.tabs-wrapper .nav-tabs {
    border-bottom-color: #DADADA;
}

.tabs-wrapper .nav-tabs .nav-link {
    border: none;
    margin: 0;
    padding: 20px 0 15px 0;
    position: relative;
    color: var(--text-color);
    font-size: 20px;
}

.tabs-wrapper .nav-tabs .nav-item:not(:last-of-type) {
    margin-right: 50px;
}

.tabs-wrapper .nav-tabs .nav-link::before {
    content: "";
    height: 3px;
    background: var(--da-primary);
    position: absolute;
    bottom: -2px;
    width: 0px;
    left: 0;
    transition: .3s;
}

.tabs-wrapper .nav-tabs .nav-link.active::before {
    width: 100%;
}

.tabs-wrapper .nav-tabs .nav-link.active {
    font-weight: 500;
    color: var(--da-primary);
}

.preview-modal-width {
    max-width: 1350px;
    padding-left: 15px;
    padding-right: 15px;
}

.quote-preview-wrapper-scroll>table {
    min-width: 1260px;
    margin-bottom: 15px !important;
}

.quote-preview-wrapper-scroll {
    overflow: auto;
}

.preview-modal-width .modal-footer {
    border-top: 0;
}

.preview-modal-width .modal-footer .add-btn svg path {
    stroke-width: 1.5;
}

.preview-modal-width .modal-header,
.preview-modal-width .modal-body,
.preview-modal-width .modal-footer {
    padding-left: 20px;
    padding-right: 20px;
}

.preview-modal-width .modal-header .btn-close {
    background-image: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.5" d="M16 1L8.5 8.5M8.5 8.5L1 16M8.5 8.5L1 1M8.5 8.5L16 16" stroke="%23333333" stroke-linecap="round"/></svg>');
    opacity: 1;
    padding: 0;
    width: 22px;
    height: 22px;
    background-size: contain;
    margin: 0;
    outline: none;
    border: none;
    box-shadow: none;
}

.preview-modal-width .modal-header .modal-title {
    font-size: 22px;
    color: var(--da-primary);
    font-weight: 500;
    line-height: 1;
}

.preview-modal-width .modal-body {
    padding-top: 10px;
}

.preview-modal-width .modal-header {
    border-bottom-color: #DADADA;
    border-top-left-radius: 4px;
}

/**********Quote Preview*************/

.preview-modal-width .modal-content {
    border-radius: 4px;
    border: none;
    box-shadow: none;
}

.table-wrapper table tfoot .main-heading td {
    background: transparent;
    border-right: none;
    border-left: none;
}

.table-wrapper table td {
    color: #000;
}

.content-modal .modal-content,
.modal-theme .modal-content {
    border-radius: 4px;
    border: none;
}

.content-modal .modal-content .modal-heading .modal-title {
    font-size: 24px;
    line-height: 1.4;
    font-weight: 500;
}

.content-modal .modal-content .modal-heading {
    margin: 0 0 20px 0;
}

#cancelModal.content-modal .modal-dialog {
    max-width: 600px;
}

#cancelModal.content-modal .form-wrapper label {
    font-size: 16px;
    margin: 0 0 5px 0;
}

select.form-select,
.calculator-wrapper select {
    border-radius: 5px;
    border: 1px solid #C3C8CC !important;
    background-color: #FFF;
    color: var(--text-color);
    font-size: 16px;
    font-weight: 400;
    padding: 13px 35px 13px 13px;
    box-shadow: none !important;
    outline: none !important;
    background-image: url('data:image/svg+xml,<svg width="18" height="9" viewBox="0 0 18 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.84 1L10.32 7.52C9.55 8.29 8.29 8.29 7.52 7.52L1 1" stroke="%23575757" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.calculator-wrapper select {
    display: block;
    width: 100%;
    line-height: 1.5;
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.calculator-wrapper select option {
    border-radius: 0;
}

.content-modal .modal-content .modal-body,
.modal-theme .modal-body,
.request-modal .button-wrap {
    padding: 25px;
}

th.action-column {
    width: 50px !important;
    text-align: right !important;
}

/*********Status Sidebar***********/

.statusSidebar .offcanvas-body {
    padding: 30px;
}

.statusSidebar {
    width: 500px !important;
}

.statusSidebar .heading {
    border-bottom: 1px solid #D1D1D1;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.statusSidebar .heading h3 {
    font-size: 28px;
    font-weight: 500;
    color: var(--text-color);
}

.statusSidebar .heading p {
    margin: 0;
    color: var(--text-color);
    font-size: 14px;
}

.statusSidebar .quote-journey .quote-step {
    position: relative;
    padding-left: 30px;
}

.statusSidebar .quote-journey .quote-step .title {
    position: relative;
}

.statusSidebar .quote-journey .quote-step .title h4 {
    font-size: 16px;
    color: #000;
    font-weight: 500;
    margin-bottom: 10px;
}

.statusSidebar .quote-journey .quote-step .text p,
.statusSidebar .quote-journey .quote-step .status-version .version-wrapper .version-body p {
    margin: 0 0 10px 0;
    color: #7C7C7C;
    font-size: 14px;
}

.statusSidebar .quote-journey .quote-step .text p strong,
.statusSidebar .quote-journey .quote-step .status-version .version-wrapper .version-body p strong {
    color: var(--text-color);
    font-weight: 500;
}

.statusSidebar .quote-journey .quote-step:not(:last-of-type) {
    min-height: 70px;
    padding-bottom: 20px;
}

.statusSidebar .quote-journey .quote-step:not(:last-of-type)::before {
    content: "";
    transition: .3s;
    width: 1px;
    height: calc(100% - 35px);
    background: #D4D4D4;
    position: absolute;
    left: 10px;
    bottom: 10px;
}

.statusSidebar .quote-journey .quote-step .title::before {
    content: "";
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="10" cy="10" r="10" fill="%233D86C6"/><path d="M5 9.49023L8.8908 13.381L15.3755 6.89637" stroke="white"/></svg>');
    width: 20px;
    height: 20px;
    position: absolute;
    left: -30px;
    top: 0;
    background-size: 100%;
}

.statusSidebar .quote-journey .quote-step.inactive .title::before {
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="10" cy="10" r="10" fill="%23B1B3B6"/><path d="M5 9.49023L8.8908 13.381L15.3755 6.89637" stroke="white"/></svg>');
}

.statusSidebar .quote-journey .quote-step .status-version .status-text {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
}

.status-text.awaiting {
    color: #FF7F32;
}

.status-text.approved {
    color: #97A219;
}

.status-text.canceled {
    background: rgba(231, 117, 117, 0.20);
    color: #DB5050;
}

.statusSidebar .quote-journey .quote-step .status-version .version-wrapper a.version-btn {
    color: #7C7C7C;
    font-size: 14px;
    text-decoration: none;
    position: relative;
    padding-left: 18px;
}

.statusSidebar .quote-journey .quote-step .status-version .version-wrapper a.version-btn::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid #B1B3B6;
    position: absolute;
    left: 0;
    top: 2px;
    transform: rotate(90deg);
    transition: .3s;
}

.statusSidebar .quote-journey .quote-step .status-version .version-wrapper a.version-btn.collapsed::before {
    transform: rotate(0deg);
}

.statusSidebar .quote-journey .quote-step .status-version .version-wrapper .version-body {
    margin-top: 8px;
    padding-left: 18px;
    position: relative;
}

.statusSidebar .quote-journey .quote-step .text p a,
.statusSidebar .quote-journey .quote-step .status-version .version-wrapper .version-body p a {
    color: var(--da-primary);
    text-decoration: none;
    font-weight: 500;
}

.statusSidebar .quote-journey .quote-step .status-version .version-wrapper .version-body p a {
    margin-left: 5px;
}

.statusSidebar .quote-journey .quote-step .status-version .version-wrapper .version-body::before {
    content: "";
    transition: .3s;
    width: 1px;
    height: 100%;
    background: #D4D4D4;
    position: absolute;
    left: 4px;
    bottom: 5px;
}

.statusSidebar .quote-journey .quote-step .comment-wrap .user-name {
    width: 20px;
    height: 20px;
    object-fit: cover;
    border-radius: 50%;
    display: inline-flex;
    background: var(--da-primary);
    color: #fff;
    font-size: 12px;
    align-items: center;
    justify-content: center;
}

.statusSidebar .quote-journey .quote-step .comment-wrap .comment-post .user-name {
    position: absolute;
    left: 0;
    top: 1px;
}

.statusSidebar .quote-journey .quote-step .comment-wrap .comment-post .heading-post {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    margin: 0px 0 10px 0;
}

.statusSidebar .quote-journey .quote-step .comment-wrap .comment-post .heading-post .designation {
    display: inline-block;
    border-radius: 2px;
    background: rgba(175, 50, 138, 0.10);
    color: #AF328A;
    font-size: 12px;
    padding: 3px;
    margin-left: 2px;
}

.statusSidebar .quote-journey .quote-step .comment-wrap .comment-post .heading-post .time {
    display: inline-block;
    color: #B1B3B6;
    font-size: 12px;
}

.statusSidebar .quote-journey .quote-step .comment-wrap .comment-post .txt-wrap {
    color: var(--text-color);
    font-size: 14px;
    font-weight: 400;
}

.statusSidebar .quote-journey .quote-step .comment-wrap .reply-button {
    margin-top: 10px;
    margin-bottom: 10px;
}

.statusSidebar .quote-journey .quote-step .comment-wrap .reply-button .reply-btn {
    padding: 0;
    color: var(--da-primary);
    font-weight: 500;
    font-size: 12px;
}

.statusSidebar .quote-journey .quote-step .show-hide-replies-wrap {
    margin-top: 20px;
}

.statusSidebar .quote-journey .quote-step .show-hide-replies-wrap .show-hide-message {
    color: #B1B3B6;
    font-size: 0px;
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    text-align: center;
    position: relative;
    padding: 8px;
    margin-bottom: 15px;
}

.statusSidebar .quote-journey .quote-step .show-hide-replies-wrap .show-hide-message::before {
    content: attr(hide-text);
    font-size: 12px;
    background: #fff;
    position: relative;
    z-index: 1;
    padding: 8px;
}

.statusSidebar .quote-journey .quote-step .show-hide-replies-wrap .show-hide-message.collapsed::before {
    content: attr(show-text);
}

.statusSidebar .quote-journey .quote-step .show-hide-replies-wrap .show-hide-message::after {
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    background: #E1E1E1;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}

.statusSidebar .quote-journey .quote-step .comment-wrap .child-wrapper:not(:last-of-type) {
    min-height: 70px;
    padding-bottom: 20px;
}

.statusSidebar .quote-journey .quote-step .comment-wrap .child-wrapper {
    position: relative;
    padding-left: 30px;
}

.statusSidebar .quote-journey .quote-step .comment-wrap .child-wrapper:not(:last-of-type)::before {
    content: "";
    transition: .3s;
    width: 1px;
    height: calc(100% - 35px);
    background: #D4D4D4;
    position: absolute;
    left: 10px;
    bottom: 10px;
}

.nested-menu {
    width: 300px;
    background: #FFFFFF;
    border-right: 1px solid #DCDCDC;
    padding: 17px;
    min-width: 300px;
}

.nested-menu .menu-title {
    padding: 10px 20px;
}

.nested-menu .menu-title p {
    margin: 0;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    color: var(--da-primary);
}

.nested-menu .menu-items ul {
    margin: 0 0 15px 0;
    list-style-type: none;
    padding: 0;
}

.nested-menu .menu-items ul>li>a,
.nested-menu .menu-items ul .accordion-button {
    font-weight: 400;
    text-decoration: none;
    font-size: 16px;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 3px;
    width: 100%;
    transition: .3s;
    color: var(--text-color);
}


.nested-menu .menu-items ul>li>a.active,
.nested-menu .menu-items ul>li>a:hover,
.nested-menu .menu-items ul .accordion-button:hover,
.nested-menu .menu-items ul .accordion-button:not(.collapsed) {
    background-color: #F5F5F5;
    color: #B0BC25 !important;
    font-weight: 500;
}

/***************Profile Setting Page**********************/
.profile-wrapper .account-info {
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 15px;
}

.profile-wrapper .account-info .profile-image {
    margin: 0 0 30px 0;
    width: 184px;
    height: 184px;
    position: relative;
}

.profile-wrapper .account-info .profile-image .img-wrap {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    background: var(--da-primary);
    justify-content: center;
    font-weight: 500;
    font-size: 60px;
    display: flex;
    align-items: center;
    color: #FFFFFF;
}

.profile-wrapper .account-info .profile-image .img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile-wrapper .account-info .profile-image .edit-wrap {
    position: absolute;
    right: 0;
    bottom: 20px;
}

.profile-wrapper .account-info .profile-image .edit-wrap input {
    display: none;
}

.profile-wrapper .account-info .profile-image .edit-wrap label {
    border: 1px solid #FFFFFF;
    width: 38px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #B0BC25;
    border-radius: 50%;
    /* padding: 6px; */
    cursor: pointer;
}

.profile-wrapper .account-info .profile-image .edit-wrap label path {
    stroke: #fff;
}

.profile-wrapper .account-info .custom-width {
    max-width: 830px;
}

.profile-wrapper .account-info .custom-width .add-member .button-wrap {
    padding-top: 34px;
}

.profile-wrapper .account-info .custom-width .security-wrapper {
    border-top: 1px solid #C1C7CF;
    padding-top: 20px;
    margin-top: 10px;
}

.profile-wrapper .account-info .custom-width .security-wrapper h3 {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.4px;
    margin: 0 0 25px 0;
}

.profile-wrapper .account-info .custom-width .add-member {
    border-radius: 4px;
    background: #F5F9FC;
    padding: 30px;
    margin: 0 0 40px 0;
}

/*******Empty State*********/
.empty-state {
    padding-top: 20px;
    padding-bottom: 40px;
}

.empty-state .icon-text-wrap .icon-wrap {
    margin: 0 0 30px 0;
}

.empty-state .icon-text-wrap .text-wrap p,
.choose-form .inner-box-wrapper .emty-wrap p {
    max-width: 500px;
    margin: auto;
}

.empty-state .icon-text-wrap .icon-wrap svg {
    max-width: 250px;
    max-height: 250px;
}

.empty-state .icon-text-wrap .text-wrap h4,
.empty-state .icon-text-wrap .text-wrap h3 {
    font-weight: 500;
    font-size: 26px;
    margin-bottom: 10px;
}

.empty-state .icon-text-wrap .icon-wrap .tco-icon {
    background: rgba(61, 134, 198, 0.08);
    width: 250px;
    height: 250px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
}

.empty-state .icon-text-wrap .button-wrap .btn+.btn {
    margin-left: 20px;
}

/*******Empty State*********/

.modal-theme .modal-body .modal-heading {
    margin-bottom: 20px;
}

.modal-theme .modal-body .modal-heading h4 {
    color: var(--text-color);
    font-size: 28px;
    font-weight: 500;
}

.theme-table tbody td.text-center .form-check.no-label input {
    float: none;
    margin: auto !important;
}

.theme-table tbody td.text-center .form-check {
    padding: 0;
}

.theme-table .table {
    color: var(--text-color);
}

.theme-table .table th,
.theme-table .table td {
    padding: 14px 6px;
}

.theme-table .table th {
    font-weight: 500;
}

.permission-wrapper-outer label {
    color: #707378;
    font-size: 20px;
}

.permission-wrapper-outer label .btn-tooltip {
    border: none;
    background: transparent;
    padding: 0;
    vertical-align: top;
    display: inline-flex;
    align-items: center;
    margin-left: 5px;
}

.custom-table .table tr:nth-child(6n+1) .table-profile .img-wrapper {
    background: #7A63AB;
}

.custom-table .table tr:nth-child(6n+2) .table-profile .img-wrapper {
    background: #8E1416;
}

.custom-table .table tr:nth-child(6n+3) .table-profile .img-wrapper {
    background: var(--da-primary);
}

.custom-table .table tr:nth-child(6n+4) .table-profile .img-wrapper {
    background: #7B1A60;
}

.custom-table .table tr:nth-child(6n+5) .table-profile .img-wrapper {
    background: #BF34CB;
}

.custom-table .table tr:nth-child(6n+6) .table-profile .img-wrapper {
    background: #AF328A;
}

.custom-table .table td,
.custom-table .table th {
    padding: 14px 10px;
    white-space: nowrap;
}

.custom-table .table th {
    background-color: #fff;
}

.custom-table .table tbody td,
.custom-table .table tbody th {
    background-color: #fff;
    border-color: rgb(222, 226, 230);
}

.table-profile .img-wrapper {
    width: 48px;
    height: 48px;
    background: var(--da-primary);
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    overflow: hidden;
}

.table-profile .img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.table-profile h5 {
    font-weight: 500;
    font-size: 16px;
    margin: 0 0 4px 0;
}

.custom-table .table td b.name {
    font-weight: 500;
}

.table-profile p {
    margin: 0;
    font-size: 14px;
}

.custom-row-columns .col-md-5 {
    width: calc(50% - 25px);
}

.modal-theme .modal-body .or-wrapper {
    text-align: center;
    margin-top: 30px;
    line-height: 50px;
}

.permissions-checks-wrapper {
    display: flex;
    max-width: 550px;
    flex-wrap: wrap;
    margin-top: 10px;
}

.permissions-checks-wrapper .form-check {
    min-width: 200px;
    margin-bottom: 15px;
}

.delete-modal .warning-message {
    background: #F3F3F3;
    border-radius: 1px;
    padding: 32px 32px 32px 28px;
    margin: 0 0 30px 0;
    border-left: 5px solid #DB4F4F;
}

.delete-modal .warning-message .title {
    margin: 0 0 10px 0;
}

.delete-modal .warning-message .title h4 {
    margin: 0 0 0 15px;
    font-weight: 500;
    color: #DB4F4F;
    font-size: 20px;
}

.delete-modal .warning-message p {
    margin: 0;
    font-weight: 400;
    font-size: 16px;
}

.delete-modal .modal-dialog {
    max-width: 650px;
}

.btn-primary.add-btn svg path {
    stroke: #fff;
}

.btn-primary.add-btn .trash_icon svg path {
    stroke-width: 2;
}

.btn-primary.add-btn .trash_icon svg {
    width: 22px;
}

.form-text {
    color: #B1B3B6;
    font-size: 13px;
}

.page-heading .tco-icon.bars_icon {
    margin-top: 7px;
    margin-right: 10px;
    padding: 0;
    border: none;
    background: transparent;
}

.nested-menu .btn-close {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}

/**********Teams***********/

.teams-wrap .team-wrapper .img-wrapper {
    padding: 40px 20px;
    text-align: center;
}

.teams-wrap .team-wrapper .img-wrapper svg {
    max-width: 100%;
}

.teams-wrap .team-wrapper.team-1 .img-wrapper {
    background: #F0F6FB;
}

.teams-wrap .team-wrapper.team-2 .img-wrapper {
    background: #FFD3DF;
}

.teams-wrap .team-wrapper.team-3 .img-wrapper {
    background: #E5DBD4;
}

.teams-wrap .team-wrapper.team-4 .img-wrapper {
    background: #EAEAFF;
}

.teams-wrap .team-wrapper.team-1 .img-wrapper svg path {
    fill: #3D86C6;
    stroke: #F0F6FB;
}

.teams-wrap .team-wrapper.team-2 .img-wrapper svg path {
    fill: #D9738D;
    stroke: #FFD3DF;
}

.teams-wrap .team-wrapper.team-3 .img-wrapper svg path {
    fill: #B79C8A;
    stroke: #E5DBD4;
}

.teams-wrap .team-wrapper.team-4 .img-wrapper svg path {
    fill: #B2AFFF;
    stroke: #EAEAFF;
}

.teams-wrap .team-wrapper .text-wrapper {
    padding: 15px;
}

.teams-wrap .team-wrapper .text-wrapper .text h5 {
    font-weight: 500;
    font-size: 20px;
}

.teams-wrap .team-wrapper .text-wrapper .text p {
    margin: 0;
}

.create-team-form .user-list {
    border-top: 1px solid #C1C7CF;
    margin-top: 5px;
}

.create-team-form .user-list .list-item {
    padding: 10px 0;
}

.create-team-form .user-list .list-item:not(:last-of-type) {
    border-bottom: 1px solid #E6EAEE;
}

.search-filter .drop-wrap button.show,
.form-group .dropdown .btn.show {
    background-color: #fff;
}

table.dataTable thead tr>.dtfc-fixed-left,
table.dataTable thead tr>.dtfc-fixed-right,
table.dataTable tfoot tr>.dtfc-fixed-left,
table.dataTable tfoot tr>.dtfc-fixed-right {
    top: 0;
    bottom: 0;
    z-index: 3;
    background-color: white
}

table.dataTable tbody tr>.dtfc-fixed-left,
table.dataTable tbody tr>.dtfc-fixed-right {
    z-index: 1;
    background-color: white
}

div.dtfc-left-top-blocker,
div.dtfc-right-top-blocker {
    background-color: white
}

html.dark table.dataTable thead tr>.dtfc-fixed-left,
html.dark table.dataTable thead tr>.dtfc-fixed-right,
html.dark table.dataTable tfoot tr>.dtfc-fixed-left,
html.dark table.dataTable tfoot tr>.dtfc-fixed-right {
    background-color: var(--dt-html-background)
}

html.dark table.dataTable tbody tr>.dtfc-fixed-left,
html.dark table.dataTable tbody tr>.dtfc-fixed-right {
    background-color: var(--dt-html-background)
}

html.dark div.dtfc-left-top-blocker,
html.dark div.dtfc-right-top-blocker {
    background-color: var(--dt-html-background)
}

.quote-preview-wrapper .table-wrapper {
    overflow-x: auto;
}

/**************Flip Boxes********************/

.calculator-wrapper .box-wrap,
.quote-nav-wrap .quote-nav,
.pricing-solution-margin,
.business-case-cda {
    max-width: 1550px;
}

.calculator-wrapper .flip-box {
    background-color: transparent;
    margin-bottom: 25px;
}

.calculator-wrapper .card {
    position: relative;
    width: 100%;
    transition: transform 1s;
    transform-style: preserve-3d;
    height: 100%;
    /* padding-bottom: 40px;
	 */
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.calculator-wrapper .col-cards .card .box-area {
    min-height: 280px;
}

.calculator-wrapper .flip-box-front {
    border: 1px solid #f1f1f1;
}

.calculator-wrapper .flip-box-front {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
}

.calculator-wrapper .flip-box-front {
    background-color: #fff;
    color: var(--text-color);
    border: 2px solid #F1F1F1;
    padding: 30px;
    position: relative;
}

.calculator-wrapper .flip-head {
    font-weight: 500;
    color: var(--text-color);
    font-size: 23px;
    margin-bottom: 25px;
    position: relative;
    padding-top: 2px;
    display: flex;
    align-items: center;
}

.calculator-wrapper .flip-head img {
    height: 35px;
    margin-right: 15px;
}

.calculator-wrapper .flip-box p {
    color: #707070;
}

.calculator-wrapper .btns-area {
    position: absolute;
    bottom: 30px;
    right: 30px;
}

.calculator-wrapper .configure-now {
    border: 1px solid var(--da-primary);
    background: transparent;
    padding: 10px 35px;
    font-size: 18px;
    font-weight: 500;
    color: var(--da-primary);
    transition: .3s;
}

.calculator-wrapper .configure-now:hover {
    background: var(--da-primary);
    color: #fff;
}

.calculator-wrapper .flip-box-front.is-flipped {
    visibility: hidden;
    opacity: 0;
    display: none;
}

.calculator-wrapper .flip-box-back {
    position: static;
    width: 100%;
    height: 100%;
    top: 0;
    display: none;
}

.calculator-wrapper .flip-box-back {
    background-color: #fff;
    transform: rotateX(180deg);
    border: 2px solid #E8E8E8;
    background: #FFF;
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.07);
}

.calculator-wrapper .is-flipped+.flip-box-back {
    top: 0;
    transform: rotateX(0deg);
    display: block;
}

.calculator-wrapper .back-container {
    padding: 30px 30px 30px;
}

.calculator-wrapper .tick-img {
    position: absolute;
    right: 30px;
    top: 30px;
}

.calculator-wrapper .tick-img img {
    width: 30px;
    cursor: pointer;
}

.calculator-wrapper .box-area .accordion {
    padding: 25px 35px;
    position: relative;
    display: block;
    margin: 0 auto;
}

.calculator-wrapper .box-area .accordion.collapsed {
    border: 1px solid #E9E9E9;
}

.calculator-wrapper .delete {
    position: absolute;
    right: 30px;
    top: 28px;
    cursor: pointer;
    z-index: 2;
}

.calculator-wrapper .accordion {
    background-color: #eee;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
    position: relative;
    font-size: 24px;
    color: var(--text-color);
    font-weight: 500;
    padding-left: 35px;
    background-color: #fff;
    border-bottom: 1px solid #dadada;
}

.calculator-wrapper .box-area .accordion {
    border: 1px solid #E9E9E9;
}

.calculator-wrapper .accordion:not(.collaped) {
    border-bottom: 1px solid transparent;
    margin-bottom: 0px;
}

.calculator-wrapper .accordion::before {
    content: "";
    width: 20px;
    height: 22px;
    display: inline-block;
    background-repeat: no-repeat;
    padding-right: 6px;
    position: absolute;
    top: 31px;
    left: -35px;
    transition: .3s;
}

.calculator-wrapper .qna-section-wrap {
    position: sticky;
    top: 0;
    z-index: 9;
    background: #fff;
    border-bottom: 1px solid #edecec;
}

.calculator-wrapper .progress-btn.disabled img {
    opacity: 0.4;
}

.calculator-wrapper .progress-btn img {
    width: 55px;
}

.calculator-wrapper .progress-btn {
    border: none;
    background: transparent;
    padding: 13px 20px;
}

.calculator-wrapper .add-more {
    border: 1px solid var(--da-primary);
    background: transparent;
    padding: 15px 35px;
    font-size: 19px;
    font-weight: 500;
    color: var(--da-primary);
    margin: 0 auto;
    width: 100%;
    display: block;
    transition: .3s;
}

.calculator-wrapper .add-more:hover {
    background: var(--da-primary);
    color: #fff;
}

.calculator-wrapper .qna-progress {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
}

.calculator-wrapper .table-wrap.table-adding-bottom {
    padding-bottom: 50px;
}

.calculator-wrapper .accordion::before {
    background-image: url(../img/gray-arrow.svg);
    background-size: 16px;
}

.calculator-wrapper .panel {
    padding: 0 18px;
    background-color: #b1b3b617;
    margin: 0 auto;
    margin-bottom: 40px;
}

.calculator-wrapper .box-area .panel {
    padding: 10px 35px 0px;
    background-color: #fff;
    overflow: hidden;
    margin: 0 auto;
    border: 1px solid #E9E9E9;
    margin-top: 0;
    border-top: none;
    margin-bottom: 40px;
}

.calculator-wrapper .tco-form-module {
    padding-top: 5px;
}

.calculator-wrapper .filetr-head {
    font-weight: 500;
    color: var(--text-color);
    font-size: 18px;
    margin-bottom: 12px;
}

.calculator-wrapper .filetr-head span {
    font-size: 16px;
    font-weight: 400;
}

.calculator-wrapper .input_select {
    position: relative;
    width: 100%;
    margin: 0 0 2px 0;
}

.calculator-wrapper .radio-options {
    /* padding-top: 50px; */
    padding-top: 30px;
}

.calculator-wrapper .single-radio {
    padding-right: 40px;
}

.calculator-wrapper .radio-item {
    display: inline-block;
    margin-top: 10px;
}

.calculator-wrapper .radio-item input[type="radio"] {
    display: none;
}

.calculator-wrapper .radio-item label {
    color: #666;
    font-weight: normal;
    position: relative;
    font-size: 16px;
}

.calculator-wrapper .radio-item label::before {
    content: " ";
    display: inline-block;
    position: relative;
    top: 5px;
    margin: 0 5px 0 0;
    width: 20px;
    height: 20px;
    border-radius: 13px;
    border: 1px solid #b0bc25;
    background-color: transparent;
}


.calculator-wrapper .radio-item input[type="radio"]:checked+label::after {
    border-radius: 12px;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 8px;
    left: 3px;
    content: " ";
    display: block;
    background: #b0bc25;
}

.calculator-wrapper .price-area.price-inside.cf {
    margin-top: 45px;
    margin-left: -35px;
    width: calc(100% + 70px);
}

.calculator-wrapper .price-area {
    background: #f8f8f8;
    padding: 25px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.calculator-wrapper .price-area .price-text {
    color: var(--text-color);
    font-weight: 500;
}

.calculator-wrapper .price-val {
    background: var(--da-primary);
    float: right;
    padding: 10px;
    font-weight: 500;
    color: #fff;
    padding: 10px 20px;
}

.calculator-wrapper .radio-options.database-req {
    display: flex;
    align-items: center;
    margin-left: -30px;
    width: 105%;
    padding-left: 30px;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 30px;
    padding-top: 30px;
}

.calculator-wrapper .radio-options.database-req .filetr-head {
    margin: 0;
    margin-right: 40px;
}

.calculator-wrapper .radio-options.database-req .single-radio.radio-item {
    margin: 0;
}

.calculator-wrapper .database-text {
    color: #000;
    font-weight: 500;
    font-size: 25px;
    margin: 30px 0 40px;
}

.calculator-wrapper .single-card .flip-box .flip-box-front,
.calculator-wrapper .coloured-box-con {
    min-height: 400px;
}

.calculator-wrapper .pt-50 {
    /* padding-top: 50px; */
    padding-top: 30px;
}

.calculator-wrapper .pt-40 {
    /* padding-top: 40px; */
}

.infr-type {
    margin: 0 0 40px 0;
}

.quote-heading {
    padding: 30px 30px;
    background: rgb(61 134 198 / 5%);
    border-top: 1px solid #DADADA;
}

.quote-heading .quote-id {
    font-size: 32px;
    font-weight: 500;
    color: var(--da-primary);
    margin: 0 0 20px 0;
}

.quote-nav-wrap {
    padding: 15px 30px;
    border-bottom: 1px solid #DADADA;
    position: sticky;
    top: 0;
    z-index: 9;
    background: #fff;
}

.quote-nav-wrap .quote-nav .nav-progress-wrap {
    display: flex;
    align-items: center;
}

.quote-nav-wrap .quote-nav .nav-progress-wrap .progress-steps::before {
    content: attr(step-count);
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #B1B3B6;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    margin-right: 10px;
}

.quote-nav-wrap .quote-nav .nav-progress-wrap .progress-steps.completed::before {
    content: "";
    background-color: #B0BC25;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M6 11.3883L10.669 16.0572L18.4506 8.27563" stroke="white"/></svg>');
}

.quote-nav-wrap .quote-nav .nav-progress-wrap .progress-steps {
    display: flex;
    align-items: center;
    color: var(--text-color);
    font-size: 16px;
    font-weight: 500;
}

.quote-nav-wrap .quote-nav .nav-progress-wrap .progress-steps:not(:last-of-type) {
    margin-right: 25px;
}

.quote-nav-wrap .quote-nav .nav-progress-wrap .progress-steps:not(:last-of-type)::after {
    content: "";
    width: 40px;
    background: #D4D4D4;
    height: 1px;
    margin-left: 25px;
}

.accordian-container {
    position: relative;
}

.section-wrapper-vm {
    padding-left: 40px;
}

.calculator-wrapper .flip-box-back::before {
    content: "";
    width: 100%;
    height: 4px;
    background: #B0BC25;
    top: 0;
    left: 0;
    position: absolute;
}

.accordian-container {
    margin-bottom: 40px;
}

.calculator-wrapper .accordion:not(.collapsed)::before {
    transform: rotate(90deg);
    top: 32px;
    left: -35px;
}

.calculator-wrapper .accordion.collaped::before {
    transform: rotate(0);
}

.calculator-wrapper .flip-box .ntitle * {
    color: #000;
}

.calculator-wrapper .flip-box .ntitle {
    margin-bottom: 0;
}

.calculator-wrapper .flip-box .gray-small-text {
    color: #848484;
    font-size: 14px;
    font-weight: 400;
}

.summary-table .myreports-widget-td.td-val {
    text-align: left !important;
}

.summary-table .thead-top .myreports-widget-td {
    padding: 15px 20px;
    background: var(--da-primary);
    color: #fff;
}

.summary-table .myreports-widget-tr.thead-bottom .myreports-widget-td {
    background: transparent;
    padding: 18px;
}

.summary-table .myreports-widget-tr.thead-bottom .myreports-widget-td .myreports-widget-text.gray-text {
    font-weight: 400;
}

.summary-table .tfooter .myreports-widget-text {
    color: var(--text-color);
    font-size: 17px;
    font-weight: 500;
}

.empty-summary .myreports-widget-td {
    text-align: center !important;
    position: absolute;
    width: 100%;
    height: 100%;
    padding-top: 60px !important;
    font-size: 19px;
}

.myreports-widget-tr.empty-summary {
    position: relative;
    height: 150px;
}

.summary-table .thead-top .myreports-widget-text {
    color: #fff;
}

.summary-table .myreports-widget-tr {
    border-bottom: 1px solid #DDD;
}

.myreports-widget-text.gray-text {
    color: #B1B3B6 !important;
}

.summary-table .myreports-widget-tr.thead-top .myreports-widget-td:first-child {
    width: 72%;
    border-radius: 2px 0 0 2px;
}

.summary-table .myreports-widget-tr.thead-top .myreports-widget-td:nth-child(2) {
    width: 15%;
}

.summary-table .myreports-widget-tr.thead-top .myreports-widget-td:nth-child(3) {
    width: 20%;
    min-width: 120px;
    border-radius: 0 2px 2px 0;
}

.myreports-widget-table {
    width: 100%;
    margin-bottom: 40px;
    min-width: 600px;
}

.myreports-widget-table .myreports-widget-tbody .myreports-widget-td {
    border-bottom: none;
    text-align: left;
    padding: 10px 15px;
    font-size: 14px;
}

.summary-table .action:hover {
    opacity: 1;
    background: #F4F4F4;
}

.summary-table .action {
    opacity: 0.4;
    transition: .3s;
    display: inline-flex;
    cursor: pointer;
    background: transparent;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    align-items: center;
    justify-content: center;
}

.summary-table .edit-action-btn {
    margin-right: 15px;
}

.summary-table .myreports-widget-tr:hover .action {
    opacity: 1;
}

.myreports-widget-table .myreports-widget-tbody .myreports-widget-td .myreports-widget-text {
    font-weight: 500;
}

.summary-table .tfooter .myreports-widget-td {
    border-bottom: 1px solid rgba(51, 51, 51, 0.60);
    border-top: 1px solid rgba(51, 51, 51, 0.60);
    padding: 15px 15px;
}

.text-primary {
    color: var(--da-primary) !important;
}

.quote-heading .cust-data label {
    color: var(--text-color);
    font-family: Gotham;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    min-width: 200px;
}

.quote-heading .cust-data .input-wrap {
    padding-left: 10px;
    flex-grow: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

/* .quote-heading .cust-data .input-wrap input {
    background: transparent;
    border: none;
    outline: none;
    padding: 5px 8px;
    border-bottom: 1px solid transparent;
    color: var(--text-color);
    margin-right: 15px;
} */

.quote-heading .cust-data .input-wrap input {
    border-radius: 5px;
    border: 1px solid #C3C8CC !important;
    background-color: #FFF;
    color: var(--text-color);
    font-size: 16px;
    font-weight: 400;
    padding: 13px 13px 13px 13px;
    box-shadow: none !important;
    outline: none !important;
    width: 100%;
}

.quote-heading .cust-data .input-wrap input:focus {
    background: #fff;
    border-bottom-color: var(--da-primary);
}

.request-modal .button-wrap {
    border-radius: 0px 0px 5px 5px;
    background: #F8F8F8;
}

.error-message {
    margin-top: 38px;
}

.error-message p {
    margin: 0;
    color: #DB4F4F;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    max-width: 250px;
}

.request-modal .error-message p a {
    text-decoration-line: underline;
    color: var(--text-color);
}

.request-modal .max-size-file-upload .max-szie {
    color: var(--text-color);
    font-size: 14px;
    opacity: 0.80;
    margin: 0;
}

.request-modal .max-size-file-upload .file-upload-wrap {
    display: flex;
    align-items: center;
}

.request-modal .max-size-file-upload .file-upload-wrap .upload {
    margin-left: 20px;
}

.request-modal .max-size-file-upload .file-upload-wrap .upload input[type="file"] {
    display: none;
}

.request-modal .max-size-file-upload .file-upload-wrap .upload .file-upload-label {
    cursor: pointer;
}

.request-modal .max-size-file-upload .file-upload-wrap .file-wrapper .file-name {
    color: var(--da-primary);
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline;
    margin-right: 10px;
}

.request-modal .max-size-file-upload .file-upload-wrap .file-remove {
    cursor: pointer;
}

.congratulations-wrapper .back-button {
    display: inline-flex;
    gap: 10px;
    padding: 0;
    border: none;
    background: transparent;
    color: #000;
    font-size: 20px;
    align-items: center;
}

.congratulations-wrapper .back-button svg {
    max-width: 24px;
}

.congratulations-wrapper .congratulations-inner {
    text-align: center;
    padding-top: 20px;
}

.congratulations-wrapper .congratulations-inner .text-wrap {
    margin: 0 0 30px 0;
}

.congratulations-wrapper .congratulations-inner .text-wrap h1 {
    color: var(--da-primary);
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
}

.congratulations-wrapper .congratulations-inner .text-wrap p {
    color: var(--text-color);
    font-size: 24px;
    margin: 0;
}

.congratulations-wrapper .congratulations-inner .quote-id-wrapper {
    display: flex;
    align-items: center;
    max-width: 600px;
    border-radius: 13px;
    background: rgba(61, 134, 198, 5%);
    margin: 0 auto 20px;
    padding: 15px;
    width: 100%;
}

.congratulations-wrapper .congratulations-inner .quote-id-wrapper .id {
    flex-grow: 1;
    text-align: left;
    color: var(--text-color);
    font-size: 20px;
    font-weight: 500;
    padding-right: 10px;
}

.congratulations-wrapper .congratulations-inner .quote-id-wrapper .quote-id {
    color: var(--text-color);
    font-size: 18px;
    font-weight: 500;
    border-right: 1px solid rgba(51, 51, 51, 23%);
    padding-right: 15px;
    margin-right: 10px;
}

.congratulations-wrapper .congratulations-inner .info {
    color: var(--text-color);
    font-size: 15px;
}

.quote-heading .cust-data .input-wrap.error input {
    border-color: #DB5050;
    background: #fff;
}

.text-danger {
    color: #DB4F4F !important;
}

.quote-heading .cust-data .input-wrap .error-msg {
    font-size: 12px;
}

.pricing-solution-margin {
    margin-bottom: 40px;
    background: #F5F9FC;
    padding: 35px;
    align-items: center;
}

.pricing-solution-margin h4 {
    color: var(--text-color);
    font-size: 26px;
    font-weight: 500;
}

.pricing-solution-margin p {
    margin: 0;
    color: var(--text-color);
}

.pricing-solution-margin .input-wrap input {
    border-radius: 3px;
    border: 1px solid #C5C2C2;
    background: #FFF;
    width: 150px;
    padding: 12px 20px;
    outline: none;
}

.business-case-cda {
    margin-bottom: 40px;
}

.download-report a {
    color: var(--da-primary);
    font-weight: 500;
    text-decoration: none;
}

.success-modal .modal-dialog {
    max-width: 700px;
}

.success-modal .modal-dialog .success-message {
    text-align: center;
}

.success-modal .modal-dialog .success-message .icon-wrapper {
    margin: 0 0 30px 0;
}

.success-modal .modal-dialog .success-message .text-wrapper p {
    color: var(--text-color);
    font-size: 24px;
    font-weight: 500;
    margin: 0 0 25px 0;
}

.custom-table .dataTables_wrapper .dataTables_paginate {
    display: flex;
    align-items: center;
}

.custom-table .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
}

.dashboard-cards-wraper .dashboard-card .notification-list.todo-list li {
    margin-bottom: 15px;
}

.revenue-line-chart,
.revenue-donut-chart,
.revenue-by-account {
    position: relative;
    height: 300px;
    overflow: hidden;
}

.revenue-donut-chart {
    min-width: 280px;
    height: 250px;
}

.dashboard-cards-wraper .dashboard-card .dashboard-card-header .right-wrap-analytics .analytics-drop label {
    color: var(--text-color);
    font-size: 14px;
    font-weight: 400;
    margin-right: 10px;
}

.dashboard-cards-wraper .dashboard-card .dashboard-card-header .right-wrap-analytics .analytics-drop .btn {
    border-radius: 4px;
    border: 1px solid #c1c7cf;
    color: #0f2744 !important;
    font-size: 15px;
    font-weight: 400;
    gap: 5px;
    min-height: inherit;
    padding: 10px 13px;
    position: relative;
    display: flex;
    background: transparent;
}

.bordr-custom {
    border-left: 1px solid #E0E0E0;
}

.card-analytics-wrapper .revenue-donut-list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 20px;
    /* max-width: 430px; */
    padding: 0;
    margin: 0;
    list-style-type: none;
    justify-content: center;
}

.card-analytics-wrapper .revenue-donut-list li::before {
    content: "";
    width: 11px;
    height: 11px;
    border-radius: 3px;
    display: inline-block;
}

.card-analytics-wrapper .revenue-donut-list li {
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--text-color);
    font-size: 14px;
}

.item-color-1::before {
    background: #3D86C6;
}

.item-color-2::before {
    background: #EA7926;
}

.item-color-3::before {
    background: #AF328A;
}

.item-color-4::before {
    background: #B0BC25;
}

.item-color-5::before {
    background: #FFCD00;
}

.item-color-6::before {
    background: #DB4F4F;
}

.item-color-7::before {
    background: #7A63AB;
}

.item-color-8::before {
    background: #09BDDD;
}

.item-color-9::before {
    background: #000000;
}

.item-color-10::before {
    background: #ED5AB3;
}

.item-color-11::before {
    background: #776B5D;
}

.item-color-12::before {
    background: #D0A2F7;
}

.item-color-13::before {
    background: #B9B4C7;
}

.card-analytics-wrapper .counter-wrapper .counter-content:not(:last-of-type) {
    margin: 0 0 20px 0;
}

.card-analytics-wrapper .counter-wrapper .counter-content p {
    margin: 0;
}

.card-analytics-wrapper .counter-wrapper .counter-content h2 {
    font-size: 32px;
    font-weight: 600;
}

.revenue-donut-chart.revenue-donut-two-chart {
    width: 400px;
    margin: auto;
}

.counter-color-1 {
    color: #3D86C6;
}

.counter-color-2 {
    color: #B0BC25;
}

.counter-color-3 {
    color: #FF7F32;
}

.chart-wrapper .chart-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.chart-wrapper .chart-text h3 {
    margin: 0;
    font-size: 20px;
}

.chart-wrapper .chart-text p {
    margin: 0;
    font-size: 14px;
}

.bg-not-found-pg {
    background: rgba(61, 134, 198, 10%);
}

.text-wrapper.not-found-page .page-title {
    color: var(--da-primary);
    font-size: calc(12vw + 20px);
    font-weight: 700;
    line-height: 1;
}

.text-wrapper.not-found-page .subtitle {
    color: var(--da-primary);
    font-size: 36px;
    font-weight: 500;
    line-height: 1;
}

.text-wrapper.not-found-page .button-wrap {
    margin-top: calc(15px + 1vw);
}

.text-wrapper.not-found-page .button-wrap .btn {
    width: 100%;
    max-width: 350px;
}

.empty-state.no-permissions .text-wrap p {
    color: #3E3737;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.36px;
}

.empty-state.no-permissions .button-wrap .btn {
    width: 100%;
    max-width: 350px;
}

.custom-table .dataTables_wrapper .dataTables_paginate .paginate_button+span {
    display: flex;
    align-items: center;
}

/***********For Dynamic Code when icons not visible**************/
.table-dropdown .dropdown-tgl {
    font-size: 0px;
}

.table-dropdown .dropdown-menu .dropdown-item .tco-icon svg {
    display: none;
}

.table-dropdown .dropdown-tgl .tco-icon.dropdown_dots {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="20.2" cy="12" r="2.1" transform="rotate(90 20.2 12)" fill="%23333333" fill-opacity="0.5"/><circle cx="12" cy="12" r="2.1" transform="rotate(90 12 12)" fill="%23333333" fill-opacity="0.5"/><circle cx="3.80002" cy="12" r="2.1" transform="rotate(90 3.80002 12)" fill="%23333333" fill-opacity="0.5"/></svg>');
    width: 24px;
    height: 24px;
    background-size: contain;
}

.custom-table .dataTables_paginate .paginate_button.previous,
.custom-table .dataTables_paginate .paginate_button.next {
    background: transparent;
    border: none !important;
}

.table-dropdown .dropdown-menu .dropdown-item .tco-icon {
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.table-dropdown .dropdown-menu .dropdown-item .tco-icon.trash_icon {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21 5.98C17.67 5.65 14.32 5.48 10.98 5.48C9 5.48 7.02 5.58 5.04 5.78L3 5.98" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.5 4.97L8.72 3.66C8.88 2.71 9 2 10.69 2H13.31C15 2 15.13 2.75 15.28 3.67L15.5 4.97" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/><path d="M18.8499 9.14L18.1999 19.21C18.0899 20.78 17.9999 22 15.2099 22H8.7899C5.9999 22 5.9099 20.78 5.7999 19.21L5.1499 9.14" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.3301 16.5H13.6601" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.5 12.5H14.5" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.table-dropdown .dropdown-menu .dropdown-item:hover .tco-icon.trash_icon {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21 5.98C17.67 5.65 14.32 5.48 10.98 5.48C9 5.48 7.02 5.58 5.04 5.78L3 5.98" stroke="%233D86C6" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M8.5 4.97L8.72 3.66C8.88 2.71 9 2 10.69 2H13.31C15 2 15.13 2.75 15.28 3.67L15.5 4.97" stroke="%233D86C6" stroke-linecap="round" stroke-linejoin="round"  stroke-width="1.5"/><path d="M18.8499 9.14L18.1999 19.21C18.0899 20.78 17.9999 22 15.2099 22H8.7899C5.9999 22 5.9099 20.78 5.7999 19.21L5.1499 9.14" stroke="%233D86C6" stroke-linecap="round" stroke-linejoin="round"  stroke-width="1.5"/><path d="M10.3301 16.5H13.6601" stroke="%233D86C6" stroke-linecap="round" stroke-linejoin="round"  stroke-width="1.5"/><path d="M9.5 12.5H14.5" stroke="%233D86C6" stroke-linecap="round" stroke-linejoin="round"  stroke-width="1.5"/></svg>');
}

.table-dropdown .dropdown-menu .dropdown-item .tco-icon.edit_icon {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.2599 3.59997L5.04985 12.29C4.73985 12.62 4.43985 13.27 4.37985 13.72L4.00985 16.96C3.87985 18.13 4.71985 18.93 5.87985 18.73L9.09985 18.18C9.54985 18.1 10.1799 17.77 10.4899 17.43L18.6999 8.73997C20.1199 7.23997 20.7599 5.52997 18.5499 3.43997C16.3499 1.36997 14.6799 2.09997 13.2599 3.59997Z" stroke="%23333333" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" /><path d="M11.8901 5.05005C12.3201 7.81005 14.5601 9.92005 17.3401 10.2" stroke="%23333333" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" /><path d="M3 22H21" stroke="%23333333" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" /></svg>');
}

.table-dropdown .dropdown-menu .dropdown-item:hover .tco-icon.edit_icon {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke-width="1.5" d="M13.2599 3.59997L5.04985 12.29C4.73985 12.62 4.43985 13.27 4.37985 13.72L4.00985 16.96C3.87985 18.13 4.71985 18.93 5.87985 18.73L9.09985 18.18C9.54985 18.1 10.1799 17.77 10.4899 17.43L18.6999 8.73997C20.1199 7.23997 20.7599 5.52997 18.5499 3.43997C16.3499 1.36997 14.6799 2.09997 13.2599 3.59997Z" stroke="%233D86C6" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" /><path stroke-width="1.5" d="M11.8901 5.05005C12.3201 7.81005 14.5601 9.92005 17.3401 10.2" stroke="%233D86C6" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" /><path stroke-width="1.5" d="M3 22H21" stroke="%233D86C6" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" /></svg>');
}

.table-dropdown .dropdown-menu .dropdown-item .tco-icon.check_status {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.9707 22H14.9707C19.9707 22 21.9707 20 21.9707 15V9C21.9707 4 19.9707 2 14.9707 2H8.9707C3.9707 2 1.9707 4 1.9707 9V15C1.9707 20 3.9707 22 8.9707 22Z" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/><path d="M1.9707 12.7001L7.9707 12.6801C8.7207 12.6801 9.5607 13.2501 9.8407 13.9501L10.9807 16.8301C11.2407 17.4801 11.6507 17.4801 11.9107 16.8301L14.2007 11.0201C14.4207 10.4601 14.8307 10.4401 15.1107 10.9701L16.1507 12.9401C16.4607 13.5301 17.2607 14.0101 17.9207 14.0101H21.9807" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.table-dropdown .dropdown-menu .dropdown-item:hover .tco-icon.check_status {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke-width="1.5" d="M8.9707 22H14.9707C19.9707 22 21.9707 20 21.9707 15V9C21.9707 4 19.9707 2 14.9707 2H8.9707C3.9707 2 1.9707 4 1.9707 9V15C1.9707 20 3.9707 22 8.9707 22Z" stroke="%233D86C6" stroke-linecap="round" stroke-linejoin="round"/><path stroke-width="1.5" d="M1.9707 12.7001L7.9707 12.6801C8.7207 12.6801 9.5607 13.2501 9.8407 13.9501L10.9807 16.8301C11.2407 17.4801 11.6507 17.4801 11.9107 16.8301L14.2007 11.0201C14.4207 10.4601 14.8307 10.4401 15.1107 10.9701L16.1507 12.9401C16.4607 13.5301 17.2607 14.0101 17.9207 14.0101H21.9807" stroke="%233D86C6" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.table-dropdown .dropdown-menu .dropdown-item .tco-icon.eye_icon {
    background-image: url('data:image/svg+xml,<svg width="24" height="14" viewBox="0 0 24 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.9877 6.04967C22.4359 6.61434 22.4359 7.38566 21.9877 7.95033C20.6449 9.64204 17.2727 13 11.6619 13C6.05115 13 2.67901 9.64204 1.33616 7.95033C0.887946 7.38566 0.887946 6.61434 1.33616 6.04967C2.67901 4.35796 6.05115 1 11.6619 1C17.2727 1 20.6449 4.35796 21.9877 6.04967Z" stroke="%23333333" stroke-linecap="round"/><path d="M14.6619 7C14.6619 8.65685 13.3188 10 11.6619 10C10.0051 10 8.66193 8.65685 8.66193 7C8.66193 5.34315 10.0051 4 11.6619 4C13.3188 4 14.6619 5.34315 14.6619 7Z" stroke="%23333333" stroke-linecap="round"/></svg>');
}

.table-dropdown .dropdown-menu .dropdown-item:hover .tco-icon.eye_icon {
    background-image: url('data:image/svg+xml,<svg width="24" height="14" viewBox="0 0 24 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke-width="1.5" d="M21.9877 6.04967C22.4359 6.61434 22.4359 7.38566 21.9877 7.95033C20.6449 9.64204 17.2727 13 11.6619 13C6.05115 13 2.67901 9.64204 1.33616 7.95033C0.887946 7.38566 0.887946 6.61434 1.33616 6.04967C2.67901 4.35796 6.05115 1 11.6619 1C17.2727 1 20.6449 4.35796 21.9877 6.04967Z" stroke="%233D86C6" stroke-linecap="round"/><path stroke-width="1.5" d="M14.6619 7C14.6619 8.65685 13.3188 10 11.6619 10C10.0051 10 8.66193 8.65685 8.66193 7C8.66193 5.34315 10.0051 4 11.6619 4C13.3188 4 14.6619 5.34315 14.6619 7Z" stroke="%233D86C6" stroke-linecap="round"/></svg>');
}

.table-dropdown .dropdown-menu .dropdown-item .tco-icon.archieve_icon {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 14V20C2 21.1046 2.89543 22 4 22H20C21.1046 22 22 21.1046 22 20V14M2 14H8C8.55228 14 8.98368 14.46 9.16437 14.9819C9.57105 16.1565 10.687 17 12 17C13.313 17 14.4289 16.1565 14.8356 14.9819C15.0163 14.46 15.4477 14 16 14H22M2 14L4.62127 3.51493C4.84385 2.62459 5.64382 2 6.56155 2H17.4384C18.3562 2 19.1561 2.62459 19.3787 3.51493L22 14M8 6H16M7 10H17" stroke="%23333333" stroke-linecap="round"/></svg>');
}

.table-dropdown .dropdown-menu .dropdown-item:hover .tco-icon.archieve_icon {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke-width="1.5" d="M2 14V20C2 21.1046 2.89543 22 4 22H20C21.1046 22 22 21.1046 22 20V14M2 14H8C8.55228 14 8.98368 14.46 9.16437 14.9819C9.57105 16.1565 10.687 17 12 17C13.313 17 14.4289 16.1565 14.8356 14.9819C15.0163 14.46 15.4477 14 16 14H22M2 14L4.62127 3.51493C4.84385 2.62459 5.64382 2 6.56155 2H17.4384C18.3562 2 19.1561 2.62459 19.3787 3.51493L22 14M8 6H16M7 10H17" stroke="%233D86C6" stroke-linecap="round"/></svg>');
}

.table-dropdown .dropdown-menu .dropdown-item .tco-icon.download_icon {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.8294 10.4209L12.0006 17.2496L5.17188 10.4209" stroke="%23333333" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 2.0625L12 16.6875" stroke="%23333333" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M18.8294 10.4209L12.0006 17.2496L5.17188 10.4209" stroke="%23333333" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 21.1875H21" stroke="%23333333" stroke-linecap="round"/></svg>');
}

.table-dropdown .dropdown-menu .dropdown-item:hover .tco-icon.download_icon {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke-width="1.5" d="M18.8294 10.4209L12.0006 17.2496L5.17188 10.4209" stroke="%233D86C6" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path stroke-width="1.5" d="M12 2.0625L12 16.6875" stroke="%233D86C6" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path stroke-width="1.5" d="M18.8294 10.4209L12.0006 17.2496L5.17188 10.4209" stroke="%233D86C6" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path stroke-width="1.5" d="M3 21.1875H21" stroke="%233D86C6" stroke-linecap="round"/></svg>');
}

.table-dropdown .dropdown-menu .dropdown-item .tco-icon.copy_icon {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 12.7192V16.8604C16 20.3115 14.6 21.6919 11.1 21.6919H6.9C3.4 21.6919 2 20.3115 2 16.8604V12.7192C2 9.26811 3.4 7.8877 6.9 7.8877H11.1C14.6 7.8877 16 9.26811 16 12.7192Z" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 6.80315V10.9444C22 14.3954 20.6 15.7759 17.1 15.7759H16V12.7192C16 9.26818 14.6 7.88776 11.1 7.88776H8V6.80315C8 3.3521 9.4 1.97168 12.9 1.97168H17.1C20.6 1.97168 22 3.3521 22 6.80315Z" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.table-dropdown .dropdown-menu .dropdown-item:hover .tco-icon.copy_icon {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke-width="1.5" d="M16 12.7192V16.8604C16 20.3115 14.6 21.6919 11.1 21.6919H6.9C3.4 21.6919 2 20.3115 2 16.8604V12.7192C2 9.26811 3.4 7.8877 6.9 7.8877H11.1C14.6 7.8877 16 9.26811 16 12.7192Z" stroke="%233D86C6" stroke-linecap="round" stroke-linejoin="round"/><path stroke-width="1.5" d="M22 6.80315V10.9444C22 14.3954 20.6 15.7759 17.1 15.7759H16V12.7192C16 9.26818 14.6 7.88776 11.1 7.88776H8V6.80315C8 3.3521 9.4 1.97168 12.9 1.97168H17.1C20.6 1.97168 22 3.3521 22 6.80315Z" stroke="%233D86C6" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.table-dropdown .dropdown-menu .dropdown-item .tco-icon.cancel_icon {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1432_8623)"><path d="M15.6364 8.36364L12 12M12 12L8.36364 15.6364M12 12L8.36364 8.36364M12 12L15.6364 15.6364M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke="%23333333" stroke-linecap="round"/></g><defs><clipPath id="clip0_1432_8623"><rect width="24" height="24" fill="white" transform="matrix(-1 0 0 1 24 0)"/></clipPath></defs></svg>');
}

.table-dropdown .dropdown-menu .dropdown-item:hover .tco-icon.cancel_icon {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1432_8623)"><path stroke-width="1.5" d="M15.6364 8.36364L12 12M12 12L8.36364 15.6364M12 12L8.36364 8.36364M12 12L15.6364 15.6364M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke="%233D86C6" stroke-linecap="round"/></g><defs><clipPath id="clip0_1432_8623"><rect width="24" height="24" fill="white" transform="matrix(-1 0 0 1 24 0)"/></clipPath></defs></svg>');
}

.table-dropdown .dropdown-menu .dropdown-item .tco-icon.tco_team {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.16006 10.87C9.06006 10.86 8.94006 10.86 8.83006 10.87C6.45006 10.79 4.56006 8.84 4.56006 6.44C4.56006 3.99 6.54006 2 9.00006 2C11.4501 2 13.4401 3.99 13.4401 6.44C13.4301 8.84 11.5401 10.79 9.16006 10.87Z" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.4098 4C18.3498 4 19.9098 5.57 19.9098 7.5C19.9098 9.39 18.4098 10.93 16.5398 11C16.4598 10.99 16.3698 10.99 16.2798 11" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.16021 14.56C1.74021 16.18 1.74021 18.82 4.16021 20.43C6.91021 22.27 11.4202 22.27 14.1702 20.43C16.5902 18.81 16.5902 16.17 14.1702 14.56C11.4302 12.73 6.92021 12.73 4.16021 14.56Z" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/><path d="M18.3398 20C19.0598 19.85 19.7398 19.56 20.2998 19.13C21.8598 17.96 21.8598 16.03 20.2998 14.86C19.7498 14.44 19.0798 14.16 18.3698 14" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.table-dropdown .dropdown-menu .dropdown-item:hover .tco-icon.tco_team {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.16006 10.87C9.06006 10.86 8.94006 10.86 8.83006 10.87C6.45006 10.79 4.56006 8.84 4.56006 6.44C4.56006 3.99 6.54006 2 9.00006 2C11.4501 2 13.4401 3.99 13.4401 6.44C13.4301 8.84 11.5401 10.79 9.16006 10.87Z" stroke="%233D86C6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.4098 4C18.3498 4 19.9098 5.57 19.9098 7.5C19.9098 9.39 18.4098 10.93 16.5398 11C16.4598 10.99 16.3698 10.99 16.2798 11" stroke="%233D86C6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.16021 14.56C1.74021 16.18 1.74021 18.82 4.16021 20.43C6.91021 22.27 11.4202 22.27 14.1702 20.43C16.5902 18.81 16.5902 16.17 14.1702 14.56C11.4302 12.73 6.92021 12.73 4.16021 14.56Z" stroke="%233D86C6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M18.3398 20C19.0598 19.85 19.7398 19.56 20.2998 19.13C21.8598 17.96 21.8598 16.03 20.2998 14.86C19.7498 14.44 19.0798 14.16 18.3698 14" stroke="%233D86C6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.plus_icon svg {
    display: none;
}

.plus_icon {
    width: 14px;
    height: 14px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 13V7M7 7V1M7 7H13M7 7H1" stroke="white" stroke-width="1.5" stroke-linecap="round"/></svg>');
}

.dataTables_scrollHeadInner .table.dataTable {
    min-height: auto !important;
}

.page-content-flex {
    max-width: calc(100% - 270px);
}

.setting-page-wrapper .page-content-wrap {
    max-width: calc(100% - 300px);
}

.nested-menu .menu-items {
    max-height: 550px;
    overflow: auto;
}

.action-btn.tco-icon.trash_icon.removeBtn {
    font-size: 0px;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21 5.98C17.67 5.65 14.32 5.48 10.98 5.48C9 5.48 7.02 5.58 5.04 5.78L3 5.98" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.5 4.97L8.72 3.66C8.88 2.71 9 2 10.69 2H13.31C15 2 15.13 2.75 15.28 3.67L15.5 4.97" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/><path d="M18.8499 9.14L18.1999 19.21C18.0899 20.78 17.9999 22 15.2099 22H8.7899C5.9999 22 5.9099 20.78 5.7999 19.21L5.1499 9.14" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.3301 16.5H13.6601" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.5 12.5H14.5" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: auto;
    display: block;
}

.action-btn.tco-icon.trash_icon.removeBtn:hover {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21 5.98C17.67 5.65 14.32 5.48 10.98 5.48C9 5.48 7.02 5.58 5.04 5.78L3 5.98" stroke="%233D86C6" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M8.5 4.97L8.72 3.66C8.88 2.71 9 2 10.69 2H13.31C15 2 15.13 2.75 15.28 3.67L15.5 4.97" stroke="%233D86C6" stroke-linecap="round" stroke-linejoin="round"  stroke-width="1.5"/><path d="M18.8499 9.14L18.1999 19.21C18.0899 20.78 17.9999 22 15.2099 22H8.7899C5.9999 22 5.9099 20.78 5.7999 19.21L5.1499 9.14" stroke="%233D86C6" stroke-linecap="round" stroke-linejoin="round"  stroke-width="1.5"/><path d="M10.3301 16.5H13.6601" stroke="%233D86C6" stroke-linecap="round" stroke-linejoin="round"  stroke-width="1.5"/><path d="M9.5 12.5H14.5" stroke="%233D86C6" stroke-linecap="round" stroke-linejoin="round"  stroke-width="1.5"/></svg>');
}

.dataTables_wrapper {
    margin-bottom: 10px;
}

.custom-table .dataTables_wrapper {
    min-height: 420px;
}

.calculator-wrapper .flip-box p.form-help {
    margin: 5px 0 0 0;
    color: #333;
    font-size: 14px;
}

.notifications-list-wrapper .notification-list {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.notifications-list-page {
    max-width: 1100px;
}

.notifications-list-wrapper .notification-list li a.dropdown-item {
    border-top: 1px solid #BBCADF;
    padding: 20px 15px;
    align-items: center;
}

.notifications-list-wrapper .notification-list li a.dropdown-item .text-wrap {
    flex-grow: 1;
}

.notifications-list-wrapper .notification-list li:not(:last-of-type) .dropdown-item .text-wrap::before {
    display: none;
}

.notifications-list-wrapper .notification-list li a.dropdown-item .text-wrap h5 {
    margin: 0;
}

.notifications-list-wrapper .notification-list li a.dropdown-item .icon::before,
.notifications-list-wrapper .notification-list .icon::before {
    left: -8px;
}

.notifications-list-wrapper .notification-list li a.dropdown-item p {
    min-width: 200px;
}

.notifications-list-wrapper .notification-list {
    vertical-align: middle;
}

.notifications-list-wrapper .notification-list td {
    padding: 20px 15px;
}

.notification-list td .icon {
    margin: 0;
}

.custom-table .accatch-data .attachment-icons {
    font-size: 0px;
}

.custom-table .accatch-data .attachment-icons .tco-icon.attachment_icon {
    background-image: url('data:image/svg+xml,<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg"><circle opacity="0.07" cx="17" cy="17" r="17" fill="%233D86C6"></circle><path d="M26 19.7775C25.9973 19.9645 26.0027 20.1516 25.9899 20.3387C25.8657 22.1291 25.0263 23.4715 23.4151 24.2727C22.0614 24.9462 20.684 24.8942 19.335 24.2143C19.1148 24.1039 18.9011 23.9734 18.7038 23.8265C15.9572 21.7951 13.2143 19.7601 10.4705 17.7251C9.20814 16.787 8.71491 15.3132 9.16156 13.8139C9.75709 11.8144 12.1191 10.8179 13.9651 11.7907C14.1679 11.8975 14.3643 12.0225 14.5488 12.1594C17.2698 14.1725 19.988 16.1883 22.7063 18.2042C23.7741 18.9963 24.0271 20.3788 23.3 21.4447C22.6122 22.4531 21.2165 22.7305 20.1972 22.0616C20.1232 22.0132 20.0501 21.9612 19.978 21.9083C17.5831 20.1334 15.1881 18.3584 12.7932 16.5835C12.7594 16.5589 12.7275 16.5324 12.7028 16.5123C12.9302 16.2093 13.1549 15.91 13.4152 15.5614C13.4299 15.5797 13.46 15.6417 13.5093 15.6782C15.8896 17.4459 18.2727 19.2108 20.6539 20.9784C20.9635 21.2084 21.2942 21.3306 21.6815 21.2366C22.1245 21.1299 22.4076 20.8461 22.5245 20.4153C22.6387 19.9956 22.5309 19.6178 22.2268 19.3029C22.1656 19.239 22.0943 19.1834 22.0231 19.1305C19.3048 17.1137 16.5856 15.0987 13.8692 13.0811C13.3065 12.6631 12.6909 12.4852 11.994 12.6129C10.897 12.8137 10.0786 13.8577 10.1462 14.9701C10.1919 15.7156 10.5079 16.3161 11.1071 16.7614C13.8582 18.8038 16.6085 20.8479 19.3642 22.8829C20.6091 23.8019 22.1391 23.8365 23.3941 22.9541C24.3568 22.277 24.8455 21.3197 24.8482 20.1416C24.8519 18.9315 24.3303 17.9761 23.3621 17.2588C20.3735 15.0431 17.3849 12.8274 14.3962 10.6135C14.3378 10.5697 14.2684 10.5405 14.2126 10.5086C14.4583 10.1809 14.6839 9.88071 14.915 9.57227C14.9315 9.58413 14.9753 9.61059 15.0155 9.64071C18.1594 11.9714 21.307 14.2966 24.4408 16.641C24.7285 16.8563 24.9423 17.1794 25.1597 17.476C25.4995 17.9396 25.7287 18.4615 25.8593 19.0237C25.8648 19.0483 25.8822 19.0702 25.894 19.094L25.9991 19.7775H26Z" fill="%233D86C6"></path></svg>');
    width: 34px;
    height: 34px;
    margin-right: 4px;
}

.notification-list thead {
    display: none !important;
}

.notification-list td a {
    text-decoration: none;
}

.notification-list.dataTable {
    width: 100% !important;
}

.request-modal .max-size-file-upload .file-upload-wrap .fileDiv:not(:last-of-type) {
    margin-bottom: 6px;
}

.request-modal .max-size-file-upload .file-upload-wrap .file-remove {
    background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 1L1 11" stroke="%233D86C6" stroke-width="1.5" stroke-linecap="round"/><path d="M1 1L11 11" stroke="%233D86C6" stroke-width="1.5" stroke-linecap="round"/></svg>');
    width: 11px;
    height: 11px;
    font-size: 0px;
}

.request-modal .max-size-file-upload .file-upload-wrap .file-remove svg {
    display: none;
}


.toast-container.files-toast .files-list .quote-id {
    display: none;
}

.toast-container.files-toast .files-list .data .data-row .files {
    word-break: break-all;
}

.toast-container.files-toast .files-list .data .data-row a {
    color: inherit;
    text-decoration: none;
}

.toast-container.files-toast .files-list .data .data-row .files .tco-icon.pdf_icon {
    background-image: url('data:image/svg+xml,<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="Jpg"><g id="Group"><g id="Group_2"><g id="Group_3"><path id="Vector" d="M18.8918 22.9496H4.89053C3.92383 22.9496 3.13867 22.1641 3.13867 21.197V1.80926C3.13867 0.84214 3.92383 0.0566406 4.89053 0.0566406H13.7701L20.6437 7.1443V21.197C20.6437 22.1641 19.8585 22.9496 18.8918 22.9496Z" fill="%23F55B4B"/></g></g><g id="Group_4"><g id="Group 427319482"><path id="Vector_2" d="M9.05727 11.7553C9.05727 12.6918 8.35282 13.2783 7.23233 13.2783H6.38604V14.4371H5.41211V10.2275H7.23233C8.35755 10.2275 9.05727 10.8093 9.05727 11.7553ZM8.07388 11.7553C8.07388 11.2918 7.7713 11.0222 7.18032 11.0222H6.38604V12.4837H7.18032C7.77603 12.4837 8.07388 12.2141 8.07388 11.7553Z" fill="white"/><path id="Vector_3" d="M9.74805 10.2275H11.6581C13.0339 10.2275 13.9795 11.0553 13.9795 12.3323C13.9795 13.6094 13.0339 14.4371 11.6581 14.4371H9.74805V10.2275ZM11.6108 13.6378C12.4476 13.6378 12.9913 13.1411 12.9913 12.3323C12.9913 11.5235 12.4429 11.0269 11.6108 11.0269H10.722V13.6378H11.6108Z" fill="white"/><path id="Vector_4" d="M15.6849 11.0127V12.1242H17.6327V12.9046H15.6849V14.4371H14.7109V10.2275H17.888V11.008H15.6849V11.0127Z" fill="white"/></g></g></g></g></svg>');
}

.toast-container.files-toast .files-list .data .data-row .files .tco-icon.docx_icon {
    background-image: url('data:image/svg+xml,<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.4327 20.9558H6.25773C5.41712 20.9558 4.73438 20.2727 4.73438 19.4318V2.57284C4.73438 1.73187 5.41712 1.04883 6.25773 1.04883H13.9791L19.9561 7.21201V19.4318C19.9561 20.2727 19.2734 20.9558 18.4327 20.9558Z" fill="%234B8FF5"/><path d="M7.43798 13.5521H6V10.0479H7.44986C7.85789 10.0479 8.20913 10.1181 8.50359 10.2584C8.79805 10.3975 9.02451 10.5977 9.18297 10.8589C9.34274 11.1202 9.42263 11.4327 9.42263 11.7966C9.42263 12.1616 9.34274 12.4753 9.18297 12.7376C9.02451 13 8.79673 13.2013 8.49963 13.3416C8.20385 13.4819 7.84996 13.5521 7.43798 13.5521ZM6.85764 12.9173H7.40233C7.65586 12.9173 7.86911 12.8785 8.04209 12.801C8.21639 12.7222 8.34712 12.6008 8.43427 12.4365C8.52274 12.2711 8.56697 12.0578 8.56697 11.7966C8.56697 11.5376 8.52274 11.326 8.43427 11.1618C8.34712 10.9975 8.21705 10.8766 8.04407 10.799C7.87109 10.7215 7.65784 10.6827 7.40431 10.6827H6.85764V12.9173Z" fill="white"/><path d="M13.7856 11.8C13.7856 12.1821 13.7017 12.5072 13.534 12.7753C13.3677 13.0433 13.1405 13.2481 12.8527 13.3895C12.5661 13.5298 12.244 13.6 11.8861 13.6C11.5256 13.6 11.2021 13.5293 10.9156 13.3878C10.629 13.2464 10.4026 13.0416 10.2362 12.7736C10.0698 12.5055 9.98663 12.181 9.98663 11.8C9.98663 11.4179 10.0698 11.0928 10.2362 10.8247C10.4026 10.5567 10.629 10.3525 10.9156 10.2122C11.2021 10.0707 11.5256 10 11.8861 10C12.244 10 12.5661 10.0707 12.8527 10.2122C13.1405 10.3525 13.3677 10.5567 13.534 10.8247C13.7017 11.0928 13.7856 11.4179 13.7856 11.8ZM12.9161 11.8C12.9161 11.5525 12.8732 11.3437 12.7873 11.1738C12.7028 11.0038 12.5833 10.8749 12.4288 10.7871C12.2743 10.6992 12.0934 10.6553 11.8861 10.6553C11.6788 10.6553 11.4979 10.6992 11.3434 10.7871C11.1889 10.8749 11.0687 11.0038 10.9829 11.1738C10.8984 11.3437 10.8562 11.5525 10.8562 11.8C10.8562 12.0475 10.8984 12.2563 10.9829 12.4262C11.0687 12.5962 11.1889 12.7251 11.3434 12.8129C11.4979 12.9008 11.6788 12.9447 11.8861 12.9447C12.0934 12.9447 12.2743 12.9008 12.4288 12.8129C12.5833 12.7251 12.7028 12.5962 12.7873 12.4262C12.8732 12.2563 12.9161 12.0475 12.9161 11.8Z" fill="white"/><path d="M18 11.2747H17.1325C17.1166 11.1778 17.0843 11.0916 17.0354 11.0163C16.9865 10.9399 16.9238 10.8749 16.8472 10.8213C16.7707 10.7677 16.6822 10.7266 16.5818 10.6981C16.4828 10.6696 16.3752 10.6553 16.259 10.6553C16.049 10.6553 15.8661 10.7004 15.7103 10.7905C15.5545 10.8795 15.4337 11.0095 15.3479 11.1806C15.262 11.3506 15.2191 11.557 15.2191 11.8C15.2191 12.0498 15.262 12.2597 15.3479 12.4297C15.435 12.5996 15.5565 12.7279 15.7123 12.8146C15.8681 12.9013 16.0484 12.9447 16.253 12.9447C16.3679 12.9447 16.4742 12.9316 16.5719 12.9053C16.671 12.8791 16.7588 12.8409 16.8354 12.7907C16.9119 12.7394 16.9753 12.6772 17.0255 12.6042C17.077 12.5312 17.1127 12.4479 17.1325 12.3544L18 12.3578C17.9776 12.5186 17.9214 12.6738 17.8316 12.8232C17.7432 12.9715 17.6237 13.1044 17.4731 13.2219C17.3239 13.3382 17.1457 13.4306 16.9384 13.499C16.7324 13.5663 16.4993 13.6 16.2392 13.6C15.8774 13.6 15.5538 13.5293 15.2686 13.3878C14.9847 13.2464 14.7603 13.0416 14.5952 12.7736C14.4315 12.5055 14.3496 12.181 14.3496 11.8C14.3496 11.4179 14.4328 11.0928 14.5992 10.8247C14.7655 10.5567 14.9913 10.3525 15.2766 10.2122C15.5618 10.0707 15.8826 10 16.2392 10C16.4742 10 16.6921 10.0285 16.8928 10.0856C17.0948 10.1426 17.2737 10.2259 17.4296 10.3354C17.5854 10.4437 17.7121 10.5766 17.8099 10.734C17.9089 10.8914 17.9723 11.0717 18 11.2747Z" fill="white"/></svg>');
}


.toast-container.files-toast .files-list .data .data-row .files .tco-icon.xls_icon {
    background-image: url('data:image/svg+xml,<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.4327 20.9558H6.25773C5.41712 20.9558 4.73438 20.2727 4.73438 19.4318V2.57284C4.73438 1.73187 5.41712 1.04883 6.25773 1.04883H13.9791L19.9561 7.21201V19.4318C19.9561 20.2727 19.2734 20.9558 18.4327 20.9558Z" fill="%2301A976"/><path d="M8.03243 10.0479L8.88014 11.2416H8.91298L9.76478 10.0479H10.7685L9.48564 11.7991L10.7972 13.5504H9.77505L8.91298 12.355H8.88014L8.01806 13.5504H7L8.31568 11.7991L7.02463 10.0479H8.03243Z" fill="white"/><path d="M11.3309 13.5504V10.0479H12.2196V12.9399H14.0218V13.5504H11.3309Z" fill="white"/><path d="M16.8907 11.0552C16.8743 10.9172 16.8038 10.8101 16.6793 10.7337C16.5548 10.6573 16.3858 10.6191 16.1723 10.6191C16.0273 10.6191 15.9048 10.6362 15.8049 10.6704C15.705 10.7035 15.6284 10.7496 15.575 10.8089C15.523 10.8682 15.497 10.9355 15.497 11.0107C15.4943 11.0734 15.51 11.1282 15.5442 11.1749C15.5798 11.2217 15.6284 11.2621 15.69 11.2963C15.7516 11.3294 15.8227 11.3585 15.9034 11.3836C15.9842 11.4075 16.0704 11.428 16.1621 11.4451L16.5397 11.5204C16.7231 11.5546 16.8914 11.6002 17.0447 11.6572C17.1979 11.7142 17.3307 11.7843 17.4429 11.8676C17.5551 11.9508 17.642 12.0488 17.7035 12.1617C17.7665 12.2746 17.7986 12.404 17.8 12.5499C17.7986 12.7643 17.733 12.9501 17.603 13.1075C17.4743 13.2637 17.2882 13.3851 17.0447 13.4717C16.8025 13.5572 16.5103 13.6 16.1682 13.6C15.8289 13.6 15.5333 13.5567 15.2815 13.47C15.0311 13.3834 14.8354 13.2551 14.6945 13.0852C14.5549 12.9142 14.4817 12.7027 14.4749 12.4507H15.3349C15.3445 12.5682 15.3848 12.6662 15.456 12.7449C15.5285 12.8224 15.625 12.8811 15.7454 12.921C15.8672 12.9598 16.0047 12.9792 16.158 12.9792C16.3085 12.9792 16.4392 12.9609 16.55 12.9245C16.6622 12.888 16.7491 12.8372 16.8107 12.7723C16.8722 12.7073 16.903 12.6326 16.903 12.5482C16.903 12.4695 16.875 12.4034 16.8189 12.3498C16.7641 12.2962 16.6834 12.2506 16.5767 12.213C16.4713 12.1754 16.342 12.1412 16.1887 12.1104L15.731 12.0146C15.3766 11.9428 15.0968 11.8305 14.8915 11.6777C14.6863 11.5249 14.5843 11.3191 14.5857 11.0603C14.5843 10.8483 14.6521 10.663 14.7889 10.5045C14.9271 10.346 15.1166 10.2223 15.3575 10.1334C15.5983 10.0445 15.872 10 16.1785 10C16.4905 10 16.7628 10.0445 16.9954 10.1334C17.2294 10.2223 17.4114 10.346 17.5414 10.5045C17.6714 10.663 17.7384 10.8466 17.7425 11.0552H16.8907Z" fill="white"/></svg>');
}


.toast-container.files-toast .files-list .data .data-row .files .tco-icon.csv_icon {
    background-image: url('data:image/svg+xml,<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.4327 20.9558H6.25773C5.41712 20.9558 4.73438 20.2727 4.73438 19.4318V2.57284C4.73438 1.73187 5.41712 1.04883 6.25773 1.04883H13.9791L19.9561 7.21201V19.4318C19.9561 20.2727 19.2734 20.9558 18.4327 20.9558Z" fill="%2301A976"/><path d="M10.1143 11.2741H9.37414C9.36062 11.1772 9.33302 11.0911 9.29134 11.0159C9.24966 10.9395 9.19615 10.8745 9.13081 10.8209C9.06547 10.7673 8.99 10.7263 8.90438 10.6978C8.81989 10.6693 8.72808 10.655 8.62895 10.655C8.44983 10.655 8.29381 10.7 8.16088 10.7901C8.02795 10.879 7.92487 11.009 7.85165 11.18C7.77843 11.3499 7.74181 11.5563 7.74181 11.7991C7.74181 12.0488 7.77843 12.2586 7.85165 12.4285C7.926 12.5984 8.02964 12.7267 8.16257 12.8133C8.2955 12.9 8.44927 12.9433 8.62388 12.9433C8.72189 12.9433 8.81257 12.9302 8.89593 12.9039C8.98042 12.8777 9.05534 12.8395 9.12067 12.7894C9.18601 12.7381 9.24009 12.6759 9.28289 12.6029C9.32683 12.53 9.35724 12.4467 9.37414 12.3533L10.1143 12.3567C10.0951 12.5174 10.0472 12.6725 9.97063 12.8219C9.89516 12.9701 9.79321 13.1029 9.66478 13.2203C9.53749 13.3366 9.38541 13.429 9.20854 13.4974C9.03281 13.5647 8.83397 13.5983 8.61205 13.5983C8.30338 13.5983 8.02739 13.5276 7.78406 13.3862C7.54186 13.2448 7.35035 13.0402 7.20953 12.7723C7.06984 12.5043 7 12.18 7 11.7991C7 11.4172 7.07097 11.0923 7.21291 10.8243C7.35485 10.5564 7.54749 10.3523 7.79082 10.2121C8.03415 10.0707 8.30789 10 8.61205 10C8.81257 10 8.99845 10.0285 9.16968 10.0855C9.34204 10.1425 9.49468 10.2257 9.62761 10.3352C9.76054 10.4435 9.86868 10.5763 9.95205 10.7337C10.0365 10.891 10.0906 11.0712 10.1143 11.2741Z" fill="white"/><path d="M12.5163 11.0552C12.5028 10.9172 12.4448 10.8101 12.3422 10.7337C12.2397 10.6573 12.1006 10.6191 11.9249 10.6191C11.8055 10.6191 11.7046 10.6362 11.6224 10.6704C11.5402 10.7035 11.4771 10.7496 11.4331 10.8089C11.3903 10.8682 11.3689 10.9355 11.3689 11.0107C11.3667 11.0734 11.3796 11.1282 11.4078 11.1749C11.4371 11.2217 11.4771 11.2621 11.5278 11.2963C11.5785 11.3294 11.637 11.3585 11.7035 11.3836C11.77 11.4075 11.8409 11.428 11.9164 11.4451L12.2273 11.5204C12.3783 11.5546 12.5169 11.6002 12.643 11.6572C12.7692 11.7142 12.8785 11.7843 12.9708 11.8676C13.0632 11.9508 13.1347 12.0488 13.1854 12.1617C13.2373 12.2746 13.2637 12.404 13.2649 12.5499C13.2637 12.7643 13.2097 12.9501 13.1026 13.1075C12.9967 13.2637 12.8435 13.3851 12.643 13.4717C12.4436 13.5572 12.2031 13.6 11.9215 13.6C11.6421 13.6 11.3988 13.5567 11.1915 13.47C10.9853 13.3834 10.8243 13.2551 10.7082 13.0852C10.5933 12.9142 10.533 12.7027 10.5274 12.4507H11.2354C11.2433 12.5682 11.2766 12.6662 11.3351 12.7449C11.3948 12.8224 11.4743 12.8811 11.5734 12.921C11.6737 12.9598 11.7869 12.9792 11.913 12.9792C12.037 12.9792 12.1445 12.9609 12.2358 12.9245C12.3282 12.888 12.3997 12.8372 12.4504 12.7723C12.5011 12.7073 12.5264 12.6326 12.5264 12.5482C12.5264 12.4695 12.5033 12.4034 12.4571 12.3498C12.4121 12.2962 12.3456 12.2506 12.2578 12.213C12.171 12.1754 12.0646 12.1412 11.9384 12.1104L11.5616 12.0146C11.2698 11.9428 11.0394 11.8305 10.8704 11.6777C10.7015 11.5249 10.6175 11.3191 10.6187 11.0603C10.6175 10.8483 10.6733 10.663 10.786 10.5045C10.8997 10.346 11.0558 10.2223 11.254 10.1334C11.4523 10.0445 11.6776 10 11.9299 10C12.1868 10 12.411 10.0445 12.6025 10.1334C12.7951 10.2223 12.9449 10.346 13.0519 10.5045C13.159 10.663 13.2142 10.8466 13.2175 11.0552H12.5163Z" fill="white"/><path d="M14.3822 10.0479L15.2187 12.709H15.2508L16.0889 10.0479H16.9L15.707 13.5504H14.7641L13.5694 10.0479H14.3822Z" fill="white"/></svg>');
}


.toast-container.files-toast .files-list .data .data-row .files .tco-icon.img_icon {
    background-image: url('data:image/svg+xml,<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.41667 7H3V10.75H3.00708L3 17.5C3 18.325 3.6375 19 4.41667 19H17.1667V17.5H4.41667V7ZM7.95833 13.75H17.875L15.3958 10.375L13.625 12.6325L11.1458 9.25L7.95833 13.75ZM18.5833 5.5H12.9167L11.5 4H7.25C6.47083 4 5.84042 4.675 5.84042 5.5L5.83333 14.5C5.83333 15.325 6.47083 16 7.25 16H18.5833C19.3625 16 20 15.325 20 14.5V7C20 6.175 19.3625 5.5 18.5833 5.5ZM18.5833 14.5H7.25V5.5H10.9121L11.9108 6.5575L12.3288 7H18.5833V14.5Z" fill="%23A9AEB2"/></svg>');
}

.toast-container.files-toast .files-list .data .data-row .files .tco-icon svg {
    display: none;
}

.toast-container.files-toast .files-list .data .data-row .files .tco-icon {
    width: 23px;
    height: 23px;
}

.toast-container.files-toast .files-list .data .data-row .files .file-nm {
    width: calc(100% - 30px);
}

/*******Loader*********/
.loader-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    background-color: rgb(0 0 0 / 45%);
    position: fixed;
    z-index: 999;
    width: 100%;
    top: 0;
}

.spinner {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    border: 7px solid #ddd;
    border-top-color: rgb(61, 134, 198);
    animation: rotate 1s infinite;
}


@keyframes rotate {
    100% {
        rotate: 360deg;
    }
}

.site-header .right-menu-wrap .notification-drp .notification-count {
    background: #DB4F4F;
    color: #fff;
    position: absolute;
    font-size: 11px;
    font-weight: 400;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 10px;
    right: 10px;
}

.site-header .right-menu-wrap .notification-drp {
    position: relative;
}

.page-content-wrap .page-heading .form-select {
    width: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-left: 10px;
    margin-bottom: 0.5rem;
}

.child-menu-wrapper {
    padding: 10px 20px;
}

.child-menu-wrapper .child-item {
    display: block;
    color: var(--text-color);
    text-decoration: none;
    transition: .3s;
    padding: 5px;
    font-size: 14px;
}

.child-menu-wrapper .child-item:hover {
    color: #B0BC25 !important;
    font-weight: 500;
}

.nested-menu .menu-items ul .accordion-button {
    padding-right: 35px;
}

.nested-menu .menu-items ul .accordion-button::after {
    content: "";
    width: 15px !important;
    height: 15px !important;
    background-image: url('data:image/svg+xml,<svg width="18" height="9" viewBox="0 0 18 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.84 1L10.32 7.52C9.55 8.29 8.29 8.29 7.52 7.52L1 1" stroke="%23575757" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    position: absolute;
    right: 10px;
    top: 14px;
    background-position: center;
    background-size: 15px;
    transition: .3s;
}

.nested-menu .menu-items ul .accordion-button:not(.collapsed)::after {
    transform: rotate(180deg);
    transform-origin: center;
}

/****/

.tabs-wrapper.page-tabs-outer .tab-content>.tab-pane {
    display: block;
    opacity: 1;
}

.tabs-wrapper.page-tabs-outer .tab-content>.tab-pane.fade:not(.show) {
    height: 0;
    overflow: hidden;
}

.site-header .right-menu-wrap .notification-drp.active {
    /* box-shadow: 0 0 0 rgba(61, 134, 198, 0.4); */
    /* animation: pulse 1.5s infinite; */
    /* background-color: var(--da-primary); */
}

.site-header .right-menu-wrap .notification-drp.active svg path,
.site-header .right-menu-wrap .logout-button .logout-btn.active svg path {
    /* stroke: #fff; */
}

.fl-price.gap-10 {
    gap: 10px;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(61, 134, 198, 0.4);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(61, 134, 198, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(61, 134, 198, 0);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(61, 134, 198, 0.4);
        box-shadow: 0 0 0 0 rgba(61, 134, 198, 0.4);
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(61, 134, 198, 0);
        box-shadow: 0 0 0 10px rgba(61, 134, 198, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(61, 134, 198, 0);
        box-shadow: 0 0 0 0 rgba(61, 134, 198, 0);
    }
}


/* TABS */

.region-tab-wrapper .nav-link {
    padding-right: 50px;
}

.region-tab-wrapper .tab-delete {
    position: absolute;
    right: 12px;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-content: center;
    justify-content: center;
}

/* TABS */


.column-break {
    white-space: nowrap;
}


/* Duplicate & Delete Icons for VM */

.action-wrapper.position-abs {
    position: absolute;
    right: 30px;
    top: 28px;
    cursor: pointer;
    z-index: 2;
    display: flex;
    align-content: center;
    gap: 10px;
}

.action-wrapper.position-abs .delete {
    position: static;
}

/* Duplicate & Delete Icons for VM */



/* Check Status Preview & Download Button */
#checkStatusPreview, #checkStatusDownload {
    padding: 0.4rem .5rem !important;
    gap: 10px;
    align-items: center;
    display: inline-flex;
    border: 1px solid #dedede;
    margin: 0 0 15px 0;
}

#checkStatusPreview:hover, #checkStatusDownload:hover {
    background: #dedede;
}

#checkStatusPreview .tco-icon.eye_icon {
    background-image: url('data:image/svg+xml,<svg width="24" height="14" viewBox="0 0 24 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.9877 6.04967C22.4359 6.61434 22.4359 7.38566 21.9877 7.95033C20.6449 9.64204 17.2727 13 11.6619 13C6.05115 13 2.67901 9.64204 1.33616 7.95033C0.887946 7.38566 0.887946 6.61434 1.33616 6.04967C2.67901 4.35796 6.05115 1 11.6619 1C17.2727 1 20.6449 4.35796 21.9877 6.04967Z" stroke="%23333333" stroke-linecap="round"/><path d="M14.6619 7C14.6619 8.65685 13.3188 10 11.6619 10C10.0051 10 8.66193 8.65685 8.66193 7C8.66193 5.34315 10.0051 4 11.6619 4C13.3188 4 14.6619 5.34315 14.6619 7Z" stroke="%23333333" stroke-linecap="round"/></svg>');

}

#checkStatusDownload .tco-icon.download_icon {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.8294 10.4209L12.0006 17.2496L5.17188 10.4209" stroke="%23333333" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 2.0625L12 16.6875" stroke="%23333333" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M18.8294 10.4209L12.0006 17.2496L5.17188 10.4209" stroke="%23333333" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 21.1875H21" stroke="%23333333" stroke-linecap="round"/></svg>');

}

#checkStatusPreview .tco-icon.eye_icon, #checkStatusDownload .tco-icon.download_icon {
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Check Status Preview & Download Button */


/*****New CSS******/

.three-cards.flex-row-custom {

    display: flex;

    flex-wrap: wrap;

}

.three-cards.flex-row-custom .col-md-4 {

    margin-bottom: 25px;

}

.three-cards.flex-row-custom .col-md-4 .flip-box {

    margin-bottom: 0;

    height: 100%;

}


.calculator-wrapper .is-flipped+.flip-box-back {

    display: flex;

    flex-direction: column;

}

.calculator-wrapper .flip-box-back .back-container {

    flex-grow: 1;

}

.user_role_dashboard {
    background: none !important;
    padding: 13px !important;
}

.search-filter .search-filter-padding .custom-search-input:focus, .page-heading .search-filter-padding .custom-search-input:focus, .form-control:focus, .calculator-wrapper input:not([type="checkbox"]):not([type="radio"]):focus, select.form-select:focus, .calculator-wrapper select:focus {
    border: 1px solid rgb(61 134 198 / 46%) !important;
}