@font-face {
    font-family: Circular;
    unicode-range: U+0000-03FF, U+0500-058F, U+0700-074F, U+0780-FAFF, U+FE00-FE6F, U+FF00-EFFFF, U+FFFFE-10FFFF;
    font-weight: normal;
    font-style: normal;
    src: url("../../fonts/circular/Cereal-Book.woff2") format("woff2"),url("../../fonts/circular/Cereal-Book.woff") format("woff");
    font-display: swap
}

@font-face {
    font-family: Circular;
    unicode-range: U+0000-03FF, U+0500-058F, U+0700-074F, U+0780-FAFF, U+FE00-FE6F, U+FF00-EFFFF, U+FFFFE-10FFFF;
    font-weight: 600;
    font-style: normal;
    src: url("../../fonts/circular/Cereal-Medium.woff2") format("woff2"),url("../../fonts/circular/Cereal-Medium.woff") format("woff");
    font-display: swap
}

@font-face {
    font-family: Circular;
    unicode-range: U+0000-03FF, U+0500-058F, U+0700-074F, U+0780-FAFF, U+FE00-FE6F, U+FF00-EFFFF, U+FFFFE-10FFFF;
    font-weight: 800;
    font-style: normal;
    src: url("../../fonts/circular/Cereal-Bold.woff2") format("woff2"),url("../../fonts/circular/Cereal-Bold.woff") format("woff");
    font-display: swap
}

@font-face {
    font-family: Circular;
    unicode-range: U+0400-04FF;
    font-weight: normal;
    font-style: normal;
    src: url("../../fonts/circular/cereal-beta-v1/Cereal-Cyrillic-Book.woff2") format("woff2"),url("../../fonts/circular/cereal-beta-v1/Cereal-Cyrillic-Book.woff") format("woff");
    font-display: swap
}

@font-face {
    font-family: Circular;
    unicode-range: U+0400-04FF;
    font-weight: 600;
    font-style: normal;
    src: url("../../fonts/circular/cereal-beta-v1/Cereal-Cyrillic-Medium.woff2") format("woff2"),url("../../fonts/circular/cereal-beta-v1/Cereal-Cyrillic-Medium.woff") format("woff");
    font-display: swap
}

@font-face {
    font-family: Circular;
    unicode-range: U+0400-04FF;
    font-weight: 800;
    font-style: normal;
    src: url("../../fonts/circular/cereal-beta-v1/Cereal-Cyrillic-Bold.woff2") format("woff2"),url("../../fonts/circular/cereal-beta-v1/Cereal-Cyrillic-Bold.woff") format("woff");
    font-display: swap
}

@font-face {
    font-family: Circular;
    unicode-range: U+0590-05FF, U+FB00-FB4F;
    font-weight: normal;
    font-style: normal;
    src: url("../../fonts/circular/cereal-beta-v1/Cereal-Hebrew-Book.woff2") format("woff2"),url("../../fonts/circular/cereal-beta-v1/Cereal-Hebrew-Book.woff") format("woff");
    font-display: swap
}

@font-face {
    font-family: Circular;
    unicode-range: U+0590-05FF, U+FB00-FB4F;
    font-weight: 600;
    font-style: normal;
    src: url("../../fonts/circular/cereal-beta-v1/Cereal-Hebrew-Medium.woff2") format("woff2"),url("../../fonts/circular/cereal-beta-v1/Cereal-Hebrew-Medium.woff") format("woff");
    font-display: swap
}

@font-face {
    font-family: Circular;
    unicode-range: U+0590-05FF, U+FB00-FB4F;
    font-weight: 800;
    font-style: normal;
    src: url("../../fonts/circular/cereal-beta-v1/Cereal-Hebrew-Bold.woff2") format("woff2"),url("../../fonts/circular/cereal-beta-v1/Cereal-Hebrew-Bold.woff") format("woff");
    font-display: swap
}

/*@font-face {
    font-family: Circular;
    unicode-range: U+0600-06FF, U+0750-077F;
    font-weight: normal;
    font-style: normal;
    src: url("/airbnb/static/airbnb-dls-web/build/fonts/cereal-beta-v1/Airbnb_Cereal-Arabic-Book-a3069642fff439a4487060181f843c27.woff2") format("woff2"),url("/airbnb/static/airbnb-dls-web/build/fonts/cereal-beta-v1/Airbnb_Cereal-Arabic-Book-6de797f6b9ddbf3ce640d1318a77d85e.woff") format("woff");
    font-display: swap
}
@font-face {
    font-family: Circular;
    unicode-range: U+0600-06FF, U+0750-077F;
    font-weight: 600;
    font-style: normal;
    src: url("/airbnb/static/airbnb-dls-web/build/fonts/cereal-beta-v1/Airbnb_Cereal-Arabic-Medium-726e07fb1271351070ed63c892598211.woff2") format("woff2"),url("/airbnb/static/airbnb-dls-web/build/fonts/cereal-beta-v1/Airbnb_Cereal-Arabic-Medium-0ad3304a4ceb8b4ba992872376c6fee2.woff") format("woff");
    font-display: swap
}

@font-face {
    font-family: Circular;
    unicode-range: U+0600-06FF, U+0750-077F;
    font-weight: 800;
    font-style: normal;
    src: url("/airbnb/static/airbnb-dls-web/build/fonts/cereal-beta-v1/Airbnb_Cereal-Arabic-Bold-9129550a5028e0f85441bf1bbfacc1e4.woff2") format("woff2"),url("/airbnb/static/airbnb-dls-web/build/fonts/cereal-beta-v1/Airbnb_Cereal-Arabic-Bold-16ec9f0279388cccbedb6a1d95ac4d9d.woff") format("woff");
    font-display: swap
}*/




.user-list img {
    max-width: 50px;
    margin-right: 5px;
}

.img-circle {
    border-radius: 50%;
}

.task_post_header {
    border-bottom: 0px;
}

.post_wizard .post_wizard_nab_tabs {
    margin: -20px -14px 0;
    border-bottom: 0px;
}

.post_task_form_footer {
    margin: -20px -32px 0;
}

.estimated_budget_containt {
    margin: 0 -32px;
}

.completed_position {
    padding-left: 0px;
}

.custom-form-label {
    font-weight: 700;
    font-size: 14px !important;
    color: #333 !important;
}

.header-part-right {
    background-color: white;
}

.min-checkbox-width {
    width: 55px;
}

.custom-card-header {
    background-color: rgba(0,0,0,.03);
    padding: 15px 36px;
    margin-left: -36px;
    margin-right: -36px;
    font-weight: 700;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    margin-top: 40px;
}

.task-category-title {
    background-color: rgba(0,0,0,.03);
    padding: 15px 20px;
    margin-left: -20px;
    margin-right: -20px;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    cursor: pointer;
}

.task-sub-category-title {
    background-color: rgba(0,0,0,.03);
    padding: 10px 10px;
    margin-left: -10px;
    margin-right: -10px;
    border: 1px solid #efefef;
    border-radius: 4px;
    cursor: pointer;
}

.dashboard-card-m {
    /*margin-left:auto;
    margin-right:auto;*/
}

.badge.customize {
    margin: 0 0 0 2px;
    padding: 0 5px;
    font-weight: 400;
    font-size: 12px;
    height: 25px;
    min-width: 25px;
    border-radius: 25px;
    line-height: 25px;
    vertical-align: middle;
    text-align: center;
}

.bootstrap-select .open > .dropdown-menu {
    display: block;
}

.mm-factfind-overview.admin .mm-factfind-overview-applicants-wrapper {
    box-shadow: none;
    padding: .1px 15px;
    border: 1px solid #dadad9;
}

.mm-factfind-overview.admin .mm-readonly-summary-collapser > button:focus {
    outline: none;
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

    .btn-group-justified.radio-group-button div {
        padding-left: 0;
    }

.application-form-tab .container {
    margin-left: 0;
}

.factfind-main {
    box-shadow: none;
    margin-bottom: 0;
    border: 0;
}

.factfind-main-inner {
    padding-top: 0;
}

.btn-group-justified.radio-group-button .radio .circle, .btn-group-justified.radio-group-button .radio .check {
    visibility: hidden;
}

.btn-group-justified.radio-list .radio .circle, .btn-group-justified.radio-list .radio .check {
    visibility: visible !important;
}

.btn-group-justified.radio-list label {
    /*padding-left: 20px;*/
}

.btn-group-justified.radio-list .radio .checkmark {
    height: 16px;
    width: 16px;
}

.btn-group-justified.radio-list .radio .circle {
    height: 15px;
    width: 15px;
    border-radius: 100%;
    display: block;
    transition-duration: .2s;
}

.btn-group-justified.radio-list .radio .check {
    height: 15px;
    width: 15px;
    border-radius: 100%;
    display: block;
    transition-duration: .2s;
    margin-left: -15px;
    margin-right: 15px;
}

.btn-group-justified.radio-list .radio input[type="radio"]:checked ~ .check {
    -webkit-transform: scale3d(.55,.55,1);
    transform: scale3d(.55,.55,1);
}

.date-question-container.admin {
    height: 34px;
    border: 1px solid #ced4da;
    background: #f8f9fa;
}

    .date-question-container.admin input {
        height: 32px;
        color: #47404f;
        font-size: .813rem;
        background: #f8f9fa;
    }

        .date-question-container.admin input:focus {
            border: 1px solid #a679d2;
            box-shadow: 0 0 0 0.2rem rgba(102,51,153,.25);
            -webkit-box-shadow: 0 0 0 0.2rem rgba(102,51,153,.25);
        }

    .date-question-container.admin .date-question-interstitial {
        background: #f8f9fa;
        color: #47404f;
    }

.input-group.separate-button select {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important;
    height: 48px;
}

.font-20 {
    font-size: 20px;
}

.input-group.separate-button .input-group-btn {
    margin-left: 20px;
}

    .input-group.separate-button .input-group-btn button {
        border-bottom-left-radius: .25rem;
        border-top-left-radius: .25rem;
        height: 48px;
        font-size: 15px;
    }

.custom-select.large {
    height: 48px;
}

.applicant-details-box {
    background-color: #fff;
    border-radius: 20px;
    padding: 15px 15px;
    border: 1px solid #dadad9;
    margin-top: 20px;
}

    .applicant-details-box .box-content {
        border-top: 1px solid #dadad9;
        padding-top: 20px;
        padding-bottom: 20px;
    }
/*.applicant-details-box .box-content.case-action .applicant-details {
            column-count: 4;*/
}

.applicant-details-box .compliance-title {
    font-size: 16px;
    font-weight: 700;
    margin-top: -5px;
    color: #222;
    text-align: center;
    padding-bottom: 10px;
}

.applicant-details-box .box-content:last-of-type {
    /*border: none;*/
}
/*.applicant-details-box .list-item {
        display: inline-block;
        width: 100%;
    }*/
.case-staus-list-div .title {
    font-weight: 700;
}

.applicant-details h4 {
    font-weight: 600;
    font-size: 18px;
}

.applicant-details .list-item .title {
    font-size: 14px !important;
    font-weight: 700;
    margin: 5px;
    color: #263238;
}

.applicant-details .list-item .desc {
    font-size: 14px !important;
    font-weight: 400;
    text-align: left;
    margin: 5px;
    color: #455A64;
}

.payment_panel.admin .payment_type {
    font-weight: 400;
    color: #313131;
}

.applicant-info-body {
    padding: 16px 16px 5px 16px;
}

    .applicant-info-body .item {
        border-top: 1px solid #dadad9;
        padding-top: 20px;
        padding-bottom: 20px;
    }

        .applicant-info-body .item:first-of-type {
            border: 0;
            padding-top: 0;
        }

    .applicant-info-body p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.collapsed-applicant-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: center;
    cursor: pointer;
    justify-self: end;
    line-height: 20px;
}

    .collapsed-applicant-details button {
        display: inline-block;
        width: auto;
        white-space: pre;
        background: none;
        margin: 0;
        border: none;
        cursor: pointer;
        color: #000;
        padding: 0;
        color: #663398;
        outline: 0;
    }

    .collapsed-applicant-details:after {
        content: "";
        display: inline-block;
        width: 11px;
        height: 11px;
        margin: 15px 4px 13px 8px;
        border-bottom: 1.5px solid #663398;
        border-left: 1.5px solid #663398;
        -webkit-transform: translateY(5px) rotate(135deg);
        transform: translateY(5px) rotate(135deg);
    }

    .collapsed-applicant-details.active:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

.task-action-list {
    /*display: -webkit-box;
    display: -ms-flexbox;
    display: flex;*/
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    justify-self: end;
    float: right;
    /*margin-top: 40px;*/
}

    .task-action-list .items {
        text-align: center;
        margin: 5px;
        float: left;
        font-size: 12px;
    }

        .task-action-list .items img {
            width: 25px;
        }

.change-status-btn, .change-status-btn:hover, .change-status-btn:active {
    color: #000 !important;
    background-color: #d5e8d4 !important;
    border-color: #97bd95 !important;
    font-size: 15px !important;
    font-weight: 400;
    box-shadow: none !important;
}

.selectbox-input.large {
    height: 48px;
    font-size: 16px;
}

.admin-modal-row {
    margin-right: 0;
    margin-left: 0;
}

.applicant-details-box .info-collapsed {
    display: none;
}

.applicant-details-box.active .info-collapsed {
    display: inherit;
}

.compliance-show-hide-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: end;
    justify-content: center;
    cursor: pointer;
    justify-self: center;
    /* border-top: 1px solid #dadad9; */
    margin-bottom: -15px;
    margin-top: -15px;
}

    .compliance-show-hide-btn button {
        display: inline-block;
        width: auto;
        white-space: pre;
        background: none;
        margin: 0;
        border: none;
        cursor: pointer;
        font-size: 16px;
        padding: 12px 0 12px 12px;
        color: #000;
    }

        .compliance-show-hide-btn button:focus {
            outline: none;
        }

    .compliance-show-hide-btn:after {
        content: "";
        display: inline-block;
        width: 11px;
        height: 11px;
        margin: 15px 4px 13px 8px;
        border-bottom: 1.5px solid #000;
        border-left: 1.5px solid #000;
        -webkit-transform: translateY(5px) rotate(135deg);
        transform: translateY(5px) rotate(135deg);
    }

    .compliance-show-hide-btn.active:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

.ul-widget__head {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
    align-items: center;
}

.ul-widget__head-title {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 500;
    color: #52495a;
}

.ul-widget__body {
    margin-top: 10px;
}

.ul-widget4__item {
    display: flex;
    align-items: center;
    border-bottom: 1px dashed #dee2e6;
    padding: 15px 0;
}

    .ul-widget4__item:last-child {
        border-bottom: 0;
    }

.ul-widget4__pic-icon {
    margin-right: 15px;
    font-size: 25px;
}

a.ul-widget4__title {
    color: #70657b;
    font-weight: 700;
    font-size: 15px;
}

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

.ul-widget-nav-tabs-line .nav-link {
    font-weight: 700;
}

.ul-widget-nav-tabs-line .nav-item .nav-link.active {
    border: 1px solid;
    border-color: #fff #fff #c43137;
}

.header-add-icon {
    background: #e7f3ff;
    /*background: linear-gradient(to top right, #ff5263 0%, #ff7381 35%, #fcbd01 100%);*/
    /*height: 28px !important;
    width: 28px !important;*/
    line-height: 34px !important;
    border-radius: 100% !important;
    margin: 0 8px !important;
}

    .header-add-icon:hover, .header-add-icon:focus, .main-header .show .header-add-icon {
        /*background: linear-gradient(to top right, #ff1f35, #ff4053 35%, #c99701) !important;*/
    }

.header-list-icon {
    background-color: #e4e6eb;
    /*background-image: linear-gradient(to top right, #7a6ff0, #8864f7, #9a54fc, #af3dfe, #c501fc);*/
    /*height: 28px !important;
    width: 28px !important;*/
    /*line-height: 34px !important;*/
    border-radius: 100% !important;
    margin: 0 8px !important;
    font-size: 22px !important;
}

    .header-list-icon:hover, .header-list-icon:focus, .main-header .show .header-list-icon {
        /*background-image: linear-gradient(to top right, #594be5, #7243e6, #8839e6, #9d29e4, #b104e1) !important;*/
    }

.header-bell-icon {
    background-color: #e4e6eb;
    line-height: 34px !important;
    border-radius: 100% !important;
    margin: 0 8px !important;
    font-size: 16px !important;
    color: #050505 !important;
}

.header-badge-icon {
    padding: 4px 6px;
    top: -2px !important;
    right: 2px !important;
}

.admin-case-details-header {
    margin-top: -20px;
}

    .admin-case-details-header .payment_panel {
        margin: 8px;
        cursor: pointer;
        width: 156px;
        border-radius: 8px;
        border: 1px solid var(--Gray-50, #ECEFF1);
        background: var(--Gray-White, #FFF);
        box-shadow: 0px 2px 8px 0px rgba(0, 74, 152, 0.16);
    }

        .admin-case-details-header .payment_panel.active {
            border: 1px solid #663399;
        }

            .admin-case-details-header .payment_panel.active .payment_type {
                border-bottom: 1px solid #505050;
                background: #505050;
                color: #fff;
                margin-top: 0;
                border-top-left-radius: 4px;
                border-top-right-radius: 4px;
            }

            .admin-case-details-header .payment_panel.active .payment_budget .user_info a {
                color: #3e3e3e;
            }

    .admin-case-details-header .bid_summary .user_info .name {
        white-space: nowrap;
        width: 80px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .admin-case-details-header .payment_type {
        text-transform: capitalize;
        line-height: 28px;
        font-size: 12px;
        margin-top: 0;
    }

    .admin-case-details-header ul li:after {
        display: none;
    }

    .admin-case-details-header .portfolio_adds {
        background-color: #fff;
        margin: 0;
        width: 90px;
        height: 95px;
        border: 2px dashed #8db1d0;
    }

        .admin-case-details-header .portfolio_adds:hover {
            border: 2px dashed #337ab7;
        }

        .admin-case-details-header .portfolio_adds a {
            height: 90px;
            width: 85px;
            padding: 25px 21px;
        }

    .admin-case-details-header .repeatable-button {
        padding-top: 23px;
        padding-bottom: 23px;
        font-size: 12px;
        border: 2px dashed #8db1d0;
        color: #395ab7;
        background-color: #fff;
        min-width: 100px;
    }

        .admin-case-details-header .repeatable-button:hover {
            border: 2px dashed #337ab7;
        }

        .admin-case-details-header .repeatable-button .icon {
            margin-bottom: 6px;
        }

.task-details-tabs .share_container {
    padding: 0 5px 10px 5px;
    border: 1px solid #dadada;
}

.task-details-tabs .nav-link {
    padding: 8px;
}

.task-details-tabs .share_text {
    text-transform: capitalize;
    font-size: 14px;
}

.task-details-tabs .nav-tabs .nav-item .nav-link {
    padding: 8px;
}

.case-applicant-list {
    padding: 15px;
    border: 1px solid #dadad9;
    border-radius: 20px;
}

    .case-applicant-list ul {
        list-style: none;
        padding: 0;
        margin: 0;
        text-align: center;
    }

        .case-applicant-list ul li {
            display: inline-block;
            position: relative;
            padding: 0 .5rem;
            line-height: 1;
            vertical-align: bottom;
            color: #70657b;
        }

            .case-applicant-list ul li .payment_panel {
                margin-bottom: 0;
                margin-top: 0;
                width: 100px;
            }

            .case-applicant-list ul li .payment_type {
                text-transform: capitalize;
                line-height: 28px;
                font-size: 12px;
                margin-top: 0;
            }

    .case-applicant-list .bid_summary .user_info .name {
        white-space: nowrap;
        width: 80px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .case-applicant-list .payment_panel.active {
        border: 1px solid #663399;
    }

        .case-applicant-list .payment_panel.active .payment_type {
            border-bottom: 1px solid #663399;
            background: #663399;
            color: #fff;
            margin-top: 0;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
        }

    .case-applicant-list .payment_panel.pending {
        border: 1px solid #9b1a34;
    }

        .case-applicant-list .payment_panel.pending .payment_type {
            border-bottom: 1px solid #9b1a34;
            background: #d22346;
            color: #fff;
            margin-top: 0;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
        }

.business-summary-tab-content {
    background: #fdfdfd;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top: 5px solid #b2b5b5;
    padding-bottom: 0 !important;
    padding-top: 5px !important;
    height: 100%;
}

.sortable-list-item-container {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    position: relative;
    min-width: 1px;
}

.sortable-list-item-container-row {
    display: -webkit-box;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    overflow-x: auto;
    overflow-y: hidden;
}

.column-draggable-item-wrapper {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    height: 100%;
}

.board-column {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 0;
    flex: 0 0 300px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    height: 100%;
    max-width: 300px;
    padding: 0 10px;
    position: relative;
    width: 300px;
    border-radius: 6px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding-top: 5px;
    -webkit-transition: box-shadow 250ms;
    transition: box-shadow 250ms;
}

.board-column-scrollable-container {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin-top: 10px;
    min-height: 0;
    position: relative;
    max-height: 550px;
    width: 290px;
    border-right: 1px solid #ececec;
}

.board-column-vertical-scrollable-container {
    min-height: 300px;
    max-height: 550px;
    /*overflow-y: auto;*/
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    /*margin: -2px -10px 0;*/
    /*overflow-x: hidden;*/
    padding: 2px 2px 0;
    /*border-right: 1px solid #ececec;*/
}

.board-column-scrollable-cardslist {
    -webkit-box-flex: 1;
    flex: 1 0 100%;
    position: relative;
    width: 275px;
}

.sortablelist-item-container-column {
    display: -webkit-box;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

    .sortablelist-item-container-column .flex-column {
        background: #fff;
        border: 1px solid transparent;
        border-radius: 4px;
        box-shadow: 0 1px 3px 0 rgba(21,27,38,.15);
        padding: 5px;
        margin-bottom: 5px;
    }

        .sortablelist-item-container-column .flex-column .title {
            font-size: 14px;
            font-weight: 600;
        }

        .sortablelist-item-container-column .flex-column .name {
            font-size: 12px;
            font-weight: 600;
            color: #000;
        }

        .sortablelist-item-container-column .flex-column .addrs {
            font-size: 12px;
            color: #000;
        }

        .sortablelist-item-container-column .flex-column .time {
            font-size: 12px;
            color: #797979;
        }

.board-column-header {
    -webkit-box-flex: 0;
    flex: 0 0 30px;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
    display: -webkit-box;
    display: flex;
    position: relative;
}

    .board-column-header span {
        font-size: 16px;
        font-weight: 600;
        display: inline-block;
        line-height: 30px;
        overflow: hidden;
        position: relative;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.ul-widget__head-toolbar .nav-tabs-line .ms-tabs-indicator {
    display: none;
}

.case-date-filter label {
    height: 34px;
    padding: 10px;
    font-size: 14px !important;
}

    .case-date-filter label span {
        width: 100%;
    }

    .case-date-filter label .circle, .case-date-filter label .check {
        display: none;
    }

.case-date-filter.radio-group-button label.not-active {
    color: #665c70 !important;
    background-color: #eee !important;
    border: 1px solid #ced4da;
}

.company-notification-count {
    left: 4px;
    border-radius: 10px;
    margin-left: 35px;
    /* margin-top: -15px; */
    display: initial;
    position: relative;
    /* bottom: -10px; */
    top: 5px;
    padding: 4px 7px;
}

.sidebar-left-secondary .short-notes {
    display: inline-block;
    position: absolute;
    left: auto;
    top: auto;
    bottom: 0px;
    right: auto;
    z-index: 999999999;
    transition: all ease .5s;
    padding: 12px 24px;
    color: #656565;
    align-items: center;
    font-size: 12px;
}

.case-status-breadcrumb {
    margin-bottom: 20px;
}

    .case-status-breadcrumb a {
        color: #808080;
        border: 2px solid #ccc;
        background-color: #fff;
        border-color: #ccc;
        font-weight: 700;
        font-size: 12px;
        max-width: 110px;
        white-space: unset;
        padding: 6px 8px 6px 16px !important;
        line-height: 20px;
    }

        .case-status-breadcrumb a:hover {
            background-color: #252551;
            border-color: #252551;
            color: #fff;
        }

    .case-status-breadcrumb .btn:not(:last-child):after {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-top: 26px solid transparent;
        border-bottom: 26px solid transparent;
        border-left: 10px solid white;
        position: absolute;
        top: 50%;
        margin-top: -26px;
        left: 100%;
        z-index: 3;
    }

    .case-status-breadcrumb .btn:not(:last-child):before {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-top: 26px solid transparent;
        border-bottom: 26px solid transparent;
        border-left: 10px solid rgb(173, 173, 173);
        position: absolute;
        top: 50%;
        margin-top: -26px;
        margin-left: 2px;
        left: 100%;
        z-index: 3;
    }

    .case-status-breadcrumb .btn:first-child {
        padding: 6px 6px 6px 10px;
    }

    .case-status-breadcrumb .btn:last-child {
        padding: 6px 18px 6px 24px;
    }

    .case-status-breadcrumb .btn.btn-default:not(:last-child):after {
        border-left: 10px solid #fff;
    }

    .case-status-breadcrumb .btn.btn-default:not(:last-child):before {
        border-left: 10px solid #ccc;
    }

    .case-status-breadcrumb .btn.btn-default:hover:not(:last-child):after {
        border-left: 10px solid #252551;
    }

    .case-status-breadcrumb .btn.btn-default:hover:not(:last-child):before {
        border-left: 10px solid #252551;
    }

.case-status-steps.steps {
    /*margin: 40px;*/
    padding: 0;
    overflow: hidden;
}

    .case-status-steps.steps a {
        color: white;
        text-decoration: none;
    }

    .case-status-steps.steps em {
        display: block;
        font-size: 12px!important;
        font-style: normal;
        font-weight: 400 !important;
        line-height: 20px;
        color: #263238!important;
    }

    .case-status-steps.steps li {
        float: left;
        margin-left: 0;
        width: 145px;
        height: 24px;
        list-style-type: none;
        padding: 8px 8px 8px 20px;
        border-right: 1px solid white;
        position: relative;
        text-align: center;
        margin-bottom: 1px;
    }

        .case-status-steps.steps li:first-child {
            padding-left: 5px;
            border-top-left-radius: 4px;
            -webkit-border-top-left-radius: 4px;
            -moz-border-radius-topleft: 4px;
            border-bottom-left-radius: 4px;
            -webkit-border-bottom-left-radius: 4px;
            -moz-border-radius-bottomleft: 4px;
        }

        .case-status-steps.steps li:nth-child(n+2)::before {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            border-left: -9px solid white;
            border-top: 11px solid transparent;
            border-bottom: 14px solid transparent;
            width: 0;
            height: 0;
            content: " ";
        }

        .case-status-steps.steps li::after {
            z-index: 1;
            position: absolute;
            top: 0;
            right: -18px;
            display: block;
            border-left: 19px solid #6ed198;
            border-top: 11px solid transparent;
            border-bottom: 14px solid transparent;
            width: 0;
            height: 0;
            content: " ";
        }

    .case-status-steps.steps li {
        background-color: #6ed198;
    }

        .case-status-steps.steps li::after {
            border-left-color: #6ed198;
        }

        .case-status-steps.steps li.current {
            background-color: #FFF8E1;
            color: #FF6F00 !important;
        }

        .case-status-steps.steps li.done {
            background-color: #6ed198;
        }

            .case-status-steps.steps li.current::after {
                border-left-color: #FFF8E1;
            }

            .case-status-steps.steps li.current:hover::after {
                border-left-color: #6ed198;
            }

            .case-status-steps.steps li.current ~ li {
                background-color: #EBEBEB;
            }

                .case-status-steps.steps li.current ~ li a {
                    color: #FF6F00 !important;
                }

                .case-status-steps.steps li.current ~ li::after {
                    border-left-color: #EBEBEB;
                }

        .case-status-steps.steps li:hover {
            background-color: #696
        }

            .case-status-steps.steps li:hover::after {
                /*border-left-color: #696*/
            }

/*.radio-group-button .radio span, .radio-group-button .radio .circle {
    top: 14px;
}*/

.dashboard-thum .payment_panel {
    width: auto !important;
    border: 1px solid #d0d0d0;
    margin: 0 0 24px 0 !important;
}

.dashboard-thum .protection-hub-selection .bid_summary .user_info {
    padding-top: 10px;
}

.dashboard-card .card-icon-bg .card-body .content {
    margin-left: 0;
    text-align: left;
}

    .dashboard-card .card-icon-bg .card-body .content .text-muted {
        font-size: 14px !important;
    }

.app-admin-wrap.brightstarhub .dashboard-card .card-icon-bg .card-body .content .text-muted {
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    color: #252528 !important;
}

.app-admin-wrap.brightstarhub .dashboard-card .card-icon-bg .card-body .content .text-primary {
    font-size: 32px;
    color: #29292D !important;
    margin-top: 20px;
    font-weight: 600;
}

.app-admin-wrap.brightstarhub .dashboard-card .card-icon-bg .card-body {
    display: block;
}

    .app-admin-wrap.brightstarhub .dashboard-card .card-icon-bg .card-body .content {
        max-width: inherit;
    }

.dashboard-card .card-icon-bg .card-body i {
    /*background: #4caf50;*/
    padding: 12px;
    font-size: 24px;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    height: 56px;
    width: 56px;
    line-height: 30px;
}

    .dashboard-card .card-icon-bg .card-body i.success {
        background: #4caf50;
    }

    .dashboard-card .card-icon-bg .card-body i.danger {
        background: #f44336;
    }

    .dashboard-card .card-icon-bg .card-body i.primary {
        background: #639;
    }

    .dashboard-card .card-icon-bg .card-body i.warning {
        background: #ffc107;
    }

    .dashboard-card .card-icon-bg .card-body i.info {
        background: #003473;
    }

    .dashboard-card .card-icon-bg .card-body i.secondary {
        background: #52495a;
    }

    .dashboard-card .card-icon-bg .card-body i.twitter {
        background: #4096ff;
    }

    .dashboard-card .card-icon-bg .card-body i.dribble {
        background: #ea4c89;
    }

.graph-chart div:first-of-type, .graph-chart canvas {
    width: 100% !important;
}

.spreadsheet-upload-btn {
    border: 1.4px;
    border-style: dashed;
}

    .spreadsheet-upload-btn:hover, .spreadsheet-upload-btn:active {
        background-color: #f9f9f9 !important;
        color: #47404f !important;
    }

    .spreadsheet-upload-btn:focus {
        box-shadow: none;
    }

    .spreadsheet-upload-btn i {
        font-size: 16px;
    }

.case-action-panel .payment_type {
    background-color: #ebebeb;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding-top: 3px;
    margin-top: 0;
}

.protections-panel-item .payment_type {
    text-transform: initial;
    font-size: 14px;
    height: 40px;
    padding-top: 5px;
}

.protections-panel-item .payment_budget .user_info {
    display: inline-block;
    font-size: 30px;
    margin-top: 20px;
    margin-bottom: 15px;
    font-weight: 600;
}

.level-term-assurance-panel-item .payment_type {
    text-transform: initial;
    font-size: 14px;
    height: 40px;
    padding-top: 7px;
    background-color: #ff7879;
    color: #fff !important;
}

    .level-term-assurance-panel-item .payment_type.bottom {
        /*border-top: 1px solid #639;*/
        background-color: transparent;
        height: 44px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom: transparent;
    }

        .level-term-assurance-panel-item .payment_type.bottom .btn {
            color: #ff7879;
            border-color: #f76f70;
            padding: 3px 14px;
            font-size: 14px;
            border-radius: 20px;
            width: 100%;
            max-width: 140px;
        }

            .level-term-assurance-panel-item .payment_type.bottom .btn:hover, .level-term-assurance-panel-item .payment_type.bottom .btn:active, .level-term-assurance-panel-item .payment_type.bottom .btn.active {
                background-color: #ff898a;
                border-color: #f76f70;
                color: #fff;
            }

            .level-term-assurance-panel-item .payment_type.bottom .btn:focus {
                box-shadow: none;
            }

.level-term-assurance-panel-item .payment_budget .user_info {
    display: inline-block;
    font-size: 30px;
    margin-top: 20px;
    margin-bottom: 15px;
    font-weight: 600;
}

.level-term-assurance-panel-item .payment_panel {
    border: 1px solid rgba(0,0,0,.125);
    box-shadow: 1px 1px 10px rgba(128, 128, 128, 0.4);
    background-color: #fff;
    margin-top: 10px;
}

.level-term-assurance-panel-top-title h5 {
    color: #000;
}

.benefit-summary-body {
    margin-bottom: 10px;
    border: 1px solid #fff;
    padding-bottom: 5px;
    background-color: #e0e0e0;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    z-index: 810;
}

    .benefit-summary-body .benefit-summary-content {
        margin-top: 5px;
    }

        .benefit-summary-body .benefit-summary-content .left-side {
            padding-top: 6px;
        }

            .benefit-summary-body .benefit-summary-content .left-side .badge {
                font-size: 14px;
                background-color: #ff7879;
                min-width: 10px;
                padding: 3px 7px;
                border-radius: 10px;
            }

        .benefit-summary-body .benefit-summary-content button {
            background: #fff;
        }

            .benefit-summary-body .benefit-summary-content button:focus {
                box-shadow: none !important;
            }

.main-provider-solution-body {
    margin-bottom: 10px;
    border: 1px solid #e0e0e0;
    padding-bottom: 5px;
    background-color: #e0e0e0;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.main-provider-solution-body {
    margin-bottom: 10px;
    border: 1px solid #e0e0e0;
    padding-bottom: 5px;
    background-color: #e0e0e0;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

    .main-provider-solution-body .title span {
        font-size: 18px;
        padding-right: 5px;
        padding-top: 7px;
        padding-bottom: 7px;
        display: inline-block;
        color: #333;
    }

    .main-provider-solution-body .badges-body {
        margin-bottom: 2px;
    }

        .main-provider-solution-body .badges-body .badge {
            font-size: 14px;
            background-color: #ff7879;
            min-width: 10px;
            padding: 3px 7px;
            border-radius: 10px;
        }

    .main-provider-solution-body .panel {
        position: relative;
        min-height: 150px;
        margin-bottom: 20px;
        background-color: #fff;
        border: 1px solid #ff7879;
        border-radius: 4px;
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
        box-shadow: 0 1px 1px rgba(0,0,0,.05);
    }

    .main-provider-solution-body .panel-heading {
        color: #fff;
        background-color: #ff7879;
        cursor: pointer;
        padding: 0;
        border-bottom: 1px solid #ff7879;
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
    }

    .main-provider-solution-body .cell-title-wrapping {
        white-space: nowrap;
        overflow: hidden;
        margin-right: 40px;
        padding: 10px 15px;
        position: relative;
        font-size: 15px;
        padding-right: 2px;
        text-overflow: ellipsis;
    }

    .main-provider-solution-body .panel-heading-right {
        position: absolute;
        top: 0;
        right: 0;
        display: inline-block;
        vertical-align: middle;
    }

        .main-provider-solution-body .panel-heading-right .btn {
            height: 44px;
            position: relative;
            float: left;
            border-radius: 0;
            border-top-right-radius: 3px;
            border: none;
            color: #333;
            background-color: #fff;
            padding-right: 12px;
            font-size: 15px;
        }

            .main-provider-solution-body .panel-heading-right .btn:after {
                border: 0;
            }

            .main-provider-solution-body .panel-heading-right .btn:focus {
                box-shadow: none !important;
            }

            .main-provider-solution-body .panel-heading-right .btn:active {
                background-color: #fff;
                color: #333;
            }

        .main-provider-solution-body .panel-heading-right .dropdown-menu {
            left: auto !important;
            right: 0px !important;
        }

            .main-provider-solution-body .panel-heading-right .dropdown-menu .divider {
                height: 1px;
                margin: 9px 0;
                overflow: hidden;
                background-color: #e5e5e5;
            }

        .main-provider-solution-body .panel-heading-right .dropdown-item.active, .dropdown-item:active {
            color: #3b3541;
            background-color: #f2f2f3;
        }

        .main-provider-solution-body .panel-heading-right .dropdown-item {
            font-size: 14px;
            color: #333;
            margin-top: 5px;
            margin-bottom: 5px;
        }

    .main-provider-solution-body .panel-body {
        vertical-align: middle;
        padding: 15px;
    }

        .main-provider-solution-body .panel-body .amount-title {
            font-size: 18px;
            color: #333;
        }

        .main-provider-solution-body .panel-body .badges-body {
            font-size: 14px;
            margin-top: 5px;
        }

            .main-provider-solution-body .panel-body .badges-body .badge {
                font-size: 14px;
                background-color: #b86b6b;
                min-width: 10px;
                padding: 3px 7px;
                border-radius: 10px;
            }

                .main-provider-solution-body .panel-body .badges-body .badge.inactive {
                    background-color: #999;
                }

    .main-provider-solution-body .apply-btn {
        position: relative;
        bottom: 40px;
        right: 5px;
        float: right;
    }

        .main-provider-solution-body .apply-btn button {
            background-color: #ea7600;
            border-color: #ea7600;
            font-size: 14px;
        }

            .main-provider-solution-body .apply-btn button:active {
                background-color: #d86d01 !important;
                border-color: #d86d01 !important;
            }

            .main-provider-solution-body .apply-btn button:focus {
                box-shadow: none !important;
            }

.main-provider-solution-footer {
    line-height: 48px;
}

    .main-provider-solution-footer .supporting-documents-btn {
        background-color: #ff7879;
        border-color: #ff7879;
    }

        .main-provider-solution-footer .supporting-documents-btn:focus {
            box-shadow: none !important;
        }

        .main-provider-solution-footer .supporting-documents-btn:active {
            background-color: #f76869 !important;
            border-color: #f76869 !important;
        }

    .main-provider-solution-footer .like-btn {
        background-color: #fff;
        border-color: #ccc;
        font-size: 20px;
    }

        .main-provider-solution-footer .like-btn:focus {
            box-shadow: none !important;
        }

    .main-provider-solution-footer .solution-total-count {
        padding-right: 10px;
        color: #333;
        font-size: 15px;
    }

        .main-provider-solution-footer .solution-total-count .badge {
            color: #000;
            font-size: 18px;
            min-width: 10px;
            padding: 3px 7px;
            font-weight: bold;
            white-space: nowrap;
            text-align: center;
            background-color: #999;
            border-radius: 10px;
        }

.supporting-documents-btn-body button {
    width: 90%;
    margin: 0 auto;
    display: block;
}

.personal-protection-detailed-body .panel-group {
    margin-bottom: 20px;
}

    .personal-protection-detailed-body .panel-group .panel {
        background-color: #fff;
        border: 1px solid #ec595a;
        -webkit-box-shadow: 0 1px 1px rgba(105, 28, 28, 0.05);
        box-shadow: 0 1px 1px rgba(105, 28, 28, 0.05);
        margin-bottom: 0;
        border-radius: 4px;
        overflow: hidden;
    }

    .personal-protection-detailed-body .panel-group .panel-heading {
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
        border-bottom: 0;
        color: #fff;
        background-color: #ff7879;
        border-color: #ec595a;
        padding: 0;
    }

.personal-protection-detailed-body .panel-title {
    font-size: 16px;
    color: inherit;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: bold;
}

    .personal-protection-detailed-body .panel-title a {
        cursor: pointer;
        width: 100%;
        display: block;
        padding: 10px 15px;
        color: #fff;
    }

        .personal-protection-detailed-body .panel-title a:hover {
            text-decoration: underline;
        }

        .personal-protection-detailed-body .panel-title a:focus {
            outline: 0 !important;
        }

.personal-protection-detailed-body .panel .collapse {
    display: none;
}

    .personal-protection-detailed-body .panel .collapse.in {
        display: block;
    }

.personal-protection-detailed-body .panel-body {
    padding: 15px;
    border-top: 1px solid #ec595a;
    border-top-color: #ec595a;
}

    .personal-protection-detailed-body .panel-body:before, .personal-protection-detailed-body .panel-body:after {
        content: " ";
        display: table;
    }

    .personal-protection-detailed-body .panel-body ul {
        margin-top: 0;
        margin-bottom: 10px;
        list-style: none;
        padding: 0
    }

.personal-protection-detailed-body.qoute-info .panel-body ul {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 10px;
}

    .personal-protection-detailed-body.qoute-info .panel-body ul:last-of-type {
        border-bottom: 0;
        padding-bottom: 0px;
    }

.detailed-quote-total {
    width: 100%;
    line-height: 30px;
    height: 30px;
    padding-right: 15px;
    font-size: 18px;
}

.personal-protection-detailed-body .panel-body .provider-literature-list li {
    margin-top: 15px;
    margin-bottom: 15px;
}

    .personal-protection-detailed-body .panel-body .provider-literature-list li a {
        text-decoration: underline;
        color: #b50e0f;
    }

        .personal-protection-detailed-body .panel-body .provider-literature-list li a:hover {
            color: #b50e0f;
        }

.personal-protection-detailed-body .supporting-documents-btn {
    background-color: #ff7879;
    border-color: #ff7879;
}

    .personal-protection-detailed-body .supporting-documents-btn:focus {
        box-shadow: none !important;
    }

    .personal-protection-detailed-body .supporting-documents-btn:active {
        background-color: #f76869 !important;
        border-color: #f76869 !important;
    }

.mm-form-readonly p {
    font-size: 17px;
    font-weight: 600;
}

.results-summary-popup-close-btn {
    background-color: #ff7879;
    border-color: #ff7879;
}

    .results-summary-popup-close-btn:focus {
        box-shadow: none !important;
    }

    .results-summary-popup-close-btn:hover, .results-summary-popup-close-btn:active {
        background-color: #f76869 !important;
        border-color: #f76869 !important;
    }

.lead-items {
    display: table;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .lead-items .item-profile {
        display: table-cell;
        vertical-align: top;
        padding-right: 10px;
        width: 60px;
    }

        .lead-items .item-profile .avatar {
            position: relative;
            height: 50px;
            width: 50px;
            font-size: 20px;
            line-height: 42px;
        }

        .lead-items .item-profile .stage {
            height: 1.5rem;
            max-width: 100%;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            font-size: .75rem;
            border-radius: 2.25rem;
            padding: 0 4px;
            background-color: var(--chip-background-color,#f0f0f0);
            color: var(--chip-text-color,#242433);
            margin-top: 10px;
        }

            .lead-items .item-profile .stage .text {
                white-space: var(--text-wrap,nowrap);
                -webkit-touch-callout: none;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                text-overflow: var(--text-overflow,ellipsis);
                line-height: 1.5;
                margin-left: 2px;
            }

            .lead-items .item-profile .stage .slot {
                margin-left: 4px;
                line-height: 0;
                z-index: 1;
            }

                .lead-items .item-profile .stage .slot .status-color {
                    background-color: #fff;
                    border-radius: 50%;
                    display: -webkit-inline-box;
                    display: -ms-inline-flexbox;
                    display: inline-flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    height: 16px;
                    width: 16px;
                    -webkit-transition: background-color .25s cubic-bezier(.23,1,.32,1);
                    transition: background-color .25s cubic-bezier(.23,1,.32,1);
                }

                    .lead-items .item-profile .stage .slot .status-color.added {
                        background-color: #0097ff;
                    }

                    .lead-items .item-profile .stage .slot .status-color.qualified {
                        background-color: #fe7900;
                    }

                    .lead-items .item-profile .stage .slot .status-color.processing {
                        background-color: #ffc000;
                    }

                    .lead-items .item-profile .stage .slot .status-color.converted {
                        background-color: #3efd00;
                    }

                    .lead-items .item-profile .stage .slot .status-color.junk {
                        background-color: #000;
                    }

    .lead-items .item-content {
        display: table-cell;
        vertical-align: top;
        font-size: 14px;
        color: #332e38;
    }

        .lead-items .item-content .zmdi-email, .lead-items .item-content .zmdi-phone, .lead-items .item-content .fa-clock-o {
            color: #b2b5b5;
        }

.lead-stages-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 25px 0 16px;
}

.lead-stages-selector {
    position: relative;
    white-space: nowrap;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

    .lead-stages-selector .stage {
        position: relative;
        z-index: 2;
        cursor: pointer;
        -webkit-transition: all .25s cubic-bezier(.23,1,.32,1);
        transition: all .25s cubic-bezier(.23,1,.32,1);
        height: 2rem;
        max-width: 100%;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: .85rem;
        border-radius: 2.25rem;
        padding: 0 .5rem;
        background-color: var(--chip-background-color,#f0f0f0);
        color: var(--chip-text-color,#242433);
        overflow: hidden;
        margin-left: 8px;
    }

        .lead-stages-selector .stage:focus {
            outline: 0;
        }

        .lead-stages-selector .stage:first-of-type {
            margin-left: 0;
        }

        .lead-stages-selector .stage .text {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: var(--text-wrap,nowrap);
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            text-overflow: var(--text-overflow,ellipsis);
            line-height: 1.5;
            margin: 0 4px;
            z-index: 1;
        }

        .lead-stages-selector .stage .slot {
            margin-left: 4px;
            line-height: 0;
            z-index: 1;
        }

            .lead-stages-selector .stage .slot .status-color {
                border-radius: 50%;
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                height: 16px;
                width: 16px;
                -webkit-transition: background-color .25s cubic-bezier(.23,1,.32,1);
                transition: background-color .25s cubic-bezier(.23,1,.32,1);
                background-color: #fff;
            }

        .lead-stages-selector .stage.active .slot .status-color.added {
            background-color: #0097ff;
        }

        .lead-stages-selector .stage.active .slot .status-color.qualified {
            background-color: #fe7900;
        }

        .lead-stages-selector .stage.active .slot .status-color.processing {
            background-color: #ffc000;
        }

        .lead-stages-selector .stage.active .slot .status-color.converted {
            background-color: #3efd00;
        }

        .lead-stages-selector .stage.active .slot .status-color.junk {
            background-color: #fe0000;
        }

    .lead-stages-selector .connecting-line {
        position: absolute;
        top: 16px;
        border-top: .0625rem solid #e6e6e8;
        z-index: 1;
        width: 100%;
    }

.lead-client-details .posted_location_area {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lead-client-details .posted_location:first-of-type:before {
    background-color: transparent;
}

.lead-client-details .posted_location:before {
    left: 30px;
}

.lead-client-details .posted_location i {
    font-size: 18px !important;
    margin: 2px 15px 8px 0px;
}

.lead-activity-tabs {
    border-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 25px 0 16px;
}

    .lead-activity-tabs .nav-item {
        text-align: center;
        margin-right: 20px;
    }

        .lead-activity-tabs .nav-item .nav-link {
            width: 60px;
            height: 60px;
            background: #fff;
            border-radius: 50%;
            border: 2px solid #e8e8e8;
        }

        .lead-activity-tabs .nav-item.show .nav-link {
            border-color: #e8e8e8;
        }

        .lead-activity-tabs .nav-item .nav-link:focus {
            outline: 0;
        }

        .lead-activity-tabs .nav-item .nav-link svg {
            fill: #565656;
        }

        .lead-activity-tabs .nav-item .title {
            font-size: 16px;
            margin-top: 10px;
        }

        .lead-activity-tabs .nav-item .nav-link.active {
            background: #4c4d54;
            border-color: #4c4d54;
        }

            .lead-activity-tabs .nav-item .nav-link.active svg {
                fill: #eaeaea;
            }

        .lead-activity-tabs .nav-item .nav-link svg#activities {
            fill: none;
            color: #565656;
        }

        .lead-activity-tabs .nav-item .nav-link.active svg#activities {
            fill: none;
            color: #eaeaea;
        }

.activities-wrapper .activity-items {
    position: relative;
}

    .activities-wrapper .activity-items:before {
        content: "";
        position: absolute;
        display: block;
        width: 2px;
        background-color: #a7a7a7;
        height: 24%;
        left: 20px;
        bottom: 1%;
    }

    .activities-wrapper .activity-items:last-of-type:before {
        background-color: transparent;
    }

    .activities-wrapper .activity-items .activity-item-content {
        display: flex;
        align-items: center;
        padding: 8px 0;
    }

.activity-item-icon p {
    padding: 1.35rem;
    height: 8px;
    width: 8px;
    margin: 0;
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: middle;
}

.activity-item-icon svg {
    position: absolute;
    top: 6%;
    content: "";
    left: 22%;
    width: 24px;
    height: 24px;
    fill: #868585;
}

.activity-item-info {
    display: grid;
    margin-left: 20px;
}

    .activity-item-info .title {
        font-weight: 700 !important;
        color: #6f6f6f;
    }

        .activity-item-info .title .name {
            color: #3a3a3a;
        }

        .activity-item-info .title .text-mute {
            color: #bbb;
        }

            .activity-item-info .title .text-mute.time {
                font-weight: 400 !important;
                margin-left: 20px;
                font-size: 12px;
            }

.lead-activity-section {
    max-width: 700px;
    margin: 0 auto;
}

.lead-activity-filter {
    /*margin-top: 20px;*/
    /*margin-left: 10px;*/
    margin-bottom: 20px;
}

    .lead-activity-filter .title {
        padding-top: 5px;
        margin-bottom: 0;
    }

    .lead-activity-filter .col-md-2 {
        max-width: 70px;
        padding: 0;
    }

        .lead-activity-filter .col-md-2 label {
            padding-top: 8px;
            margin-bottom: 0;
        }

    .lead-activity-filter .row {
        margin-left: 0;
        margin-right: 0;
    }

    .lead-activity-filter .activity-title .col-md-6 {
        padding: 0;
    }

.lead-activity-tabs .protection-hub-dropdown-options .dropdown-menu.show {
    right: auto !important;
    left: 0 !important;
}

.administrator-assigned {
    right: 8px;
    top: 2px;
}

    .administrator-assigned .answer {
        right: 0;
    }

        .administrator-assigned .answer:after {
            left: auto !important;
            right: 3px;
        }

.custom-header .logo {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.custom-header .align-items-center {
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    margin-top: .375rem;
}

    .custom-header .align-items-center .search-content {
        --text-highlighter-matching-color: #242433;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0 .75rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 12px;
    }

        .custom-header .align-items-center .search-content .newbnt {
            background-color: transparent;
            border: 1px solid #b1b1ba;
            color: #333333;
            padding: 9px 15px;
            height: 40px;
            font-size: 14px;
            border-radius: 20px;
        }

            .custom-header .align-items-center .search-content .newbnt:focus {
                box-shadow: none;
            }

.header-part-right .header-new-button .newbnt {
    background-color: transparent;
    border: 1px solid #b1b1ba;
    color: #333333;
    padding: 6px 15px;
    height: 36px;
    font-size: 14px;
    border-radius: 20px;
}

    .header-part-right .header-new-button .newbnt:focus {
        box-shadow: none;
    }

.custom-header .header-part-right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.custom-header .align-items-center .search-content .menu-icon-grid {
    display: block;
    flex-wrap: nowrap;
    justify-content: left;
}

    .custom-header .align-items-center .search-content .menu-icon-grid > a {
        display: block;
        width: 100%;
        flex-direction: row;
        padding: 10px 2px;
        font-weight: 400;
        color: #403b44;
    }

        .custom-header .align-items-center .search-content .menu-icon-grid > a i {
            font-size: 20px;
            margin-right: 5px;
            background: #e4e6eb;
            padding: 5px;
            border-radius: 50%;
            color: #5f676f;
        }

        .custom-header .align-items-center .search-content .menu-icon-grid > a:hover {
            background: transparent;
            color: #403b44;
        }

            .custom-header .align-items-center .search-content .menu-icon-grid > a:hover span {
                text-decoration: underline;
            }

        .custom-header .align-items-center .search-content .menu-icon-grid > a span {
            vertical-align: text-bottom;
        }

.header-search-input-body .hui-searchbar-body {
    position: relative;
    background-color: #fff;
    border-radius: 20px 0 0 20px;
    margin-right: 120px;
    height: 40px;
    border: 2px solid;
    border-color: #FF6A00 #FF6A00 #FF6A00;
}

    .header-search-input-body .hui-searchbar-body .searchbar-icon {
        position: absolute;
        left: auto;
        top: 12px;
        right: -32px;
        width: 16px;
        height: 16px;
        background-position: -388px -193px;
        cursor: pointer;
        font-size: 16px;
        z-index: 3;
        color: #fff;
    }

    .header-search-input-body .hui-searchbar-body .searchbar-type {
        float: left;
        position: absolute;
        border-right: 1px solid #e6e6e6;
        padding: 1px 0;
        margin: 0 2px;
        height: 34px;
        display: block;
        *:;
        z-index: 2;
        top: 1px;
        left: 0;
    }

        .header-search-input-body .hui-searchbar-body .searchbar-type select {
            position: relative;
            padding: 9px 10px 10px 10px;
            cursor: pointer;
            border: none;
            background-color: transparent;
            top: -2px;
            outline: 0;
        }

    .header-search-input-body .hui-searchbar-body .searchbar-main {
        padding-left: 10px;
        position: relative;
        _zoom: 0 !important;
        /* padding-right: 35px; */
        padding-top: 1px;
        padding-bottom: 1px;
        margin-left: 104px;
    }

        .header-search-input-body .hui-searchbar-body .searchbar-main input {
            width: 100%;
            margin: 0;
            border: 0;
            font-weight: 400;
            font-size: 14px;
            line-height: 100%;
            height: 34px;
            padding: 9px 0;
            color: #333;
            outline: 0;
            overflow: visible;
            *:;
            margin-top: -1px;
            _line-height: 19px;
            _height: 19px;
            _width: 98%;
            outline: 0;
            -webkit-appearance: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

    .header-search-input-body .hui-searchbar-body .searchbar-submit {
        width: 115px;
        height: 40px;
        border: 0;
        color: #fff;
        cursor: pointer;
        font-size: 16px;
        line-height: 40px;
        background-color: #ff6a00;
        _height: 34px;
        padding-right: 20px;
        text-align: center;
        -webkit-appearance: none;
        border-radius: 0 20px 20px 0 !important;
        position: absolute;
        right: -117px;
        _right: -96px;
        _overflow: visible;
        top: -2px;
        padding-left: 32px;
        padding-right: 22px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.custom-header .header-part-right .menu-icon-grid {
    display: block;
    flex-wrap: nowrap;
    justify-content: left;
}

    .custom-header .header-part-right .menu-icon-grid > a {
        display: block;
        width: 100%;
        flex-direction: row;
        padding: 10px 2px;
        font-weight: 400;
        color: #403b44;
    }

        .custom-header .header-part-right .menu-icon-grid > a i {
            font-size: 20px;
            margin-right: 5px;
            background: #e4e6eb;
            padding: 5px;
            border-radius: 50%;
            color: #5f676f;
        }

        .custom-header .header-part-right .menu-icon-grid > a:hover {
            background: transparent;
            color: #403b44;
        }

            .custom-header .header-part-right .menu-icon-grid > a:hover span {
                text-decoration: underline;
            }

        .custom-header .header-part-right .menu-icon-grid > a span {
            vertical-align: text-bottom;
        }

.menu-icon-grid .dropdown-header {
    margin-bottom: 10px;
    border-bottom: 1px solid #e0e0e0;
}

.show-company-details-content button {
    border-radius: 4px;
    border: 0;
}

    .show-company-details-content button:focus {
        outline: 0;
    }

.notification_options label {
    display: initial;
}

    .notification_options label .name {
        vertical-align: text-top;
    }

.notification_options .checkbox .checkmark {
    background-color: #fff;
    border: 1px solid #828282;
}

.notification_options .checkbox-success input:checked ~ .checkmark {
    border: 0;
}

.notification_options .checkbox input[disabled] ~ * {
    color: #545a77;
}

.header-notification .dropdown-item {
    padding: 0 5px !important;
    min-height: 60px;
    height: auto !important;
    border-bottom: 0 !important;
    width: 300px;
}

.header-notification {
    padding-bottom: 10px !important;
}

    .header-notification h5 {
        margin: 15px 10px;
    }

    .header-notification .notification-icon {
        width: 70px !important;
        background: transparent !important;
    }

    .header-notification .notification-details {
        padding-left: 2px !important;
        position: relative;
    }

        .header-notification .notification-details .unread-icon {
            content: "";
            position: absolute;
            width: 8px;
            height: 8px;
            /* top: 17px; */
            right: 8px;
            background: #d93025;
            border-radius: 50%;
            align-items: center;
            top: calc(50% - 4px);
        }

    .header-notification .align-items-center {
        max-width: 280px;
        font-size: 14px;
    }

        .header-notification .align-items-center a {
            color: #1d2129;
        }

    .header-notification .notification-details .text-small {
        color: #056fe7;
        font-size: 13px;
    }

.notifications-unread-filter-content {
    display: flex;
    margin: 0px 10px 10px;
}

    .notifications-unread-filter-content .notifications-filter-btn {
        height: 36px;
        justify-content: center;
        border-radius: 20px;
        background-color: #e1e1e1;
        position: relative;
        cursor: pointer;
        font-size: 15px;
        font-weight: 600;
        display: flex;
        padding-right: 12px;
        padding-left: 12px;
        flex-direction: row;
        align-items: center;
        color: #3a3a3a;
        margin: 0 5px;
    }

        .notifications-unread-filter-content .notifications-filter-btn:hover {
            background-color: #d3d3d3;
        }

        .notifications-unread-filter-content .notifications-filter-btn.active {
            background-color: #f6d3da;
            color: #d22346;
        }

            .notifications-unread-filter-content .notifications-filter-btn.active:hover {
                background-color: #edc6cd;
            }

.header-notification .notification-details .desc {
    max-width: 280px;
    white-space: normal;
}

.phone-call-controller-section {
    /*min-width: 300px;*/
    display: flex;
    background: #eaeef2;
    padding: 5px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

    .phone-call-controller-section .btn-success {
        width: 36px;
        height: 36px;
        border-radius: 100%;
        padding: 5px;
        cursor: auto;
        color: #00b707;
        background-color: transparent;
        border-color: #00b707;
    }

        .phone-call-controller-section .btn-success .zmdi-phone {
            font-size: 20px !important;
            padding-top: 2px;
        }

    .phone-call-controller-section .btn-danger {
        width: 36px;
        height: 36px;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        padding: 5px;
        color: #d22346;
        background-color: transparent;
        border-color: #d22346;
    }

        .phone-call-controller-section .btn-success:disabled, .phone-call-controller-section .btn-danger:disabled {
            background-color: transparent !important;
            border-color: #8e8e8e !important;
            cursor: not-allowed;
            color: #8e8e8e;
        }

    .phone-call-controller-section .btn-success:hover, .phone-call-controller-section .btn-success:not(:disabled):not(.disabled):active {
        background-color: #4caf50;
        border-color: #4caf50;
    }

    .phone-call-controller-section .btn-danger:hover {
        background-color: #d22346;
        border-color: #d22346;
    }

    .phone-call-controller-section .btn-success:focus, .phone-call-controller-section .btn-danger:focus, .phone-call-controller-section .btn-success:not(:disabled):not(.disabled):active:focus, .phone-call-controller-section .btn-danger:not(:disabled):not(.disabled):active:focus {
        box-shadow: none;
    }

    .phone-call-controller-section .btn-danger .zmdi-phone-end {
        font-size: 20px !important;
        padding-top: 2px;
    }

.phn-call-now-btn, .phn-call-stop-btn {
    border: 1px solid #717171;
    background: #fff;
    height: 36px;
    margin: 4px;
}

    .phn-call-now-btn:hover, .phn-call-stop-btn:hover {
        border-color: #717171;
        background: #fff;
    }

    .phn-call-now-btn:focus, .phn-call-stop-btn:focus, .phn-call-now-btn:not(:disabled):not(.disabled):active:focus, .phn-call-stop-btn:not(:disabled):not(.disabled):active:focus {
        box-shadow: none;
    }

.phone-call-controller-section .user-info {
    margin-left: 5px;
    margin-right: 5px;
}

    .phone-call-controller-section .user-info h4 {
        font-size: 15px;
        margin-bottom: 2px;
        margin-top: 2px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 103px;
    }

    .phone-call-controller-section .user-info p {
        margin-bottom: 0;
    }

.phone-call-controller-section .microphone {
    width: 40px;
    text-align: center;
    font-size: 18px;
    padding-top: 10px;
    outline: none;
}

.phone-call-controller-section .pause {
    width: 40px;
    text-align: center;
    font-size: 18px;
    padding-top: 10px;
    outline: none;
}

    .phone-call-controller-section .microphone i, .phone-call-controller-section .pause i {
        font-size: 18px;
        cursor: pointer;
    }

.phone-call-controller-section .call-list-count {
    width: max-content;
    padding-left: 5px;
    padding-right: 5px;
}

    .phone-call-controller-section .call-list-count span {
        font-size: 14px;
        vertical-align: text-bottom;
    }

.case-crises-table .ongoing {
    background-color: #ae2727;
}

.case-crises-table .submitted {
    background-color: #F80B07;
}

.case-crises-table .completed {
    background-color: #27AE60;
}

.case-crises-table .aip-obtained {
    background-color: #baf2d2;
}
/*.case-crises-table .aip-obtained {
    background-color: #baf2d2;
}*/
.case-crises-table .valuation-instructed {
    background-color: #baf2d2;
}

.case-crises-table .valuation-satisfied {
    background-color: #baf2d2;
}

.case-crises-table .fma-submitted {
    background-color: #baf2d2;
}

.case-crises-table .cancelled {
    background-color: #CA322F;
}

.case-crises-table .case-declined {
    background-color: #CA322F;
}

.case-crises-table .task-expired {
    background-color: #ff7879;
}

.case-crises-table .task-not-expired {
    background-color: #FFFFFF;
}
/*.case-crises-table .ongoing {
    background-color: #CA322F;
}*/
.dialler-call-status {
    /*background: #fff;
    height: 26px;
    padding: 4px 10px;
    margin-top: 9px;
    border-radius: 4px;*/
    font-size: 11px;
    margin-right: 5px;
}

    .dialler-call-status .calling-number {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        background: #fff;
        padding: 4px 10px;
        border-radius: 4px;
    }

.phn-call-list-container {
    margin-left: -24px;
    margin-right: -24px;
    margin-top: -12px;
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

    .phn-call-list-container::-webkit-scrollbar {
        width: 8px;
        height: 8px;
        /* background-color: transparent; */
        position: absolute !important;
    }

    .phn-call-list-container::-webkit-scrollbar-thumb {
        background-color: #9e9e9e;
        border-radius: 100px;
    }

    .phn-call-list-container::-webkit-scrollbar-track {
        -webkit-box-shadow: none;
        background-color: transparent;
    }

    .phn-call-list-container .items {
        color: #333;
        background-color: #ffffff;
        border-bottom: 1px solid #dfe7ea;
        padding: 10px;
    }

        .phn-call-list-container .items button {
            height: 28px;
            line-height: 16px;
        }

            .phn-call-list-container .items button:focus, .phn-call-list-container .items button:active:focus {
                outline: none;
                box-shadow: none;
            }

        .phn-call-list-container .items .item-right {
            display: flex;
            justify-content: flex-end;
            align-items: center;
        }

            .phn-call-list-container .items .item-right label.checkbox {
                margin-top: -8px;
            }

.edit-phone-number-error-msg .alert {
    padding-right: 10px;
    margin-bottom: 0;
}

    .edit-phone-number-error-msg .alert h4 {
        display: none;
    }

    .edit-phone-number-error-msg .alert ul {
        padding-left: 0;
        margin-bottom: 0;
    }

        .edit-phone-number-error-msg .alert ul li {
            line-height: 18px;
        }

.case-assign-alart-details-view {
    -webkit-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 16px;
    padding-top: 0;
}

    .case-assign-alart-details-view .items {
        width: 100%;
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-align-items: center;
        align-items: center;
        outline: none;
        min-height: 32px;
        /* margin-bottom: 12px; */
    }

        .case-assign-alart-details-view .items:first-of-type {
            margin-bottom: 12px;
        }

        .case-assign-alart-details-view .items .icon {
            height: 30px;
            /* padding-left: 28px; */
            width: 30px;
            color: #252525;
            -webkit-box-flex: 0;
            box-flex: 0;
            -webkit-flex-grow: 0;
            flex-grow: 0;
            -webkit-flex-shrink: 0;
            flex-shrink: 0;
            -webkit-align-items: center;
            align-items: center;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-align-self: stretch;
            align-self: stretch;
            font-size: 14px;
            /* background: #d8d8d8; */
            background: #e8e8e8;
            border-radius: 50%;
            text-align: center;
            /* padding-left: 12px; */
            border: 1px solid #e0e0e0;
            margin-right: 15px;
            justify-content: center;
            align-items: center;
        }

    .case-assign-alart-details-view .alart-contents {
        overflow: hidden;
        padding-bottom: 6px;
        padding-top: 0px;
        -webkit-box-flex: 1;
        box-flex: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: .2px;
        line-height: 20px;
        color: #3c4043;
    }

        .case-assign-alart-details-view .alart-contents .desc {
            font-size: 14px;
            font-weight: 400;
            letter-spacing: .2px;
            line-height: 18px;
            color: #3c4043;
            margin-top: 3px;
        }

.communication-center-tabs-container {
    width: 100%;
    display: table;
}

.communication-center-tabs-content {
    display: table-row;
}

    .communication-center-tabs-content .items {
        display: table-cell;
        padding: 0.66666666666em 1em;
        text-align: center;
        white-space: nowrap;
        border: 1px solid #ddd;
        border-left: none;
        color: #d0d7dc;
        line-height: 1em;
        cursor: pointer;
        background: #fff;
        width: 33%;
    }

        .communication-center-tabs-content .items:first-child {
            border-radius: 4px 0 0 4px;
            border-left: 1px solid #ddd;
        }

        .communication-center-tabs-content .items:last-child {
            border-radius: 0 4px 4px 0;
        }

        .communication-center-tabs-content .items.active, .communication-center-tabs-content .items.active:hover {
            background-color: #e1e6ea;
            color: #87929d;
        }

        .communication-center-tabs-content .items:hover {
            background: #f6f7f8;
        }

        .communication-center-tabs-content .items a {
            color: #87929d;
        }

        .communication-center-tabs-content .items.active a {
            color: #2f3941;
        }

.communication-email-view-controller .nav-tabs {
    border-bottom: 0;
}

.communication-email-view-controller .nav-link {
    padding: 4px 16px !important;
    color: #68737d !important;
    line-height: 18px;
    outline: 0;
}

    .communication-email-view-controller .nav-link.active {
        border: 0 !important;
        border-bottom: 3px solid #c1272d !important;
        background: transparent !important;
        color: #c1272d !important;
    }

.communication-email-view-controller .nav-item .badge-info {
    font-size: 11.05px;
    line-height: 15px;
    color: #2f3941;
    background-color: #ebecef;
    padding: 2px 7px;
}

.communication-email-list-content {
    border: 1px solid #e1e6ea;
    border-radius: 6px;
    /*border-top: none;*/
    padding: 0;
    background: #fff;
}

    .communication-email-list-content li.item:after {
        clear: both;
    }

    .communication-email-list-content:after, .communication-email-list-content:before {
        display: table;
        content: "";
    }

    .communication-email-list-content li.item {
        list-style: none;
        padding: 0;
        border-bottom: 1px solid #e1e6ea;
        transition: background 0.05s linear;
        *zoom: 1;
        overflow: visible;
        position: relative;
        line-height: 18px;
    }

        .communication-email-list-content li.item:last-of-type {
            border-radius: 0px 0px 5px 5px;
            border-bottom: 0;
        }

        .communication-email-list-content li.item:first-of-type {
            border-radius: 6px 6px 0 0;
        }

        .communication-email-list-content li.item:hover {
            background: #f6f7f8;
        }

    .communication-email-list-content li.unread {
        background: #edf7ff;
    }

        .communication-email-list-content li.unread:hover {
            background: #e3f2ff !important;
        }

    .communication-email-list-content li.item:after, .communication-email-list-content li.item:before {
        display: table;
        content: "";
    }

    .communication-email-list-content .select {
        float: left;
    }

        .communication-email-list-content .select input {
            position: absolute;
            top: 22px;
            left: 8px;
            visibility: hidden;
            opacity: 0;
            transition: opacity 0.1s ease-in;
        }

            .communication-email-list-content .select input[type=checkbox] {
                top: 13px;
            }

    .communication-email-list-content li.item:hover .select input[type=checkbox] {
        visibility: visible;
        opacity: 1;
    }

    .communication-email-list-content li.item .select input:checked {
        visibility: visible;
        opacity: 1;
    }

    .communication-email-list-content li.item.selected .select input {
        display: block;
    }

    .communication-email-list-content .item-content {
        cursor: auto;
        /*padding-top: 5px;
        padding-bottom: 5px;*/
        padding: 5px 8px 5px 0px;
        margin-left: 32px;
        overflow: hidden;
    }

        .communication-email-list-content .item-content .contact-name-content {
            padding: 4px 0 0 0;
            width: 255px;
            margin: 0 20px 0 0;
            line-height: 22px;
            vertical-align: text-bottom;
            float: left;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            transition: color 0.1s linear;
        }

            .communication-email-list-content .item-content .contact-name-content, .communication-email-list-content .item-content .contact-name-content:hover {
                text-decoration: none;
                border: none;
                color: #2f3941;
            }

        .communication-email-list-content .item-content .date-time {
            padding-top: 4px;
            font-size: 11px;
            text-align: right;
            color: #87929d;
        }

        .communication-email-list-content .item-content .timestamp .timestamp {
            width: 85px;
            display: inline-block;
        }

        .communication-email-list-content .item-content .contact-name-content i {
            width: 18px;
            display: inline-block;
            color: #87929d;
            font-size: 18px !important;
            margin: 0 10px 0 0;
            /*vertical-align: inherit;*/
            vertical-align: middle;
        }

        .communication-email-list-content .item-content h4 {
            line-height: 22px;
            font-weight: 400;
            font-size: 12px;
            margin: 0;
        }

    .communication-email-list-content li.item.unread h4 {
        color: #5eae91;
        font-weight: 700;
    }

    .communication-email-list-content li.item .subject, .communication-email-list-content li.item .subject:hover, .communication-email-list-content li.item a, .communication-email-list-content li.item a:hover {
        cursor: pointer;
    }

    .communication-email-list-content li.item.unread .subject {
        color: #2f3941;
    }

    .communication-email-list-content li.item.selected .subject {
        color: #5293c7;
    }

    .communication-email-list-content li.item .subject:hover {
        border-bottom: 1px solid #ddd;
    }

    .communication-email-list-content .item-content .related-info {
        margin-left: 5px;
        font-size: 11px;
        color: #87929d;
        font-weight: 400;
    }

    .communication-email-list-content .item-content .contact-quick-info {
        line-height: 31px;
        display: inline;
    }

    .communication-email-list-content .item-content .zmdi-attachment-alt {
        /*font-size: 80%;*/
        margin-left: 5px;
        color: #49545c;
    }

    .communication-email-list-content .item-content .date-time .read-receipt {
        padding-right: 2px;
    }

        .communication-email-list-content .item-content .date-time .read-receipt .indicator {
            margin-right: 12px;
        }

    .communication-email-list-content .item-content .date-time .help-sign {
        color: #5293c7;
        display: inline-block;
        width: 1.25em;
        text-align: center;
        cursor: pointer;
    }

.communication-untracked-email-list-content {
    list-style: disc;
    background: #fff;
    padding: 0;
    border: 1px solid #e1e6ea;
    border-radius: 6px;
}

    .communication-untracked-email-list-content li.item {
        *zoom: 1;
        overflow: visible;
        position: relative;
        list-style: none;
        padding: 8px;
        border-bottom: 1px solid #e1e6ea;
        transition: background 0.05s linear;
        line-height: 18px;
    }

        .communication-untracked-email-list-content li.item:first-of-type {
            border-radius: 6px 6px 0 0;
        }

        .communication-untracked-email-list-content li.item:last-of-type {
            border-bottom: 0;
            border-radius: 0 0 6px 6px;
        }

        .communication-untracked-email-list-content li.item:hover {
            background: #f6f7f8;
        }

        .communication-untracked-email-list-content li.item:after {
            clear: both;
        }

        .communication-untracked-email-list-content li.item:after, .communication-untracked-email-list-content li.item:before {
            display: table;
            content: "";
        }

    .communication-untracked-email-list-content .other-contact > :first-child {
        margin-left: 20px;
    }

    .communication-untracked-email-list-content .other-contact-name {
        padding-top: 5px;
    }

        .communication-untracked-email-list-content .other-contact-name > * {
            line-height: 20px;
        }

    .communication-untracked-email-list-content .other-contact .email-count {
        color: #87929d;
        font-size: 12px;
    }

    .communication-untracked-email-list-content .other-contact .actions {
        line-height: 45px;
        margin-right: 16px;
    }

        .communication-untracked-email-list-content .other-contact .actions > * {
            margin-left: 8px;
        }

        .communication-untracked-email-list-content .other-contact .actions .btn-primary {
            background: #1f73b7;
            border: 1px solid #1f73b7;
            padding: 3.5px 25px;
        }

            .communication-untracked-email-list-content .other-contact .actions .btn-primary:active, .communication-untracked-email-list-content .other-contact .actions .btn-primary:hover, .communication-untracked-email-list-content .other-contact .actions .btn-primary:focus, .communication-untracked-email-list-content .other-contact .actions .btn-primary:active:focus {
                background: #144a75;
                border: 1px solid #144a75;
                box-shadow: none;
            }

    .communication-untracked-email-list-content .other-contact .ignore-contact {
        cursor: pointer;
        color: #87929d;
        vertical-align: middle;
        visibility: hidden;
    }

    .communication-untracked-email-list-content .other-contact:hover .ignore-contact {
        visibility: visible;
    }

.filter-title-content {
    color: #2f3941;
    font-size: 15px;
    padding-bottom: 8px;
    border-bottom: 1px solid #f6f7f8;
    margin-bottom: 15px;
    margin-top: -8px;
}

    .filter-title-content i {
        font-size: 16px !important;
        margin-right: 4px;
    }

.unmatched-table-action-content .btn-primary {
    color: #2f3941;
    background-color: transparent;
    border-color: transparent;
}

    .unmatched-table-action-content .btn-primary:hover, .unmatched-table-action-content .btn-primary:active, .unmatched-table-action-content .btn-primary:active:focus, .unmatched-table-action-content .btn-primary:focus, .unmatched-table-action-content .show > .btn-primary.dropdown-toggle {
        background-color: transparent !important;
        color: #2f3941 !important;
        border-color: rgb(193,203,209) !important;
        outline: 0;
        box-shadow: none !important;
    }

.unmatched-table-action-content .btn-danger {
    color: #e35b66;
    background-color: transparent;
    border-color: transparent;
}

    .unmatched-table-action-content .btn-danger:hover, .unmatched-table-action-content .btn-danger:active, .unmatched-table-action-content .btn-danger:active:focus, .unmatched-table-action-content .btn-danger:focus {
        color: #fff;
        background: #e35b66;
        border-color: #e35b66;
        outline: 0;
        box-shadow: none !important;
    }

.unmatched-table-action-content .menu-icon-grid {
    display: block;
    flex-wrap: nowrap;
    justify-content: left;
}

.email-list-action-container:after {
    clear: both;
}

.email-list-action-container:after, .email-list-action-container:before {
    display: table;
    content: "";
}

.email-list-action-head {
    padding-top: 16px;
    padding-bottom: 0;
    *zoom: 1;
    overflow: visible;
    color: #87929d;
    /*padding: 16px 0;*/
    border-top: none;
    margin: 0;
    background: none;
    line-height: 26px;
}

    .email-list-action-head:after {
        clear: both;
    }

    .email-list-action-head:after, .email-list-action-head:before {
        display: table;
        content: "";
    }

    .email-list-action-head .selection {
        display: inline;
    }

        .email-list-action-head .selection .btn {
            display: inline-block;
            background: #f6f7f8;
            border: 1px solid #ced3d9;
            border-radius: 4px;
            padding: 4px 10px;
            color: #2f3941;
            font-size: 13px;
            line-height: 18px;
        }

            .email-list-action-head .selection .btn:hover, .email-list-action-head .selection .btn:active, .email-list-action-head .selection .btn:active:focus, .email-list-action-head .selection .btn:focus {
                background-color: #d0d7dc !important;
                color: #2f3941 !important;
                border-color: #c8ced4 !important;
                outline: 0;
                box-shadow: none !important;
            }

    .email-list-action-head .select-all {
        display: inline-block;
        background: #f6f7f8;
        border: 1px solid #ced3d9;
        border-radius: 4px;
        padding: 4px 10px;
        color: #2f3941;
        font-size: 13px;
        line-height: 18px;
    }

        .email-list-action-head .select-all:hover, .email-list-action-head .select-all:active, .email-list-action-head .select-all:active:focus, .email-list-action-head .select-all:focus {
            background-color: #d0d7dc !important;
            color: #2f3941 !important;
            border-color: #c8ced4 !important;
            outline: 0;
            box-shadow: none !important;
        }

        .email-list-action-head .select-all .counts {
            font-size: 11.7px;
        }

        .email-list-action-head .select-all input {
            vertical-align: middle;
            margin: -2px 0 0 0;
        }

    .email-list-action-head .btn-selections {
        background: #1f73b7;
        border: 1px solid #1b65a1;
        color: #fff;
        font-weight: 700;
    }

        .email-list-action-head .btn-selections:hover {
            color: #fff !important;
            background: #144a75 !important;
            border: 1px solid #144a76 !important;
        }

    .email-list-action-head .selection .filter input {
        background-color: #fff;
        border: 1px solid #d0d7dc;
        border-radius: 3px;
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.075);
        display: inline-block;
        height: auto;
        padding: 4px;
        font-size: 13px;
        line-height: 18px;
        color: #49545c;
        width: 210px;
    }

        .email-list-action-head .selection .filter input:focus {
            border-color: rgba(31,115,183,0.8);
            outline: 0;
            box-shadow: inset 0 1px 2px rgba(0,0,0,0.075), 0 0 0 3px rgba(31,115,183,0.2);
        }

    .email-list-action-head .selection .collection-info {
        font-size: 11px;
    }

.email-clear-filters-container {
    margin: 15px 0 0;
    display: block;
    width: 100%;
}

    .email-clear-filters-container a.btn {
        height: 28px;
        padding: 4px 0;
        white-space: nowrap;
        width: 50%;
        float: left;
        font-size: 13px;
        line-height: 18px;
        color: #2f3941;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        background: #f6f7f8;
        border: 1px solid #ced3d9;
    }

        .email-clear-filters-container a.btn:hover, .email-clear-filters-container a.btn:active, .email-clear-filters-container a.btn:active:focus, .email-clear-filters-container a.btn:focus {
            background-color: #d0d7dc !important;
            color: #2f3941 !important;
            border-color: #c8ced4 !important;
            outline: 0;
            box-shadow: none !important;
        }

    .email-clear-filters-container .badge {
        padding: 0 4px 0;
        font-weight: 700;
        border-radius: 9px;
        font-size: 11.05px;
        line-height: 15px;
        color: #2f3941;
        background-color: #e4e5e8;
        vertical-align: initial;
        white-space: nowrap;
        position: relative;
        z-index: 1;
        display: inline-block;
    }

.email-list-action-head .fa-caret-right {
    display: inline-block;
    font-size: 18px;
    vertical-align: middle;
    opacity: .40;
}

.keypad-content .num p {
    margin: 0;
    /* padding: 0 0 10px 0; */
    line-height: 14px !important;
    color: #7d7d7d;
}

.keypad-content .span4 {
    width: 44px;
    float: left;
    margin: 0 8px 8px 8px;
}

.keypad-content .phone {
    margin-top: 15px;
    background: #fff;
}

.keypad-content .tel {
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 18px;
    height: 36px;
    background: #fff;
}

.keypad-content .num {
    /*border: 1px solid #9e9e9e;*/
    /* -webkit-border-radius: 999px; */
    /* border-radius: 999px; */
    /*-moz-border-radius: 999px;*/
    height: 40px;
    background-color: #fff;
    color: #333;
    cursor: pointer;
}

    .keypad-content .num:hover {
        /*background-color: #9e9e9e;
                                        color: #fff;
                                        transition-property: background-color .2s linear 0s;
                                        -moz-transition: background-color .2s linear 0s;
                                        -webkit-transition: background-color .2s linear 0s;
                                        -o-transition: background-color .2s linear 0s;*/
    }

.keypad-content .txt {
    font-size: 24px;
    text-align: center;
    margin-top: 10px;
    line-height: 20px;
    color: #525252;
}

.keypad-content .small {
    font-size: 12px;
}

.keypad-content .btn {
    font-weight: bold;
    -webkit-transition: .1s ease-in background-color;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 1px;
}

    .keypad-content .btn:hover {
        transition-property: background-color .2s linear 0s;
        -moz-transition: background-color .2s linear 0s;
        -webkit-transition: background-color .2s linear 0s;
        -o-transition: background-color .2s linear 0s;
    }

.keypad-content .spanicons {
    width: 72px;
    float: left;
    text-align: center;
    margin-top: 40px;
    color: #9e9e9e;
    font-size: 30px;
    cursor: pointer;
}

    .keypad-content .spanicons:hover {
        color: #3498db;
        transition-property: color .2s linear 0s;
        -moz-transition: color .2s linear 0s;
        -webkit-transition: color .2s linear 0s;
        -o-transition: color .2s linear 0s;
    }

.keypad-content .active {
    color: #3498db;
}

.email-connecting-btn {
    margin-right: 32px;
    float: left;
    color: #fff;
    background-color: #1f73b7;
    font-size: 15px;
    min-width: 200px;
}

    .email-connecting-btn .btn-logo {
        width: 32px;
        height: 32px;
        margin: 1px;
        float: left;
        background-color: #fff;
        display: inline-block;
    }

        .email-connecting-btn .btn-logo img {
            margin: 8px;
            height: 15px;
        }

    .email-connecting-btn .btn-text {
        display: inline-block;
        padding: 8px;
        line-height: 18px;
    }

.email-address-connect-btn {
    background: #1f73b7;
    border: 1px solid #1f73b7;
}

    .email-address-connect-btn:hover {
        background: #144a75;
        border: 1px solid #144a75;
    }

    .email-address-connect-btn:not(:disabled):not(.disabled).active, .email-address-connect-btn:not(:disabled):not(.disabled):active {
        background: #144a75;
        border: 1px solid #144a75;
    }

        .email-address-connect-btn:not(:disabled):not(.disabled).active:focus, .email-address-connect-btn:not(:disabled):not(.disabled):active:focus, .email-address-connect-btn:focus {
            box-shadow: none !important;
        }

.guest-list-body.email-connecting {
    max-width: 200px;
    padding-right: 4px;
    min-height: 34px;
    background: #1f73b7;
    color: #fff;
    border: 1px solid #1f73b7;
    border-left: 3px solid #175282;
    margin-bottom: 10px;
}

    .guest-list-body.email-connecting .guest-profile-body {
        width: 0px;
        padding-left: 10px;
    }

    .guest-list-body.email-connecting .guest-email-content .css-h5fdy span {
        color: #fff;
        text-transform: capitalize;
    }

    .guest-list-body.email-connecting .guest-delete-content .css-h5fdy {
        height: 22px;
        width: 22px;
        background-color: #1c639c;
        padding-top: 2px;
    }

        .guest-list-body.email-connecting .guest-delete-content .css-h5fdy i {
            color: #fff;
            font-weight: 400 !important;
        }

.radio:hover input ~ .checkmark {
    background-color: transparent;
}

.radio-outline-light:hover input ~ .checkmark {
    background-color: #bbb;
}

.criteria-level-wise-question-list {
    padding: 0;
    list-style-type: none;
}

    .criteria-level-wise-question-list li {
        padding: 10px 10px 10px 14px;
        position: relative;
        z-index: 1;
        list-style-type: none;
        border-bottom: 1px solid #ddd;
        -webkit-transition: background-color .2s ease-in;
        transition: background-color .2s ease-in;
    }

        .criteria-level-wise-question-list li:first-child {
            border-top: 1px solid #ddd;
        }

        .criteria-level-wise-question-list li label {
            margin: 0;
        }

.product-criteria-hub .nav-pills .nav-item:focus, .product-criteria-hub .nav-pills .nav-item .nav-link:focus {
    outline: 0;
}

.app-admin-wrap.brightstarhub .sidebar-left .navigation-left .nav-item .nav-item-hold .nav-text {
    font-size: 14px;
}

.app-admin-wrap.brightstarhub .main-header {
    background: #ffcfca;
    box-shadow: none;
}

.app-admin-wrap.brightstarhub .sidebar-left {
    background: #ffcfca;
    box-shadow: none;
    padding-left: 20px;
}

.app-admin-wrap.brightstarhub .sidebar-left-secondary.open {
    left: 210px;
}

.app-admin-wrap.brightstarhub .sidebar-left .navigation-left {
    width: 190px;
    text-align: left;
}

    .app-admin-wrap.brightstarhub .sidebar-left .navigation-left .nav-item {
        border: 0;
        padding: 5px 8px;
        border-radius: 4px;
        margin-bottom: 5px;
    }

        .app-admin-wrap.brightstarhub .sidebar-left .navigation-left .nav-item.selected, .app-admin-wrap.brightstarhub .sidebar-left .navigation-left .nav-item:hover {
            background: #ffa096;
        }

        .app-admin-wrap.brightstarhub .sidebar-left .navigation-left .nav-item a {
            color: #000000;
        }

        .app-admin-wrap.brightstarhub .sidebar-left .navigation-left .nav-item.active {
            /*background: #ffa096;*/
        }

        .app-admin-wrap.brightstarhub .sidebar-left .navigation-left .nav-item.disabled:hover {
            color: #717171;
            background: transparent;
        }

    .app-admin-wrap.brightstarhub .sidebar-left .navigation-left li.disabled {
        color: #717171;
        cursor: default;
        font-size: 10px;
        margin-top: 15px;
    }

.app-admin-wrap.brightstarhub .main-header .header-icon {
    /*font-size: 24px !important;
    background-color: transparent;*/
    color: rgb(49 49 49 / 87%) !important;
    background-color: rgb(255 255 255 / 53%);
}

.app-admin-wrap.brightstarhub .sidebar-left .navigation-left .nav-item .nav-item-hold {
    padding: 0;
}

.app-admin-wrap.brightstarhub .phone-call-controller-section {
    background: rgb(255 255 255 / 53%);
}

    .app-admin-wrap.brightstarhub .phone-call-controller-section .btn-success {
        width: 32px;
        height: 32px;
        padding: 4px;
    }

    .app-admin-wrap.brightstarhub .phone-call-controller-section .btn-danger {
        width: 38px;
        height: 32px;
        padding: 4px;
    }

    .app-admin-wrap.brightstarhub .phone-call-controller-section .pause {
        padding-top: 6px;
    }

    .app-admin-wrap.brightstarhub .phone-call-controller-section .microphone {
        padding-top: 8px;
    }

.app-admin-wrap.brightstarhub .sidebar-left-secondary {
    background: #ffa096;
}

    .app-admin-wrap.brightstarhub .sidebar-left-secondary .childNav li.nav-item a {
        color: #1b1b1b;
    }

        .app-admin-wrap.brightstarhub .sidebar-left-secondary .childNav li.nav-item a:hover {
            background: #fd8b7e;
        }

        .app-admin-wrap.brightstarhub .sidebar-left-secondary .childNav li.nav-item a .nav-icon {
            color: #000;
        }

    .app-admin-wrap.brightstarhub .sidebar-left-secondary .short-notes {
        color: #1b1b1b;
    }

.adviser-dashboard-container .mm-readonly-summary-collapser:after {
    margin: 11px 4px 13px 8px;
}

.adviser-dashboard-container .mm-factfind-overview-applicants-wrapper {
    border: 0;
    padding: 0;
}

.adviser-dashboard-container {
    padding-left: 120px;
    padding-right: 120px;
    margin-bottom: 50px;
}

.adviser-dashboard-headline {
    color: #2E0E39;
    margin-top: 15px;
}

.adviser-dashboard-container .mm-readonly-summary > .mm-readonly-summary-title > h2 {
    color: #2E0E39;
}

.adviser-sponsored-ad-container .ad-content {
}

.ad-btn {
    background: #320b42;
    height: 28px;
    padding: 3.5px 12px;
    color: #fff;
}

    .ad-btn:focus {
        outline: 0;
        box-shadow: none;
    }

    .ad-btn svg {
        margin-left: 5px;
        margin-top: -2px;
    }

    .ad-btn:hover svg {
        margin-left: 15px;
        transition: all .3s ease
    }

.adviser-dashboard-container .mm-readonly-summary-collapser {
    outline: 0;
}

.app-admin-wrap.brightstarhub .main-content-wrap {
    background: #ffcfca;
}

.app-admin-wrap.brightstarhub.adviser-panel .main-content-wrap, .app-admin-wrap.brightstarhub.adviser-panel .sidebar-left, .app-admin-wrap.brightstarhub.adviser-panel .main-header {
    background: #dddff7;
}

    .app-admin-wrap.brightstarhub.adviser-panel .sidebar-left .navigation-left .nav-item.active {
        background: #c7c9f2;
    }

.app-admin-wrap.brightstarhub.adviser-panel .sidebar-left-secondary {
    background: #c7c9f2;
}

    .app-admin-wrap.brightstarhub.adviser-panel .sidebar-left-secondary .childNav li.nav-item a:hover {
        background: #a9abdc;
    }

.app-admin-wrap.brightstarhub .header-part-right .header-new-button .newbnt {
    background: #fd8b7e;
    color: #fff;
    border: 1px solid #fd8b7e;
}

.app-admin-wrap.brightstarhub.adviser-panel .header-part-right .header-new-button .newbnt {
    background: #9599de;
    color: #fff;
    border: 1px solid #9599de;
}

.app-admin-wrap.brightstarhub .separator-breadcrumb.border-top {
    border-top: 1px solid transparent !important;
}

.user-wise-case-rating-review-content {
    text-align: right;
    margin-top: -12px;
    margin-right: -12px;
    border: 0;
}

    .user-wise-case-rating-review-content .agreement-tooltips {
        width: 30px;
        height: 30px;
    }

        .user-wise-case-rating-review-content .agreement-tooltips .icon {
            width: 30px !important;
            height: 30px !important;
        }

        .user-wise-case-rating-review-content .agreement-tooltips .answer {
            -ms-transform: translateX(-37%) !important;
            transform: translateX(-37%) !important;
        }

.company-panel-login-page .main-header {
    height: 60px;
}

.company-panel-login-page .login-header-content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    max-width: 1055px;
    margin: 0 auto;
}

.company-panel-login-page .main-content-wrap {
    margin-top: 60px;
    min-height: calc(100vh - 60px);
}

.product-filter-option .filter-label {
    margin-bottom: 10px;
}

.product-filter-option ul {
    list-style: none;
    padding-left: 10px;
}

    .product-filter-option ul li label {
        color: rgba(0,0,0,.87);
    }

    .product-filter-option ul li {
        padding: 3px 0;
    }

.task-action-list.products-action .items {
    font-size: 14px;
    /*background: #395ab7;*/
    background: #fff;
    /*color: #fff;*/
    color: #000;
    /*padding: 15px 10px;*/
    padding: 15px 8px;
    width: 100px;
    height: 90px;
    border: 1px solid #ababab;
}

    .task-action-list.products-action .items i {
        font-size: 24px;
        /*color: #fff;*/
        color: #606060;
    }

    .task-action-list.products-action .items .label-title {
        margin-top: 2px;
        line-height: 18px;
    }

.profile-letter-thum {
    cursor: pointer;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    text-align: center;
    background: #85868c;
    color: #fff;
    font-size: 20px;
    text-transform: capitalize;
    padding: 3px;
    margin-right: -30px;
}

.profile-letter-thum-two {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    text-align: center;
    background: #85868c;
    color: #fff;
    font-size: 18px;
    text-transform: capitalize;
    padding: 7px 3px;
    display: inline-block;
    vertical-align: middle;
}

.profile-setting-menu-options {
    background-color: #eee;
    margin-left: -8px;
    margin-right: -8px;
    /*padding-left: 8px;
    padding-right: 8px;*/
    color: #403b44;
}

    .profile-setting-menu-options > a.mulsubmenu {
        display: block;
        color: #403b44;
        padding: 7px 8px;
        background: #d8d8d8;
    }

    .profile-setting-menu-options > a.collapsed {
        background-color: white;
    }

    .profile-setting-menu-options > a:hover {
        text-decoration: underline;
    }

    .profile-setting-menu-options > a:focus {
        outline: 0;
    }

    .profile-setting-menu-options > ul {
        list-style-type: none;
        padding: 0;
    }

        .profile-setting-menu-options > ul > li > a {
            padding: 6px 15px 6px 15px !important;
            color: #403b44;
            display: block;
            background-color: transparent;
        }

.dashboard-sub-title.dashboard-action-required:focus {
    outline: 0;
}

.dashboard-sub-title.dashboard-action-required:hover {
    /*text-decoration:underline;*/
}

.page-header-title {
    font-size: 14px;
    font-weight: 600;
    left: 242px;
    position: absolute;
    margin-top: 24px;
}

.scheduled-downtime-alert-content {
    position: fixed;
    width: 100%;
    /* height: 80px; */
    background: #fff;
    z-index: 100;
}

.show-scheduled-downtime .main-header {
    top: 0px;
}

.show-scheduled-downtime .sidebar-left, .show-scheduled-downtime .sidebar-left-secondary {
    top: 132px;
    height: calc(100vh - 132px);
}

.show-scheduled-downtime .sidebar-overlay {
    height: calc(100vh - 132px);
}

.show-scheduled-downtime .main-content-wrap {
    margin-top: 132px;
    min-height: calc(100vh - 132px);
}

.custom-solid-btn {
    background: #fff;
    border: 1px solid #000;
    color: #000;
    border-radius: 6px;
}

    .custom-solid-btn:hover, .custom-solid-btn:active {
        background: #f5f5f5;
        text-decoration: underline;
    }

    .custom-solid-btn:focus {
        box-shadow: none;
    }

.custom-table-action-btn {
    background: #fff;
    border: 1px solid #717171;
    color: #000;
    border-radius: 4px;
}

    .custom-table-action-btn:hover, .custom-table-action-btn:active {
        background: #f5f5f5;
        text-decoration: underline;
        color: #000;
    }

    .custom-table-action-btn:focus {
        box-shadow: none;
    }

.fact-find-controls .save-btn {
    background: #323131 !important;
    border: 1px solid #000;
    color: #ffff;
    border-radius: 6px;
}

    .fact-find-controls .save-btn:hover, .fact-find-controls.save-btn:active {
        text-decoration: underline;
        color: #ffff !important;
    }

.mm-readonly-summary-continue button {
    background: #1976D2 !important;
    border: 1px solid #1976D2;
    color: #fff !important;
    border-radius: 6px;
}

    .mm-readonly-summary-continue button:hover, .mm-readonly-summary-continue button:active {
        text-decoration: underline;
        color: #fff !important;
        border-color: #1976D2 !important;
    }

.case-assign-for-applicant-btn {
    border-radius: 6px;
    text-decoration: underline;
    background: #fff;
    font-size: 14px;
    color: #000;
}

    .case-assign-for-applicant-btn:hover, .case-assign-for-applicant-btn:active {
        background: rgb(247, 247, 247);
        text-decoration: underline;
        border-radius: 6px;
    }

    .case-assign-for-applicant-btn:focus {
        box-shadow: none;
    }

body {
    font-family: 'Roboto' !important;
    font-size: 14px;
    color: #000;
}

.mm-readonly-summary > .mm-readonly-summary-title > h2 {
    color: var(--gray-900, #263238);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 8px;
}

.table-responsive > .table thead tr {
    /*background: #ECEFF1 !important;*/
    color: #78909C;
    /*font-size: 13px;*/
    border-radius: 4px;
    /*height: 68px;*/
    font-size: 14px !important;
    font-weight: 700 !important;
    border-top: 1px solid #ECEFF1;
    border-bottom: 1px solid #ECEFF1;
}

.table-responsive > .table thead th {
    border: 0;
    padding: 8px 8px !important;
    font-size: 14px;
    font-weight: 700;
    vertical-align: top !important;
    line-height: 16px;
    color: #455A64 !important;
    background-color: #ECEFF1;
}

.table-responsive > .table thead tr > th:first-of-type {
    border-top-left-radius: 4px;
    /*border-bottom-left-radius: 4px;*/
}

.table-responsive > .table thead tr > th:last-of-type {
    border-top-right-radius: 4px;
    /*border-bottom-right-radius: 4px;*/
}

.table-responsive > .table tbody tr td {
    border-top: 1px solid #dee2e6 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    padding: 4px 5px;
    color: var(--gray-900, #263238) !important;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 22px !important;
}

    .table-responsive > .table tbody tr td .btn-danger {
        border-color: #d22346;
    }

    .table-responsive > .table tbody tr td .btn-primary {
        border-color: #4e4e4e;
    }
        /*.table-responsive > .table tbody tr td .btn {
        border-color: #4e4e4e;
    }*/

        .table-responsive > .table tbody tr td .btn-primary i {
            color: #545454;
        }

    .table-responsive > .table tbody tr td .btn-danger i {
        color: white;
    }

.case-action-select-box .dropdown-toggle:after {
    width: 16px;
    height: 13px;
    background: transparent url(../../../assets/img/svg/arrow_down.svg) center top no-repeat;
    border: 0;
    top: calc(40% - 2px);
    right: 6px !important;
}

.case-action-select-box.show .dropdown-toggle:after {
    /*width: 16px;
    height: 13px;
    background: transparent url(../../../assets/img/svg/arrow_down.svg) center top no-repeat;*/
    /*border: 0;
    top: calc(40% - 2px);*/
    transform: rotate( 180deg );
    /*right: 6px !important;*/
}

.search-radio-option.lead-search label.not-active {
    background-color: #fff !important;
    color: rgb(34, 34, 34) !important;
    border: 1px solid rgb(176, 176, 176) !important;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

.search-radio-option.lead-search label.active {
    background-color: #fff !important;
    color: rgb(34, 34, 34) !important;
    border: 2px solid rgb(80 79 79) !important;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

.standard-primary {
    background: #c43137 !important;
    border-color: #c43137 !important;
    font-weight: 600;
    color: #fff !important;
    padding: 6px 20px;
}

.radio-group-button label {
    color: #fff !important;
    background-color: #484848 !important;
    border: 1px solid #484848;
}

    .radio-group-button label.btn-primary:hover {
        text-decoration: none;
    }

.protection-hub-lists-body .item-apply-btn a {
    color: #000;
}

.filter-dropdown-button .dropdown-content-body {
    padding: 15px;
    min-width: 300px;
    /*max-height: 300px;
    overflow-y: auto;*/
}

.filter-dropdown-button .dropdown-filter-options {
    max-height: 300px;
    overflow-y: auto;
}

.dropdown-content-footer {
    border-top: 1px solid #d0d0d0;
    padding-top: 15px;
    margin-top: 15px;
}

.filter-dropdown-button .filter-button {
    border-radius: 20px;
    min-width: 70px;
    border-color: #8a8a8a;
    color: #464646;
}

    .filter-dropdown-button .filter-button.selected {
        border: 2px solid rgb(34, 34, 34);
    }

.sidebar-panel, .main-content-wrap, .main-header {
    transition: all 0.2s ease-in;
}

.layout-sidebar-vertical .sidebar-panel {
    height: 100vh;
    position: fixed;
    /*top: 0;*/
    /*top: 132px;*/
    left: -240px;
    width: 240px;
    /*z-index: 1000;*/
    z-index: 90;
    box-shadow: 0 1px 15px rgba(0,0,0,0.04), 0 1px 6px rgba(0,0,0, 0.04);
    background: #fff;
}

.app-admin-wrap.sidebar-full .sidebar-panel {
    width: 240px;
    left: 0px;
}

.layout-sidebar-vertical .sidebar-panel .scroll-nav {
    /*height: calc(100vh - 64px);*/
    height: calc(100vh - 0px);
}

ul.metismenu {
    position: relative;
}

.layout-sidebar-vertical .sidebar-panel .side-nav .main-menu ul {
    padding: 0 12px;
}

    .layout-sidebar-vertical .sidebar-panel .side-nav .main-menu ul li {
        list-style: none;
        font-size: 14px;
        line-height: 17px;
    }

.Ul_li--hover::before {
    content: "";
    background-color: #663399;
    position: absolute;
    height: 36px;
    width: 225px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    opacity: 0.1;
    left: -233px;
    transition: all 400ms ease;
}

.Ul_li--hover:hover::before, .Ul_li--hover.mm-active:before {
    left: 0px;
    transition: all 300ms ease;
    z-index: -1;
}

.metismenu .has-arrow {
    position: relative;
}

.layout-sidebar-vertical .sidebar-panel .side-nav .main-menu ul li a:hover {
    text-decoration: none;
}

.layout-sidebar-vertical .sidebar-panel .side-nav .main-menu ul li a {
    color: #47404f;
    display: flex;
    align-items: center;
    min-height: 35px;
    padding: 0px 15px;
    margin-bottom: 10px;
    cursor: pointer;
}

    .layout-sidebar-vertical .sidebar-panel .side-nav .main-menu ul li a.active i, .layout-sidebar-vertical .sidebar-panel .side-nav .main-menu ul li a.active span {
        font-weight: 600;
        color: #000 !important;
    }

    .layout-sidebar-vertical .sidebar-panel .side-nav .main-menu ul li a .item-name {
        text-transform: capitalize;
        font-size: 14px;
    }

.metismenu .has-arrow:after {
    right: 2em !important;
    opacity: 0.6 !important;
    width: 0.6em !important;
    height: 0.6em !important;
    border-width: 2px 0 0 2px !important;
}

.metismenu .has-arrow:after {
    position: absolute;
    content: "";
    width: .5em;
    height: .5em;
    border-style: solid;
    border-width: 1px 0 0 1px;
    border-color: initial;
    right: 1em;
    /*-webkit-transform: rotate( -45deg ) translateY(-50%);
    transform: rotate( -45deg ) translateY(-50%);*/
    -webkit-transform: rotate( -226deg ) translateY(-50%);
    transform: rotate( -226deg ) translateY(-50%);
    -webkit-transform-origin: top;
    transform-origin: top;
    top: 50%;
    transition: all .3s ease-out;
}

.metismenu .has-arrow[aria-expanded=true]:after, .metismenu .mm-active > .has-arrow:after {
    -webkit-transform: rotate( -135deg ) translateY(-50%);
    transform: rotate( -135deg ) translateY(-50%);
}

.layout-sidebar-vertical .main-content-wrap {
    width: 100%;
    min-height: 100vh;
    float: right;
}

.app-admin-wrap.sidebar-full .main-content-wrap {
    width: calc(100% - 240px);
    padding: 1rem 2rem 0rem;
}

.main-content-wrap.sidebar-full-z-index {
    width: calc(100% - 65px) !important;
    /*z-index: -100;*/
}

.app-admin-wrap.sidebar-compact .main-content-wrap {
    width: calc(100% - 65px);
    padding: 1rem 2rem 0;
}

.app-admin-wrap.sidebar-compact .sidebar-panel {
    width: 75px;
    left: 0;
}

.ml-auto, .mx-auto {
    margin-left: auto !important;
}

.layout-sidebar-vertical .sidebar-panel .sidebar-compact-switch {
    /*position: relative;
    width: 24px;
    height: 12px;
    border-radius: 10px;
    border: 1px solid #70657b;
    transition: all 0.3s ease-in;
    cursor: pointer;*/
    width: 40px;
    height: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    /*margin-right: 20px;*/
    /*margin-left: 20px;*/
    /*margin-top: 20px;*/
    padding: 10px 5px;
}

    .layout-sidebar-vertical .sidebar-panel .sidebar-compact-switch:hover {
        background-color: rgba(60,64,67,0.08);
        border-radius: 100%;
    }

.app-admin-wrap.sidebar-compact-onhover .sidebar-compact-switch {
    /*background: #663399;*/
    background-color: rgba(60,64,67,0.08);
    border-radius: 100%;
}

.app-admin-wrap.sidebar-compact .sidebar-panel .sidebar-compact-switch {
    /*display: none;*/
}

.layout-sidebar-vertical .sidebar-panel .sidebar-compact-switch span {
    /*position: absolute;
    left: 1px;
    top: 1px;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #bbb;
    transition: all 0.3s ease-in;*/
}

.app-admin-wrap.sidebar-compact-onhover .sidebar-compact-switch span {
    /*left: 14px;
    background: #fff;*/
}

.layout-sidebar-vertical .sidebar-panel .sidebar-compact-switch div {
    width: 20px;
    height: 2px;
    background: #676767;
    margin: 2px 0;
}

body {
    background: transparent !important;
}

.main-header .logo img {
    max-height: 40px;
    margin: initial;
}

.has-arrow.without-after-element:after {
    content: none !important;
}

.layout-sidebar-vertical .sidebar-panel .scroll-nav .main-menu {
    padding-top: 140px;
}

#caseDetailsMenu {
    padding-left: 0px;
    list-style-type: none;
}

    #caseDetailsMenu li {
        padding: 8px;
        list-style: none;
    }

    #caseDetailsMenu .mm-collapse {
        /*padding-left: 10px;*/
        list-style-type: none;
    }

        #caseDetailsMenu .mm-collapse li {
            padding: 8px;
            list-style: none;
        }

    #caseDetailsMenu .Ul_li--hover::before, #caseDetailsMenu .has-arrow:after {
        content: unset;
    }

    #caseDetailsMenu .Ul_li--hover .selected-line {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        inset: 0px;
        /*height: 100%;*/
        height: 20px;
        width: 3px;
        background-color: transparent;
        margin-left: -8px;
    }

    #caseDetailsMenu .Ul_li--hover.mm-active .selected-line {
        background-color: rgb(34, 34, 34);
    }

    #caseDetailsMenu .Ul_li--hover .mm-collapse .selected-sub-line {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        /*inset: 0px;*/
        height: 20px;
        width: 3px;
        background-color: transparent;
        margin-left: -8px;
        margin-top: 1px;
    }

    #caseDetailsMenu .Ul_li--hover .mm-collapse.mm-show .active .selected-sub-line {
        background-color: rgb(34, 34, 34);
    }

    #caseDetailsMenu .Ul_li--hover .mm-collapse li a {
        font-size: 14px;
        line-height: 18px;
        color: rgb(34, 34, 34);
    }

        #caseDetailsMenu .Ul_li--hover .mm-collapse li a:hover {
            text-decoration: underline;
        }

    #caseDetailsMenu .Ul_li--hover .mm-collapse.mm-show .active {
        font-weight: 800;
    }

    #caseDetailsMenu .Ul_li--hover .has-arrow {
        font-size: 14px;
        line-height: 18px;
        color: rgb(34, 34, 34);
        font-weight: 600;
    }

        #caseDetailsMenu .Ul_li--hover .has-arrow:hover {
            text-decoration: underline;
        }

    #caseDetailsMenu .Ul_li--hover.mm-active .has-arrow {
        font-weight: 800;
    }

.case-details-view-content .container {
    padding: 0;
}

.case-details-view-content .factfind-main-inner {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
}

.case-details-view-content .factfind-main {
    margin-top: 20px;
}

.case-details-view-content .factfind-form-container .title {
    font-weight: 600;
    font-size: 16px;
}

.case-details-view-content .form-section .title {
    line-height: 22px;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 18px;
}

.case-details-view-content .form-section .sub-title {
    margin-bottom: 10px;
}

.textbox-input input {
    background: #fff;
    font-size: 17px;
}

    .textbox-input input:focus {
        color: #252551;
    }

.case-details-view-content .form-section {
    margin-bottom: 0px;
}

.currency-input-symbol {
    color: #252551;
    font-size: 18px;
}

.currency-input .form-control {
    background: #fff;
    font-size: 17px;
}

.case-details-view-content .repeatable-button:hover {
    text-decoration: underline;
}

.case-details-view-content .fact-find-controls .back-btn {
    font-weight: 600;
    border: 1px solid #000;
    color: #000 !important;
}

.case-details-view-content .fact-find-controls .save-btn {
    font-weight: 600;
}

.repeatable-item-summary-secondary {
    color: #383838;
}

.repeatable-item-controls-delete, .repeatable-item-controls-edit {
    line-height: 22px;
}

.date-question-container input {
    font-size: 17px;
}

.form-introduction {
    color: #4e4e4e;
}

.form-control:focus {
    color: #252551;
}

.textbox-input textarea:focus {
    color: #252551;
}

.textbox-input textarea {
    font-size: 17px;
    background: #fff;
}

.case-details-view-tab-content .tab-details-body {
    overflow-x: auto;
    padding-bottom: 10px;
    background: #fff;
    padding: 15px;
    display: grid;
    margin-top: -12px;
}

    .case-details-view-tab-content .tab-details-body .nav {
        background: #fff;
        box-shadow: 0px 5px 20px rgb(0 0 0 / 10%);
        border-radius: 50px;
        position: relative;
        flex-wrap: unset;
    }

        .case-details-view-tab-content .tab-details-body .nav .nav-link {
            white-space: nowrap;
            padding: 9px 12px;
            font-weight: 600;
            color: #505050;
        }

            .case-details-view-tab-content .tab-details-body .nav .nav-link.active {
                transition-duration: 0.6s;
                transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
                border-radius: 50px;
                background: #f4005c;
                /*background: -moz-linear-gradient(45deg, #b30084 0%, #f4005c 100%);
                    background: -webkit-linear-gradient( 45deg, #b30084 0%,#f4005c 100%);
                    background: linear-gradient( 45deg, #b30084 0%,#f4005c 100%);*/
                background: #616161;
                color: #fff;
            }

.admin_task_item_card.green-box {
    background-color: #e0ffde;
    box-shadow: 1px 1px 8px rgb(137 226 140 / 60%) !important;
}

    .admin_task_item_card.green-box .lead-items .item-content .zmdi-email, .admin_task_item_card.green-box .lead-items .item-content .zmdi-phone, .admin_task_item_card.green-box .lead-items .item-content .fa-clock-o {
        color: #676767;
    }

.admin_task_item_card.red-box {
    background-color: #ffdede;
    box-shadow: 1px 1px 8px rgb(226 137 137 / 60%) !important;
}

    .admin_task_item_card.red-box .lead-items .item-content .zmdi-email, .admin_task_item_card.red-box .lead-items .item-content .zmdi-phone, .admin_task_item_card.red-box .lead-items .item-content .fa-clock-o {
        color: #676767;
    }

.admin_task_item_card.dark-red-box {
    background-color: #ecb8b8;
    box-shadow: 1px 1px 8px rgb(152 23 23 / 60%) !important;
}

    .admin_task_item_card.dark-red-box .lead-items .item-content .zmdi-email, .admin_task_item_card.dark-red-box .lead-items .item-content .zmdi-phone, .admin_task_item_card.dark-red-box .lead-items .item-content .fa-clock-o {
        color: #676767;
    }

.admin_task_item_card.orange-box {
    background-color: #fff3de;
    box-shadow: 1px 1px 8px rgb(226 191 137 / 60%) !important;
}

    .admin_task_item_card.orange-box .lead-items .item-content .zmdi-email, .admin_task_item_card.orange-box .lead-items .item-content .zmdi-phone, .admin_task_item_card.orange-box .lead-items .item-content .fa-clock-o {
        color: #676767;
    }

    .admin_task_item_card.green-box.selected, .admin_task_item_card.red-box.selected, .admin_task_item_card.dark-red-box.selected, .admin_task_item_card.orange-box.selected {
        box-shadow: 0 0 0 3px rgb(250 76 140 / 39%) !important;
        border: 1px solid rgb(239 54 122 / 65%);
    }

.tour-backdrop {
    background-color: rgba(0, 0, 0, 0.5);
}

.case-more-action-btn .menu-icon-grid {
    display: block;
    flex-wrap: nowrap;
    justify-content: left;
}

    .case-more-action-btn .menu-icon-grid a {
        display: block;
        width: 100%;
        flex-direction: row;
        padding: 10px 2px;
        font-weight: 400;
        color: #403b44;
    }

.case-more-action-btn {
    display: none;
}

    .case-more-action-btn .menu-icon-grid a:hover {
        background: transparent;
        color: #403b44;
    }

        .case-more-action-btn .menu-icon-grid a:hover span {
            text-decoration: underline;
        }

@media (max-width:1200px) {
    .case-action-panel-content .col-md-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media(min-width:768px) and (max-width:1500px) {
    .case-more-action-btn {
        display: block;
    }

    .case-more-action-show-hide {
        display: none;
    }

    .case-more-action-btn .dropdown-menu.show {
        transform: translate3d(-42%, 41px, 0px) !important;
    }
}

.chat-sidebar-user-search .input-group-prepend .input-group-text {
    border-right: 0;
    background-color: transparent;
    color: #b7b7b7;
    border-top-left-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    border-bottom-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
}

.chat-sidebar-user-search .input-group-append .input-group-text {
    border-top-right-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    border-bottom-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-bottomright: 20px;
}

.chat-sidebar-user-search .serach-input:focus {
    border-color: #ced4da;
    box-shadow: none;
}

.personal-protection-detailed-body.product-reference .panel-group .panel {
    border: 1px solid #d2d2d2;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}

.personal-protection-detailed-body.product-reference .panel-group .panel-heading {
    background-color: #f3f3f3;
    border-color: #d2d2d2;
}

.personal-protection-detailed-body.product-reference .panel-title {
    font-weight: normal;
}

    .personal-protection-detailed-body.product-reference .panel-title a {
        color: #424242;
        cursor: text;
    }

        .personal-protection-detailed-body.product-reference .panel-title a:hover {
            text-decoration: none;
        }

.personal-protection-detailed-body.product-reference .panel-body {
    border-top: 1px solid #d2d2d2;
    border-top-color: #d2d2d2;
}

.personal-protection-detailed-body.product-reference .mm-form-readonly p {
    font-size: 16px;
}

    .personal-protection-detailed-body.product-reference .mm-form-readonly p.question-title {
        color: #333;
        font-weight: 600;
    }

    .personal-protection-detailed-body.product-reference .mm-form-readonly p.question-answer-complete {
        color: #656565;
    }

.product-reference-detailed-modal .fact-find-controls.fixed-bottom-btn {
    position: sticky;
    z-index: 1;
    bottom: 0;
    padding-bottom: 20px;
    background: #fff;
    padding-top: 20px;
    width: 100%;
    border-top: 1px solid #d2d2d2;
    padding-right: 40px;
    padding-left: 40px;
    border-bottom-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
}

.product-reference-detailed-modal .modal-dialog {
    max-width: 1000px;
    margin: 20px auto;
}

.product-reference-detailed-modal .modal-body {
    max-height: 68vh;
    overflow-y: auto;
}

.product-eor-document-content {
    max-width: 750px;
    margin: 0 auto;
}

    .product-eor-document-content .doc-info .title {
        color: #a472af;
        font-size: 16px;
        font-weight: 600;
    }

    .product-eor-document-content .doc-info .desc {
        font-size: 16px;
        color: #000;
    }

    .product-eor-document-content .doc-info {
        line-height: 20px;
        margin-bottom: 10px;
    }

    .product-eor-document-content .eor-doc-note {
        list-style: none;
        margin-top: 20px;
        padding-left: 30px;
    }

        .product-eor-document-content .eor-doc-note li::before {
            content: "•";
            color: black;
            font-size: 30px;
            vertical-align: middle;
            padding-right: 10px;
        }

.product-filter-btn-content .product-filter-point {
    display: flex;
    -webkit-box-pack: end;
    justify-content: end;
    cursor: pointer;
    justify-self: end;
}

    .product-filter-btn-content .product-filter-point:after {
        content: "";
        display: inline-block;
        width: 11px;
        height: 11px;
        margin: 3px 4px 13px 8px;
        border-bottom: 1.5px solid #000;
        border-left: 1.5px solid #000;
        -webkit-transform: translateY(5px) rotate( 135deg);
        transform: translateY(5px) rotate( 135deg);
    }

    .product-filter-btn-content .product-filter-point.active:after {
        -webkit-transform: rotate( -45deg);
        transform: rotate( -45deg);
    }

.case-details-lock {
    position: absolute;
    top: 0;
    left: 0;
    /*z-index: 4000;*/
    /* position: fixed; */
    width: 100%;
    height: 100%;
    background: linear-gradient( 45deg,rgba(34, 36, 40, 0.72),rgba(68, 72, 86, 0.8117647058823529));
    z-index: 3;
}

.custom-header-dropdown-body {
    box-shadow: rgb(0 0 0 / 20%) 0px 12px 28px 0px, rgb(0 0 0 / 10%) 0px 2px 4px 0px, rgb(255 255 255 / 50%) 0px 0px 0px 1px inset;
}

.notifications-dropdown-headline {
    flex-wrap: nowrap;
    position: relative;
    direction: ltr;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    padding: 0 10px;
}

    .notifications-dropdown-headline .new-title {
        font-size: 16px;
        font-weight: 600;
    }

    .notifications-dropdown-headline a {
        font-size: 14px;
    }

        .notifications-dropdown-headline a:hover {
            text-decoration: underline;
        }




.selectBase_box_area {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
}

.selectBase_box_area2 {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
}

.selectBase_box_area p {
    margin-bottom: 0px;
    min-width: 120px;
    max-width: 400px;
    padding: 6px 15px;
    line-height: 24px;
    padding-right: 30px;
    cursor: pointer;
    color: #505f79;
}

.selectBase_box_area2 p {
    margin-bottom: 0px;
    min-width: 120px;
    max-width: 400px;
    padding: 6px 20px;
    line-height: 24px;
    padding-right: 30px;
    cursor: pointer;
    color: #505f79;
}

.selectBase_box_area p em {
    position: absolute;
    right: 17px;
    top: 6px;
    font-size: 20px;
    transition: all 0.3s linear;
}

.selectBase_box_area2 p em {
    position: absolute;
    right: 30px;
    top: 6px;
    font-size: 20px;
    transition: all 0.3s linear;
}

.selectBase_box_area p em {
    position: absolute;
    right: 12px;
    top: 6px;
    font-size: 20px;
    transition: all 0.3s linear;
}

.selectBase_box_area2 p em {
    position: absolute;
    right: 17px;
    top: 6px;
    font-size: 20px;
    transition: all 0.3s linear;
}

.selectBase_box_area p em.angle-up {
    transform: rotate(180deg);
}

.selectBase_box_area2 p em.angle-up {
    transform: rotate(180deg);
}

.selectBase_box_area p .option {
    position: relative;
    display: inline-block;
    padding-right: 10px;
}

.selectBase_box_area2 p .option {
    position: relative;
    display: inline-block;
    padding-right: 10px;
}


.selectBase_box_area p .option::after {
    content: ",";
    position: absolute;
    right: 5px;
    top: 0;
}

.selectBase_box_area2 p .option::after {
    content: ",";
    position: absolute;
    right: 5px;
    top: 0;
}

.selectBase_box_area p .option:last-of-type {
    padding-right: 0px;
}

.selectBase_box_area2 p .option:last-of-type {
    padding-right: 0px;
}

.selectBase_box_area p .option:last-of-type::after {
    display: none;
}

.selectBase_box_area2 p .option:last-of-type::after {
    display: none;
}

.selectBase.active {
    box-shadow: none;
    background: #505f79;
    color: #f4f5f7;
    border: none;
    border-radius: 5px;
}

.selectBase2.active {
    box-shadow: none;
    background: #505f79;
    color: #f4f5f7;
    border: none;
    border-radius: 5px;
}

.filter_list {
    padding: 0px;
    width: 250px;
    border-top: none;
    display: none;
    position: absolute;
    z-index: 9999;
    background-color: #fff;
    padding-top: 4px;
    padding-bottom: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-shadow: 0 4px 8px -2px rgb(9 30 66 / 25%), 0 0 1px rgb(9 30 66 / 31%);
    overflow: auto;
    max-height: 230px;
}

.filter_list2 {
    padding: 0px;
    width: 250px;
    border-top: none;
    display: none;
    position: absolute;
    z-index: 9999;
    background-color: #fff;
    padding-top: 4px;
    padding-bottom: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-shadow: 0 4px 8px -2px rgb(9 30 66 / 25%), 0 0 1px rgb(9 30 66 / 31%);
    overflow: auto;
    max-height: 230px;
}

.filter_list li {
    list-style: none;
}

.filter_list2 li {
    list-style: none;
}


.filter_list li label {
    display: block;
    width: 100%;
    padding: 10px 20px;
    margin: 0px;
    font-size: 13px;
    cursor: pointer;
}

.filter_list2 li label {
    display: block;
    width: 100%;
    padding: 10px 20px;
    margin: 0px;
    font-size: 13px;
    cursor: pointer;
}

.filter_list li input[type="checkbox"] {
    margin-right: 15px;
}

.filter_list2 li input[type="checkbox"] {
    margin-right: 15px;
}



.basecustom-select {
    display: none;
}

.basecustom-select2 {
    display: none;
}

.valueCount {
    margin-left: 4px;
    display: inline-block;
    min-width: 1px;
    padding: 2px 6px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    background: #212122;
    color: #fff;
}

@media only screen and (min-width: 1200px) {
    .base-report-tabStyle {
        max-width: 13%;
    }
}

@media only screen and (min-width: 1900px) {
    .base-report-tabStyle {
        max-width: 8%;
    }
}

@media screen and (min-width: 2500px) {
    .base-report-tabstyle {
        max-width: 8% !important;
    }
}


.user-list-option .dropdown-menu {
    padding: 10px 0 !important;
}

.protection-hub-dropdown-options .dropdown-menu .dropdown-item {
    padding: 2px 15px !important;
}

.btn-group.IsContacts {
    border: 1px solid black;
    margin-bottom: 15px;
    margin-top: 15px;
    border-radius: 5px
}

.go-shource thead {
    position: sticky !important;
    top: 0 !important;
}