@import url('responsive.css');

@font-face {
    font-family: 'montserrat-regular';
    src: url('../fonts/montserrat-regular.ttf');
}

@font-face {
    font-family: 'montserrat-medium';
    src: url('../fonts/montserrat-medium.ttf');
}

@font-face {
    font-family: 'montserrat-bold';
    src: url('../fonts/montserrat-bold.ttf');
}

@font-face {
    font-family: 'montserrat-semibold';
    src: url('../fonts/montserrat-semibold.ttf');
}

@font-face {
    font-family: 'montserrat-light';
    src: url('../fonts/montserrat-light.ttf');
}

@font-face {
    font-family: 'roboto-regular';
    src: url('../fonts/roboto-regular.ttf');
}

@font-face {
    font-family: 'roboto-medium';
    src: url('../fonts/roboto-medium.ttf');
}

@font-face {
    font-family: 'roboto-bold';
    src: url('../fonts/roboto-bold.ttf');
}

@font-face {
    font-family: 'mvboli';
    src: url('../fonts/mvboli.ttf');
}

@font-face {
    font-family: 'love-of-thunder';
    src: url('../fonts/A\ Love\ of\ Thunder.ttf');
}

@font-face {
    font-family: 'montserratalternates-regular';
    src: url('../fonts/montserratalternates-regular.ttf');
}
@font-face {
    font-family: 'іnter-кegular';
    src: url('../fonts/Inter-Regular.otf');
}

* {
    box-sizing: border-box;
}

body {
    /* word-break: break-all; */
    background-color: #FFFFFF;
}

:root {
    --color-primary: #00AAB7;
    --color-secondary: #60A7A8;
    --color-dark: #313131;
    --color-light: #FFFFFF;
    --color-light-primary: #A5DCE7;
    --color-success: #EBF2F9;
    --color-add-expand: #54999B;
    --color-out-primary: #009498;
    --color-bg-light-dark: #373737;
    --bg-color-primary: #F8F8F8;
}

.btn {
    border-radius: 6px;
    padding: 9px 9px 9px 9px;
    box-shadow: none !important;
}

.color-add-expand {
    background-color: var(--color-add-expand) !important;
    border-color: var(--color-add-expand) !important;
}

.btn-primary {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

.register_btn {
    background-color: var(--color-secondary) !important;
    border-color: var(--color-secondary) !important;
}

.btn-dark {
    background-color: var(--color-dark) !important;
    border-color: var(--color-dark) !important;
}

.btn-outline-primary {
    border-color: var(--color-out-primary) !important;
    color: var(--color-out-primary);
}

.btn-outline-primary:hover {
    background-color: transparent !important;
    color: var(--color-out-primary);
}

.btn-light-primary {
    background-color: var(--color-light-primary) !important;
    border-color: var(--color-light-primary) !important
}

.btn-secondary {
    background-color: var(--color-secondary) !important;
    border-color: var(--color-secondary) !important;
}

.form-control:focus {
    box-shadow: none !important;
    border-color: initial;
}

.confirm_btn {
    min-width: 133.85px;
}

.we_have_man_title h5 {
    font-size: 14px;
    font-family: 'roboto-bold';
    margin: 21.95px 0px 26.92px 0px;
    text-align: end;
}

/* saloni css start */
.header_btn {
    min-width: 130px;
    height: 42px;
    font-size: 15px;
    font-family: 'montserrat-semibold';
    line-height: 24px;
}

.hero_landing_page,
.confirm_details_main {
    min-height: calc(100vh - 226.03px);
    /* min-height: calc(100vh - 202.03px); */
}

.main_bg_landing {
    background-image: url(../images/png/clock-cloud.png);
    background-position: bottom;
    background-repeat: no-repeat;
    height: 100vh;
    overflow-x: hidden;
    background-size: 100%;
}

.tools_bg_landing {
    background-image: url(../images/png/tools.png);
}

.confirm_referral_landing {
    background-image: url(../images/png/cloud-confirm.png);
}

.signin_landing_main {
    background-image: url(../images/png/signin-cloud.png);
}

.signup_landing_main {
    background-image: url(../images/png/signup-cloud.png);
}

.check_confirm_list_main {
    margin-bottom: 46.43px;
}

.header_color {
    background-color: transparent !important;
    padding: 24px 0px;
}

.main_logo {
    height: 84.54px;
}

.button-header-group .header_btn {
    margin-right: 1.75px;
}



.hero_title_cutting h2 {
    color: var(--color-secondary);
    font-size: 24px;
    font-family: 'montserrat-semibold';
    margin-bottom: 19.39px;
}

.streamline_title p,
.hero_title_cutting p {
    font-size: 13px;
    color: var(--color-dark);
    font-family: 'montserrat-regular';
    margin-bottom: 18px;
}

.streamline_title p span {
    color: var(--color-secondary);
    font-family: 'montserrat-bold';
    font-size: 20px;
}

.hero_main_img .landing_img {
    width: calc(100% + 75px);
    margin-left: -75px;
    max-height: calc(100vh - 203px);
}

.footer_bizkit {
    padding: 25px 0px;
}

.footer_bizkit p {
    font-size: 13px;
    font-family: 'montserrat-regular';
}

.main_splash {
    height: 100vh;
    position: fixed;
    left: 0;
    right: 0;
}

.flex-all-center,
.color_flex .el-cp-colors {
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo_splash {
    height: 171px;
}

.primary-email {
    height: 20px;
    width: 20px;
    margin-right: 2.21px;
}

.header_color .header_start {
    align-items: start;
}

.card_max_center {
    max-width: 565px;
    margin: auto;
}

.custom_card {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
    box-shadow: 0px 5px 12px #00000030;
    border-radius: 10px;
}

.c-ffffff {
    color: var(--color-light) !important;
}

.confirm_title_main p {
    font-family: 'roboto-regular';
    font-size: 12px;
    max-width: 449px;
    margin: auto auto 23.27px auto;
}

.custom_card_control {
    background: #E3E3E3 !important;
    border: #E3E3E3 !important;
    padding-left: 46px;
    height: 52.01px;
    border-radius: 5px;
    font-size: 12px;
    color: rgb(1 66 71 / 39%) !important;
}

.custom_card_control::placeholder {
    color: rgb(1 66 71 / 39%) !important;
}

.person_confirm_main label,
.signup_main label {
    font-family: 'roboto-regular';
    font-size: 13px;
    margin-bottom: 5.85px;
}

.max_inner_cofirm {
    max-width: 480px;
    margin: auto;
}

.confirm_title_main h5 {
    margin-bottom: 24.17px;
    font-family: 'montserrat-semibold';
    font-size: 25px;
    letter-spacing: -0.72px;
}

.custom_card_body {
    padding: 27px 10px 20px 10px;
}

.custom_col_6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
    padding: 0px 7px;
}

.custom_col_12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    padding: 0px 7px;
}

.person_confirm_main,
.signup_main {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -7px 41.57px -7px;
}

.person_confirm_main .feather_star {
    height: 15.34px;
    width: 17.44px;
}

.side_confirm_pd {
    padding: 0px 15px;
}

.person_confirm_main .awesome_building {
    width: 15px;
    height: 18px;
}

.feather_star,
.awesome_building,
.emails_img,
.user_main,
.location_img {
    position: absolute;
    top: 30px;
    bottom: 0;
    margin: auto;
    left: 16px;
}

.check_list_details .form-check-input {
    background: transparent;
    border: 2px solid var(--color-light);
    border-radius: 2px;
    height: 16px;
    width: 16px;
    flex: 0 0 16px;
    margin-right: 9px;
}

.check_list_details .form-check-input:checked[type=checkbox] {
    background-image: url(../images/svg/check-box-fill.svg);
    background-color: #ffff;
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: center;
}

.form-check-input:focus {
    box-shadow: none !important;
}

.corfirm_term {
    font-size: 13px;
    font-family: 'roboto-medium';
    max-width: 424px;
}

.or_main p {
    font-family: 'roboto-bold';
    font-size: 15px;
    margin: 13.93px 0px 14.57px 0px;
}

.continue_btn {
    min-width: 300px;
    min-height: 58px;
    line-height: 37px;
    font-size: 20px;
    font-family: 'montserrat-semibold';
}

.dark_card_custom {
    background-color: var(--color-dark);
    border-color: var(--color-dark);
}

.white_logo {
    height: 61.17px;
}

.main_welcome_signin h4 {
    text-align: center;
    font-family: 'roboto-bold';
    letter-spacing: .05px;
    font-size: 24px;
    margin: 10.73px 0px 20.99px 0px;
}

.main_welcome_signin .signin-control,
.signup_main .signin-control {
    padding-left: 56px;
    border-color: var(--color-light) !important;
    background-color: var(--color-light) !important;
}

.main_welcome_signin {
    max-width: 330px;
    margin: auto;
    padding: 0px 12px 0px 20px;
}

.emails_img {
    width: 27.63px;
    height: 20.43px;
    top: 2px;
}

.mb_sign {
    margin-bottom: 24.99px;
}

.login_btn {
    min-height: 58px;
    font-size: 20px;
    line-height: 37px;
    font-family: 'montserrat-semibold';
    ;
}

.not_sign_main p {
    font-size: 13px;
    letter-spacing: -0.36px;
    font-family: 'montserrat-light';
    margin: 22.95px 0px 13px;
}

.not_sign_main a,
.privacy_main_title a {
    color: #FFFFFF;
    text-decoration: auto;
    font-family: 'montserrat-medium';
    border-bottom: 1px solid #fff;
}

.forgot_not_main {
    font-size: 14px;
}

.privacy_main_title a {
    font-family: 'montserrat-light';
}

.privacy_main_title p {
    font-family: 'montserrat-light';
    font-size: 11px;
    text-align: center;
    margin: 42.2px 0px 0px;
}

.custom_check_radio .form-check-input:checked {
    background-color: transparent;
    border: 1px solid #fff;
    height: 20.44px;
    width: 21.44px;
}

.custom_check_radio .form-check-input {
    height: 20.44px;
    border-color: var(--color-light);
    width: 21.44px;
    background-color: transparent;
    margin: 4px 10px 0px 0px;
}

.check_yes_no label {
    font-size: 19px;
    font-family: 'roboto-bold';
}

.custom_check_radio .form-check-input:checked[type=radio] {
    background-image: url(../images/svg/radio-check.svg);
    background-size: 13.06px 13.06px;
    background-position: center;
}

.button_profile_main .btn_plus_profile {
    padding: 0px;
    position: absolute;
    left: 0px;
    right: 0;
    top: 0px;
    bottom: 0;
}

.plus_outline,
.input_file_profile,
.button_profile_main .btn_plus_profile,
.button_profile_main {
    height: 18.55px;
    width: 18.55px;
}

.proflie_user {
    max-width: 128px;
    margin: auto;
    text-align: center;
    /* margin-bottom: 23px; */
}

.profile_account_main {
    margin-bottom: 23px;
}

.profile_account_main .error_msg {
    text-align: center;
}

.input_file_profile {
    z-index: 999;
    position: relative;
    opacity: 0;
}

.profile_img {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    object-fit: cover;
}

.button_profile_main {
    position: absolute;
    bottom: 25px;
    left: -4px;
    right: 0;
    margin: auto;
    z-index: 999;
    text-align: center;
}

.user_main {
    height: 15.72px;
    width: 15.72px;
    left: 24px;
}

.mb_signin {
    margin-bottom: 37.14px;
}

.signup_main label {
    margin-left: 5px;
}

.custom-select-com+.select2-container--default .select2-selection--single .select2-selection__rendered,
.custom-select-state+.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 52.01px;
    font-size: 12px;
    padding-left: 56px;
    color: rgb(1 66 71 / 39%);
}

.custom-select-com+.select2-container--default .select2-selection--single,
.custom-select-state+.select2-container--default .select2-selection--single {
    border: 1px solid #fff;
    border-radius: 5px;
    height: 52.01px;
}

.custom-select-com+.select2-container--default .select2-selection--single .select2-selection__arrow,
.custom-select-state+.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 52.01px;
    right: 12.21px;
}

.selectcom-open .select2-dropdown,
.customcom-state .select2-dropdown {
    border-color: var(--color-light);
    font-size: 12px;
}

.selectcom-open .select2-results__option,
.customcom-state .select2-results__option {
    color: rgb(1 66 71 / 39%);
    text-transform: capitalize !important;
}

.custom-select-com+.select2-container--default .select2-selection--single .select2-selection__arrow b,
.custom-select-state+.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #686868 transparent transparent transparent;
    border-width: 5px 4px 0 4px
}

.custom-select-com+.select2-container--default .select2-results__options li:first-child,
.custom-select-state+.select2-container--default .select2-results__options li:first-child {
    display: none;
}

.signup_emails_top30 {
    top: 30px;
}

.signup_verified {
    width: 18.94px;
    height: 18.94px;
}

.location_img {
    width: 18.05px;
    height: 19.78px;
}

.signup_enterprice_main .form-check-input {
    border-radius: 0px;
    border-color: #707070;
    flex: 0 0 17px;
    width: 17px;
    height: 17px;
    margin-right: 10px;
}

.signup_enterprice_main .form-check-input:checked[type=checkbox] {
    background-image: url(../images/svg/check-box-fill.svg);
    background-color: #ffff;
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: center;
}

.enter_detais_title {
    margin-bottom: 3.8px;
    font-size: 16px;
    font-family: 'roboto-regular';
}

.enter_only_title {
    font-size: 11px;
    color: #CBCBCB;
    font-family: 'roboto-regular';
    max-width: 414px;
}

.auto_update .company_signup {
    text-align: center;
    padding-left: 0.75rem;
}

.auto_update {
    position: absolute;
    left: 0;
    right: 0;
    top: 26px;
}

.overflow_signup {
    height: 390px;
    overflow: auto;
    margin-right: -34px;
}

.overflow_signup::-webkit-scrollbar {
    width: 20px;
}

.overflow_signup::-webkit-scrollbar-thumb {
    background: #E2E2E2;
    border-radius: 9px;
    border-left: 7px solid #60a7a8;
    border-right: 7px solid #60a7a8;
}

.overflow_signup::-webkit-scrollbar-track {
    border-radius: 4px;
    background: aliceblue;
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    border-left: 9px solid #60a7a8;
    border-right: 9px solid #60a7a8;
}

.card_max_center_signup {
    max-width: 649px;
    margin: auto;
}

.max_inner_cofirm_signup {
    max-width: 530px;
    margin: auto;
}

.signup_cofirm_title_main h5 {
    margin-bottom: 15.17px;
    font-family: 'roboto-bold';
    font-size: 22px;
    letter-spacing: 0px;
}

.custom_check_radio .check_yes_no {
    width: 23%;
}

.new_account_title h6 {
    text-align: center;
    font-size: 30px;
    font-family: 'montserrat-semibold';
    margin: 33px 0px 38px 0px;
}

.card_max_center_signup .custom_card_body {
    padding: 33px 10px 66.3px 10px;
}

.signup_enterprice_main {
    margin-bottom: 33.2px;
}

.mb_terms {
    margin-bottom: 40px;
}

.card_max_center_verifivation {
    max-width: 520px;
    margin: auto;
}

.welcome_bizkit_title {
    font-family: 'roboto-medium';
    font-size: 17px;
    letter-spacing: 0.78px;
    line-height: 27px;
    margin-top: 16.73px;
}

.welcome_bizkit_title h5 {
    margin-bottom: 0px;
    font-size: 17px;
}

.pl_check {
    padding-left: 21px !important;
}

.link_we_title h6 {
    font-size: 11px;
    font-family: 'montserrat-medium';
    margin: 34.45px 0px 28px 0px;
    letter-spacing: -0.32px;
}

.max_link_signup {
    max-width: 300px;
    margin: auto;
}

.click_here_below {
    margin: 26.39px 0px 27px;
}

.click_here_below a {
    font-size: 12px;
    letter-spacing: -0.32px;
}

.card_max_center_veriy_email {
    max-width: 555px;
}

.almost_title h5 {
    font-size: 34px;
    margin: 19.17px 0px 30.89px 0px;
    font-family: 'roboto-bold';
    letter-spacing: 1.53px;
    line-height: 42px;
}

.max_just_click .just_click_title h6 {
    max-width: 263px;
    font-family: 'montserrat-medium';
    font-size: 11px;
    margin: auto;
    letter-spacing: -0.32px;
    line-height: 20px;
    margin-bottom: 30px;
}

.card_max_center_veriy_email .custom_card_body {
    padding: 26.76px 10px 40px 10px;
}

.packages_main {
    padding: 0px 65px;
}

.main_pack_card {
    border-color: transparent;
    background-color: var(--color-secondary);
    border-radius: 5px;
}

.main_pack_card {
    border-color: transparent;
    border-radius: 5px;
    color: var(--bs-light);
}

.main_top_sec {
    background-color: var(--color-secondary);
    padding: 10.65px 35.36px 10.65px;
}

.main_bottom_card ul li {
    display: flex;
    font-size: 12px;
    margin-bottom: 10px;
    font-family: 'roboto-regular';
}

.main_bottom_card {
    background-color: #686868;
    min-height: 210px;
    padding: 18.6px 16.6px 14.15px 16.6px;
}

.custom_col_pack {
    padding: 0px 7px;
    margin-bottom: 10.6px;
}

.svg_pack_right svg {
    margin-right: 11px;
    width: 14.28px;
    height: 11.98px;
}

.packages_radio_main .check_change_color {
    position: absolute;
    right: 15px;
    top: 7px;
    bottom: 0;
    height: 24.8px;
    width: 24.8px;
    background: transparent;
    border-color: #FFFFFF;
}

.packages_radio_main .check_change_color:checked+.main_top_sec {
    background-color: #686868;
}

.packages_radio_main .check_change_color:checked+.main_top_sec+.main_bottom_card {
    background-color: var(--color-secondary);
}

.packages_radio_main .check_change_color:checked+.main_top_sec+.main_bottom_card .svg_pack_right svg path {
    fill: #464646;
}

.packages_radio_main .check_change_color:checked[type=radio] {
    background-image: url(../images/svg/check-blue-sky.svg);
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: center;
}

.usd_one_time h1 {
    font-size: 16px;
    font-family: 'montserrat-bold';
    line-height: 24px;
    letter-spacing: -0.36px;
}

.usd_one_time p {
    font-size: 9px;
    font-family: 'roboto-regular';
    margin: 0px 0px 0px 4px;
}

.usd_bottom_team {
    align-items: center;
    justify-content: end;
    /* margin-top: 16px; */
}

.usd_one_time {
    margin-right: 15px;
}

.inner_check_month_title p {
    font-size: 10px;
    font-family: 'montserrat-semibold';
}

.monthly_radio_main .form-check-inline {
    margin-right: 0.5rem;
}

.monthly_radio_main .form-check-input {
    background: transparent;
    border-color: var(--color-light);
    height: 14.13px;
    width: 14.13px;
    margin-top: 6px;
}

.main_bottom_card ul {
    min-height: 136px;
}

.bit_header {
    flex-wrap: initial !important;
}

.main_padding_sec {
    padding: 50px 0px;
}

.tools_outside_pro {
    height: 527px;
    max-width: 547px;
    width: 100%;
    object-fit: cover;
}

.tools_main_user {
    margin-top: -62px;
    padding-left: 54px;
}

.main_white_color {
    width: 90.45px;
    height: 90.45px;
    border-radius: 50%;
    background-color: var(--color-light);
    padding: 4.5px;
}

.inner_tools_color {
    background-color: #67B2B4;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.img_user_tools_family img {
    height: 55.85px;
    width: 43.85px;
}

.mans_talk_bg {
    height: 461px;
    width: 297.03px;
    position: absolute;
    right: -88px;
    bottom: -70px;
}

.listing_user_tools_main .main_white_color {
    position: absolute;
}

.listing_user_tools_main .main_white_color:first-child {
    top: 84px;
    left: 299px;
    width: 121.1px;
    height: 121.1px;
}

.listing_user_tools_main .main_white_color:first-child .img_user_tools_family img {
    height: 67.85px;
    width: 56.85px;
}

.listing_user_tools_main .main_white_color:nth-child(2) {
    top: 226px;
    left: 368px;
    width: 110.85px;
    height: 110.85px;
}

.listing_user_tools_main .main_white_color:nth-child(2) .inner_tools_color {
    background-color: #72C4C6;
}

.listing_user_tools_main .main_white_color:nth-child(3) {
    left: 335px;
    bottom: 46px;
    width: 97px;
    height: 97px;
}

.listing_user_tools_main .main_white_color:nth-child(3) .inner_tools_color {
    background-color: #A2D3D4;
}

.listing_user_tools_main .main_white_color:nth-child(4) {
    bottom: 32px;
    left: 81px;
    height: 91.9px;
    width: 91.9px;
}

.listing_user_tools_main .main_white_color:nth-child(4) .img_user_tools_family img {
    height: 67.85px;
    width: 54.85px;
}

.listing_user_tools_main .main_white_color:nth-child(4) .inner_tools_color {
    background-color: #757B84;
}

.listing_user_tools_main .main_white_color:nth-child(5) {
    bottom: 142px;
    left: 21px;
    height: 91.9px;
    width: 91.9px;
}

.listing_user_tools_main .main_white_color:nth-child(5) .inner_tools_color {
    background-color: #686868;
}

.listing_user_tools_main .main_white_color:nth-child(2) .inner_tools_color:hover span {
    background: #72c4c6;
}

.listing_user_tools_main .main_white_color:nth-child(3) .inner_tools_color:hover span {
    background: #a2d3d4;
    left: 79px;
}

.listing_user_tools_main .main_white_color:nth-child(4) .inner_tools_color:hover span {
    background: #757b84;
    left: -204px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.listing_user_tools_main .main_white_color:nth-child(5) .inner_tools_color:hover span {
    background: #686868;
    left: -116px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.listing_user_tools_main .main_white_color:nth-child(5) .img_user_tools_family img {
    height: 40.85px;
    width: 40.85px;
}

.inner_tools_color:hover span {
    display: block;
}

.inner_tools_color span {
    width: max-content;
    position: absolute;
    left: 101px;
    top: 50%;
    transform: translateY(-50%);
    display: none;
    background-color: #67b2b4;
    color: var(--color-light);
    font-size: 18px;
    font-family: 'montserrat-semibold';
    padding: 5px 38px;
    text-align: center;
    transition: all .5s ease;
    z-index: 1;
    box-shadow: 0px 3px 6px -8px #00000029;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
}

.tools_main_title h3 {
    color: #313131;
    font-family: 'montserrat-regular';
    font-size: 25px;
    letter-spacing: -0.64px;
    line-height: 43px;
    border-top: 1px solid #D8D8D8;
    max-width: max-content;
    margin-top: 13px;
}

.primary-faq {
    height: 20.37px;
    width: 29.57px;
}

.button_tools .header_btn {
    margin-right: 4.75px;
}

.button_tools .header_btn {
    min-width: 117px;

}

/* profile page css start */
.profile_title {
    background: #F1F1F1;
    margin-top: 15px;
}

.padding_profile {
    padding: 18.79px 20px 18px 20px;
}

.profile_title h5 {
    margin-bottom: 0px;
    color: #464646;
    /* flex: 0 0 15%; */
    font-family: 'montserrat-bold';
}

img.profile_user_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.user_profile {
    background: #E9E9E9;
    width: 153px;
    border-radius: 50%;
    padding: 6.26px;
    height: 153px;
    overflow: hidden;
    /* margin-right:; */
    margin: 0 10.5px 0 0;
}

.edit_profile_hover {
    background: rgb(157 157 157 / 41%);
    position: absolute;
    left: 0;
    right: 0;
    top: -6px;
    text-align: center;
    display: none;
    font-family: 'montserrat-bold';
    height: 46.42px;
}

.edit_profile_hover h5 {
    margin-bottom: 0px;
    font-size: 14px;
    color: #FFFFFF;
    margin-top: 18px;
}

.user_profile:hover .edit_profile_hover {
    display: block;
}

.edit_user_file {
    opacity: 0;
    z-index: 9999;
    position: absolute;
    left: 0;
    right: 0;
    top: 14px;
}

.custom_profile_control {
    background: #F2F2F2 !important;
    border-color: #F2F2F2 !important;
    border-radius: 8px;
    font-family: 'montserrat-regular';
    height: 38.24px;
    font-size: 12px;
    color: #707070 !important;
}

.main_profile_title label {
    font-size: 14px;
    color: #464646;
    margin-bottom: 8.78px;
    font-family: 'montserrat-medium';
}

.profile_details_title {
    width: 86%;
    flex-wrap: wrap;
    margin-left: -15.45px;
    margin-right: -15.45px;
}

.main_profile_title {
    width: 23.33%;
    padding: 0px 15.45px;
    margin-bottom: 11.75px;
}

.btn_profile_edit {
    background: #BFBFBF;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    position: absolute;
    right: 0;
    top: 32px;
    border: 0px;
    height: 38.24px;
}

.pr_profile {
    padding-right: 37px;
}

.content_biz_box {
    background: #C5E9EB 0% 0% no-repeat padding-box;
    box-shadow: inset 7px 6px 21px #0000004f;
    padding: 26.05px 21.09px 7.94px 16.89px;
    border-radius: 19px;
}

.custom_profile_col {
    width: 22.33%;
    position: relative;
    padding: 0px 11.1px;
    min-height: 104.22px;
}

.four_main_box_profile {
    display: flex;
    flex-wrap: wrap;
    margin: 35px -11.1px 0px -11.1px;
    align-items: center;
}

.customization_main .nav-pills .nav-link:first-child {
    margin-left: 0px;
}

.main-nav-left {
    position: fixed;
    height: 100%;
    overflow: auto;
    /* padding-right: 249px; */
    z-index: 99999;
    left: 0;
    top: 0;
    bottom: 0;
}

.main-nav-left::-webkit-scrollbar {
    width: 0px;
}

.logout-img {
    /* height: 30px; */
    filter: invert(1);
}

.contact-zindex {
    z-index: -1 !important;
}

.invite_hover span {
    left: 0px;
}

.pipline-wrapper .contact-detail ul li button {
    text-decoration: none;
    font-size: 12px;
    font-family: 'montserrat-bold';
    color: #404040;
    outline: none;
}

.pipline-wrapper .contact-detail ul li .detai-status-color {
    width: 34px;
    height: 6px;
    border-radius: 10px;
    /* background: #00FF94; */
    position: absolute;
    bottom: 7px;
}

.select-party-company+.select2-container--default .select2-selection--single .select2-selection__rendered {
    width: 170px !important;
}

/* plus contact css */
.select2cust+.select2-container {
    width: 212px !important;
}


/* color picker css new start */
.color-custom-main .d-none-colorinput {
    height: max-content;
    padding: 0px;
    background: transparent;
    text-align: center;
    border: none;
    width: 125px !important;
    position: absolute;
    bottom: 3px;
    color: #fff;
    font-size: 10px;
}

.main-custom-color-card {
    border: 0px;
}

.main-custom-color-card .color-custom-main .colorpicker-bizkit {
    padding: 0px;
    background: transparent;
    border: 0px;
    height: 144px;
    width: 272px;
}

.main-custom-color-card .custom-card-header {
    padding: 0px !important;
    width: 125px !important;
    height: 145px !important;
    border-radius: 0px;

}

.main-custom-color-card .colorpicker-bizkit {
    margin-left: 125px;
}

.main-custom-color-card .colorpicker-swatch {
    height: 25px;
    width: 72px;
    box-shadow: none;
    border: 1px solid #707070;
    border-radius: 8px;
}

.main-custom-color-card .colorpicker-saturation,
.main-custom-color-card .colorpicker-bizkit .colorpicker-hue,
.main-custom-color-card .colorpicker-bizkit .colorpicker-alpha {
    width: 75%;
    height: 145px;
    box-shadow: none;
}

.main-custom-color-card .colorpicker-swatch--inner {
    border-radius: 6px;
}

.main-custom-color-card .colorpicker-bizkit .colorpicker-hue,
.main-custom-color-card .colorpicker-bizkit .colorpicker-alpha {
    width: 7px;
    height: 146px;
    border-radius: 30px;
}

.main-custom-color-card .colorpicker-swatch {
    margin-top: 0px;
}

.main-custom-color-card .colorpicker-hue .colorpicker-guide,
.main-custom-color-card .colorpicker-alpha .colorpicker-guide {
    background: #60A7A8;
    border: 1px solid #FFFFFF;
    margin-left: -2px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
}

.main-custom-color-card .colorpicker-bizkit .colorpicker-alpha,
.main-custom-color-card .colorpicker-bizkit .colorpicker-preview {
    background-size: 20px 20px;
    background-position: 0 0, 10px 10px;
}

.main-custom-color-card .colorpicker-bizkit .colorpicker-preview,
.main-custom-color-card .colorpicker-bizkit .colorpicker-preview div {
    height: 30px;
    font-size: 16px;
    line-height: 160%;
}

.main-custom-color-card .colorpicker-saturation .colorpicker-guide {
    height: 11px;
    width: 11px;
    border-radius: 10px;
    margin: -5px 0 0 -5px;
    border: 2px solid #FFFFFF;
    box-shadow: none;
}

.main-custom-color-card .colorpicker-swatches--inner {
    clear: both;
    margin-top: -6px;
    margin-left: -125px;
}

.colorpicker-swatch {
    position: relative;
}

.colorpicker-swatch:after {
    content: "" attr(data-value) "";
    position: absolute;
    left: 0;
    bottom: -17px;
    right: 0;
    width: 100%;
    font-family: 'montserratalternates-regular';
    font-style: initial;
}

.dataTables_info {
    display: none;
}

.contact-form .form-group input.form-control,
.Training-modal .form-group input.form-control,
.Training-modal .form-group textarea.form-control,
.contact-form .form-group textarea.form-control,
.training-contact-attribute .form-group input.form-control,
#add_attribute .form-group input.form-control,
#invite_action .form-group input.form-control {
    border-radius: 10px;
    width: 212px;
    height: 24px;
    outline: none !important;
    border: 1px solid rgb(174 174 174 / 54%);
    font-size: 11PX;
    font-family: 'montserrat-regular';
}

.mb-20 {
    margin-bottom: 20px;
}

.affiliate-btn {
    background: #464646 0% 0% no-repeat !important;
    box-shadow: inset 7px 5px 10px #00000029, 0px 0px 8px #00000085 !important;
    height: 42.4px;
    /* padding: 0 9px; */
    min-width: 110px;
}

.dataTables_wrapper table tbody tr td:nth-child(4),
.dataTables_wrapper table tbody tr td:nth-child(5),
.dataTables_wrapper table tbody tr td:nth-child(6) {
    padding-left: 27px;
}

.bg-loader {
    background-color: #ffffffb8;
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
    height: 100%;
}

.main-part {
    height: 100vh;
    overflow: hidden;
    width: 100%;
    position: relative;
}

.logo-animation {
    /* height: 200px;
    width: 200px; */
    left: 50%;
    top: 50%;
    /* top: 50%;
    left: 50%; */
    position: absolute;
    animation: logo-animation 8s;

    display: flex;
    align-items: center;
    justify-content: center;
}

@keyframes logo-animation {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 0.9;
    }

    70% {
        opacity: 0.9;
    }

    100% {
        opacity: 0;
    }
}

.logo-animation .assets1 {
    left: -100px;
    height: 100px;
    bottom: -50px;
    animation: logo-assets1 8s infinite;
}

@keyframes logo-assets1 {
    0% {
        opacity: 0;
        bottom: 450px;
    }

    20% {
        opacity: 1;
        bottom: -50px;
    }

    70% {
        opacity: 1;
        bottom: -50px;

    }

    100% {
        opacity: 0;
        bottom: 450px;
    }
}

.logo-animation .assets2 {
    height: 50px;
    left: 2.539px;
    top: -60px;
    animation: logo-assets2 8s infinite;
}

@keyframes logo-assets2 {
    0% {
        opacity: 0;
        left: 450px;
    }

    20% {
        opacity: 1;
        left: 2.539px;
    }

    70% {
        opacity: 1;
        left: 2.539px;
    }

    100% {
        opacity: 0;
        left: 450px;
    }
}


.logo-animation .assets3 {
    height: 100px;
    left: 2px;
    animation: logo-assets3 8s infinite;
    bottom: -81px;
}

@keyframes logo-assets3 {
    0% {
        opacity: 0;
        top: 450px;
    }

    20% {
        opacity: 1;
        top: -10px;
    }

    70% {
        opacity: 1;
        top: -10px;
    }

    100% {
        opacity: 0;
        top: 450px;
    }
}

.logo-animation img {
    position: absolute;
}

.commissiontbl tr td {
    text-align: center;
}

.subscription-cancel-btn {
    margin-left: 20px !important;
}

.sele-cus {
    width: 160px;
}

.coutry-sel-cus+.select2-container--default .select2-selection--single {
    width: 160px;
}

.sele-province {
    width: 160px;
}

.province-sel-cus+.select2-container--default .select2-selection--single {
    width: 160px;
}

.affiliate_info_main {
    font-family: 'montserrat-bold';
    text-decoration: underline;
}

.export-import button {
    background: none;
    border: none;
}

.export-import button img.clr-flt-img {
    width: 33px;
    height: 31px;
}

.export-import:hover span {
    opacity: 1;
}

.filter-btn {
    display: flex;
    justify-content: end;
}

.clr-fltr {
    margin-right: 10px;
}

.d-flex {
    display: flex;
}

.show-all-btn {
    margin-left: 20px;
}

.users_commission_hier {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 20.5px;
}

.back_btn {
    min-width: 100px;
}

.comman-training-modal .Training-modal-size {
    min-width: 950px !important;
}

.comman-training-modal .modal-dialog {
    max-width: 950px !important;
}

.bizkit-view-icon {
    width: 20px;
    height: 20px;
}

.filter-action-text .form-control {
    width: 180px;
    border-radius: 10px;
    height: 28px;
    font-size: 10px;
}

/* maulik ccs */
.mt-70 {
    margin-top: 70px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mt-10 {
    margin-top: 10px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mr-10 {
    margin-right: 10px;
}

.shadow {
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%) !important;
}

.inner-shadow {
    box-shadow: inset 7px 5px 10px rgb(0 0 0 / 16%), 0px 0px 8px rgb(0 0 0 / 16%);
}

p {
    margin: 0;
}

.result_hover {
    z-index: 99999 !important;
    /* position: relative; */
    padding-right: 249px;
}

.nav-left {
    /* position: fixed; */
    left: 0;
    top: 0;
    width: 92px;
    height: 100vh;
    background-color: var(--color-secondary);
    padding: 20px 0 15px 0;
    z-index: 99999;
}

.res-logo {
    display: none;
}

.nav-top {
    background-color: var(--color-secondary);
}

.main-logo img {
    width: 120px;
    height: auto;
    margin-left: 26px;
    padding-top: 5px;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav-left ul li {
    height: 99px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 5px 12px 5px 8px;
}

.nav-left ul .border-decorate:hover {
    background: inherit;
}
.nav-left ul .border-decorate-top {
    height: 1px;
    border-bottom: 1px solid #7DBBBC;
    width: 72px;
    margin: 5px auto 30px;
}

.nav-left ul .border-decorate-bottom {
    height: 1px;
    border-bottom: 1px solid #7DBBBC;
    width: 72px;
    margin: 20px auto 16px;
}

.nav-left ul li a {
    text-decoration: none;
}

.nav-top .nav-logo img {
    width: 72px;
    margin-top: -20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #7DBBBC;
    margin-bottom: 15px;
}

.nav-left .menu-icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
}

.nav-left .menu-icon p {
    padding-top: 8px;
    text-align: center;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #ffffff;
}

.nav-left .menu-icon .border-decorate {
    padding-bottom: 15px;
    border-bottom: 1px solid #7DBBBC;
    width: 72px;
    margin-bottom: 15px;
}

.nav-left .menu-icon .border-decorate-last-item {
    padding-bottom: 35px;
    border-bottom: 1px solid #7DBBBC;
    width: 72px;
}

.nav-left ul li a img {
    width: 42px;
}

.nav-left ul li a span {
    position: absolute;
    left: 70px;
    top: 50%;
    transform: translateY(-50%);
    display: none;
    width: 270px;
    background-color: var(--color-secondary);
    max-height: 53px;
    color: var(--color-light);
    font-size: 15px;
    font-family: 'montserrat-semibold';
    padding: 15px 25px 15px 40px;
    /* text-align: center; */
    transition: all .5s ease;
    z-index: -1;
    word-break: break-word;
}

.nav-left ul li:hover {
    background: rgba(135, 184, 185, 0.5);
}

.nav-left ul li:first-child:hover {
    background: inherit;
}

.nav-left ul li.active {
    background: rgba(135, 184, 185, 0.5);
    border-left: 3px solid #FFFFFF;
}

.right-content {
    margin-left: 92px;
    overflow-x: hidden;
}

.notification-sec {
    background-color: var(--bg-color-primary);
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    display: flex;
    margin-bottom: 15px;
    padding: 0px 25px;
}

.notification-left {
    padding: 14px 0 0 24px;
}

.notification-left ul li {
    display: flex;
    margin-bottom: 10px;
}

.notification-left ul li img {
    max-width: 12px;
    max-height: 19px;
    margin-right: 13px;
}

.notification-left ul li p {
    margin: 0;
    font-size: 13px;
    font-family: 'montserrat-bold';
}

.notification-right img {
    max-width: 168px;
    height: 149px;
    padding: 5px 0;
    justify-content: end;
}

.notification-right {
    justify-content: end;
    display: flex;
    min-height: 136px;
    align-items: center;
}

.form-select:focus {
    border-color: #707070;
    box-shadow: none;
}

.drop-section label {
    font-size: 10px;
    font-family: 'montserrat-bold';
    padding: 0px 0 2px 0;
}

/* .pipline-wrapper {
    padding: 26px 0 0 37px;
    display: flex;
    margin-top: 30px;
    overflow-x: scroll;
} */
.pipline-wrapper {
    padding: 26px 0 0 37px;
    display: flex;
    margin-top: 30px;
    margin-bottom: 20px;
    position: relative;
    top: 205px;
    left: 10px;
    height: calc(100vh - 180px);
}

.pipline-wrapper .master-list {
    background: #464646;
    border-radius: 8px;
    padding: 0 17px;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    height: 565px;
}

.master-list-title {
    display: flex;
    color: var(--color-light);
    justify-content: center;
    padding: 17px 0 0 0;
    margin-bottom: 13px;
    position: relative;
    align-items: center;
}

.master-list-title a img {
    width: 26px;
    height: 26px;
    margin-right: 3px;
}

.master-list-title h4 {
    color: var(--color-light);
    font-size: 18px;
    font-family: 'montserrat-semibold';
    margin: 0;
}

.pipline-wrapper .contact-wrapper {
    width: 175px;
    background: var(--color-light);
    border-radius: 8px;
}

.pipline-wrapper .contact-wrapper .contact-title {
    display: flex;
    background-color: #DBDEE1;
    border-radius: 8px 8px 0 0;
    font-size: 12px;
    font-family: 'montserrat-bold';
    position: relative;
    white-space: pre-line;
    height: 40px;
    line-height: 14px;
    position: r;
    align-items: center;
    text-align: center;
    justify-content: space-around;
}

.pipline-wrapper .contact-wrapper .contact-title img.right-img {
    width: 17px;
    height: 17px;
    /* position: absolute;
    right: 9px;
    top: 50%;
    transform: translateY(-50%); */
}

.pipline-wrapper .export-ic {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
}

.export-ic span {
    color: #000;
    font-size: 8px;
    background: #fff;
    border-radius: 20px;
    width: max-content;
    padding: 2px 7px;
    margin: 3px auto 0;
    opacity: 0;
    transition: all .5s ease;
}

.export-ic:hover span {
    opacity: 1;
}

.pipline-wrapper .export-ic a {
    margin: 0px auto;
}

.pipline-wrapper .export-ic:hover a img, .pipline-wrapper .export-ic:hover .allButtons img {
    transform: translateY(-5px);
}

.pipline-wrapper .export-ic img {
    width: 25px;
    height: 21px;
    transition: all .5s ease;
}

.pipline-wrapper .contact-detail {
    height: 382px;
    overflow-y: scroll;
    overflow-x: hidden;

}

.pipline-wrapper .contact-detail ul {
    padding: 10px;
}

.pipline-wrapper .contact-detail ul li {
    border-bottom: 1px solid #DBDBDB;
    min-height: 53px;
    padding: 0 0 0 10px;
    display: flex;
    align-items: center;
    position: relative;
}

.pipline-wrapper .contact-detail ul li p {
    text-align: left;
}

.contact-detail .action-img {
    position: absolute;
    top: 7px;
    right: 0px;
}

.contact-detail img.activity-action {
    width: 10px;
    height: 16px;
    transition: all .5s ease;
    opacity: 0;
}

.contact-detail img.delete-action {
    width: 8px;
    height: 13px;
    transition: all .5s ease;
    opacity: 0;
}

.contact-detail .delete-img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
}

.contact-detail .steps-delete-img {
    position: absolute;
    bottom: 3px;
    right: 0px;
}

.pipline-wrapper .contact-detail ul li:hover img,
.pipline-wrapper .contact-detail ul li:hover img {
    opacity: 1;
}

.pipline-wrapper .contact-detail ul li:last-child {
    border-bottom: none;
}

.pipline-wrapper .contact-detail ul li a {
    text-decoration: none;
    font-size: 12px;
    font-family: 'montserrat-bold';
    color: #404040;
    outline: none;
}

.pipline-wrapper .contact-detail ul li a .detai-status-color {
    width: 34px;
    height: 6px;
    border-radius: 10px;
    /* background: #00FF94; */
    position: absolute;
    /* bottom: 7px; */
}


/* .status-hot-bg {
    background: #00FF94;
} */

.status-warm-bg {
    background: #FFFF00;
}

.status-cold-bg {
    background: #FA9E00;
}

.status-closed-bg {
    background: #00F4FD;
}

.status-archived-bg {
    background: #C6C6C6;
}

/* .pipline-wrapper .contact-detail ul li:nth-child(2) a span.detai-status-color, .pipline-wrapper .contact-detail ul li:nth-child(7) a span.detai-status-color {
    background: #FFFF00;
}

.pipline-wrapper .contact-detail ul li:nth-child(3) a span.detai-status-color, .pipline-wrapper .contact-detail ul li:nth-child(8) a span.detai-status-color {
    background: #FA9E00;
}

.pipline-wrapper .contact-detail ul li:nth-child(4) a span.detai-status-color {
    background: #00F4FD;
}

.pipline-wrapper .contact-detail ul li:nth-child(5) a span.detai-status-color {
    background: #C6C6C6;
} */

/* .pipline-wrapper::-webkit-scrollbar {
    display: none;
} */

.pipline-subwrapper::-webkit-scrollbar {
    height: 8px;
    margin-top: 20px;
}

.pipline-subwrapper::-webkit-scrollbar-thumb {
    background: #54999B;
    border-radius: 20px;
    width: 100px;
}

.pipline-subwrapper::-webkit-scrollbar-track {
    background: #46464624;
}

.pipline-subwrapper .contact-detail::-webkit-scrollbar {
    display: block;
}

.pipline-wrapper .pipline-making {
    /* max-width: 860px; */
    /* height: 565px; */
    background: #54999B;
    border-radius: 8px;
    margin: 0 15px;
    padding: 0 15px;
}

.pipline-group {
    display: flex;
    justify-content: center;
}

.pipline-wrapper .pipline-group .contact-wrapper .contact-title {
    background: #C5E9EB;
}

.pipline-wrapper .contact-wrapper .contact-title img.master-ic {
    width: 26px;
    height: 26px;
    margin: 0 3px 0 9px;
}

.pipline-wrapper .master-list .contact-wrapper .contact-title {
    padding-left: 18px;
}

.pipline-wrapper .Decision-Made {
    height: 565px;
    background: #464646;
    border-radius: 8px;
    padding: 0 15px;
}

.drop-section {
    background: #F1F1F1;
    /* margin-top: 15px; */
    padding: 5px 0 8px 26.05px;
}

.dropdown-list {
    display: flex;
    margin-left: 90px;
}

.input-customiz .modal-content {
    max-width: 375px;
    border: none;
    border-radius: 9px;
    margin: auto;
}

.modal-shadow {
    box-shadow: 2px 11px 22px rgb(0 0 0 / 16%);
}

.br-none {
    border: none;
}

.modal-header {
    background-color: #404040;
    color: #fff;
    border-radius: 8px 8px 0 0;
    height: 60px;
}

.modal-header img {
    width: 23px;
    height: 23px;
}

.modal-header button.allButtons {
    position: relative;
}

.modal-header h5 {
    font-size: 14px;
    font-family: 'montserrat-bold';
    margin-left: 10px;
    text-align: center;
    white-space: pre-line;
    line-height: 18px;
}


.training-contact-attribute .form-group {
    display: flex;
    margin-bottom: 20px;
}

.contact-form .form-group textarea.form-control {
    height: 45px;
}

.Training-modal .form-group input.form-control {
    height: 31px;
}

.contact-form .form-group .form-ic {
    float: right;
    margin-right: 10px;
}

.contact-form .form-group {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.contact-form label {
    font-size: 10px;
    font-family: 'montserrat-medium';
    color: #404040;
   /* min-width: 67px; */
    white-space: pre-line;
}

.contact-form-label label {
    max-width: 111px;
    word-break: break-word;
}

.max-check-width .modal-check label {
    min-width: 100% !important;
}

.contact-form .modal-body {
    padding: 14px 35px 15px 35px !important;
}

input.input-area {
    height: 53px !important;
}

.export-import {
    width: 42px;
    height: 42px;
    background: #464646;
    box-shadow: inset 7px 5px 10px #00000029, 0px 0px 8px #00000085;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.export-import img {
    width: 26px;
    height: 24px;
}

.select2-dropdown.select2-dropdown--below {
    z-index: 9999;
}

.fb-filter-form .export-import,
.review-filter-form .export-import,
.business-filter-form .export-import {
    margin: 15px 0px 0 auto;
}

.right-now-filter-form .export-import {
    margin: 15px 15px 0 auto;
}

.modal-content .modal-body {
    padding: 14px 10px 15px 35px;
    border: none;
    font-size: 10px;
    font-family: 'montserrat-semibold';
    color: #272727;
}

.review-filter label,
.modal-body .fb-filter-form label {
    font-size: 11px;
    font-family: 'montserrat-semibold';
    vertical-align: top;
    color: #272727;
}

.input-customiz .modal-body .form-check img {
    /* width: 12px; */
    width: 10px;
    /* height: 20px; */
    vertical-align: text-bottom;
    /* margin-left: 7px; */
}

/* .modal-body .fb-filter-form .form-check {
    margin-bottom: 10px;
} */

.input-customiz .form-check-input:checked[type=checkbox] {
    background-color: #434343;
    border-color: #464646;
}

.input-customiz .form-check-input {
    width: 10px;
    height: 10px;
    border-color: #000;
    border-radius: 0;
}

.fb_filter_modal .modal-content .modal-body {
    padding: 40px 10px 10px 40px;
    position: relative;
}

.fb_filter_modal .modal-content .modal-header {
    position: relative;
}

.fb_filter_modal .modal-content .modal-header a {
    position: absolute;
    right: 20px;
}

.input-customiz .modal-content .modal-header h5 {
    margin: 0 auto;
}

.drop-align {
    width: 12%;
    display: flex;
    flex-direction: column;
    margin-right: 20px;
}

.status-color {
    width: 12px;
    height: 12px;
    border-radius: 50px;
    /* background: #00FF94; */
    margin: auto 5px auto 0px;
}

.status-color2 {
    width: 12px;
    height: 12px;
    border-radius: 50px;
    background: #C7F883;
    margin: auto 5px auto 0px;
}

/* .select2-container--default .select2-search--dropdown .select2-search__field {
    display: none;
} */

span.tooltip {
    color: #000;
    font-size: 8px;
    background: #F5F5F5;
    border-radius: 20px;
    width: max-content;
    padding: 2px 7px;
    font-family: 'montserrat-semibold';
    opacity: 0;
    transition: all .5s ease;
    position: absolute;
    right: 0;
    bottom: -14px;
}

span.tooltip2 {
    color: #000;
    font-size: 8px;
    background: #F5F5F5;
    border-radius: 20px;
    width: max-content;
    padding: 2px 7px;
    margin: 3px auto 0;
    opacity: 0;
    transition: all .5s ease;
    position: absolute;
    bottom: -16px;
    left: -10px;
}

.export-import {
    position: relative;
    float: right;
}

.contact-title a:hover span,
.contact-title button:hover span,
.export-import:hover a span,
.card-box-icon ul li a:hover span,
.master-list-title a:hover span,
.master-list-title button:hover span,
.card-box-general-icon ul li a:hover span,
.notification-right a:hover span,
.nav-top li:hover span,
.filter-tog a.fil-img-plus:hover span.tooltip,
.filter-tog a.fil-img-minus:hover span.tooltip,
span.detai-status-color:hover span.tooltip,
.detai-status-color:hover span.tooltip,
.detail-status:hover span.tooltip,
.edit-btn-sec:hover span.tooltip,
.delete-btn-sec:hover span.tooltip,
.modal-header button.allButtons:hover span.tooltip2 {
    opacity: 1;
}

.modal-header button.allButtons span.tooltip2,
.edit-btn-sec span.tooltip,
.delete-btn-sec span.tooltip,
.upload-btn span.tooltip2 {
    left: 50%;
    transform: translateX(-50%);
}

.detail-status {
    position: absolute;
    bottom: 0;
    left: 17px;
}

.detail-status span.tooltip {
    left: 0;
    /* bottom: -26px; */
}

.filter-tog {
    position: relative;
}

.filter-tog a.fil-img-plus span.tooltip,
.filter-tog a.fil-img-minus span.tooltip {
    left: 27px;
    top: 0;
    bottom: unset;
}


.card-box-general-icon ul li a span.tooltip {
    right: 9px !important;
    bottom: -22px !important;
}

.card-box-general-icon ul li a.tool-hov span.tooltip {
    right: -13px !important;
    bottom: -22px !important;
}

.notification-right a {
    position: relative;
}

/* .nav-top li span.tooltip {
    left: 50%;
    bottom: -10px;
    transform: translateX(-50%);
    font-family: 'montserrat-bold';
} */

.notification-right a span.tooltip {
    left: 50%;
    font-size: 12px;
    transform: translateX(-50%);
    background: #fff;
    bottom: -55px;
    padding: 8px 15px;
    font-family: 'montserrat-bold';
}

.label-muted {
    color: rgb(64 64 64 / 49%);
    text-decoration: underline;
    font-size: 10px;
    vertical-align: text-top;
}

.input-customiz .modal-body input.date-input {
    border-radius: 10px;
    border: 1px solid rgb(174 174 174 / 54%);
    width: 180px;
    height: 25px;
    font-size: 10px;
    margin: 3px 0 10px;
    position: relative;
}

.input-customiz .modal-body .right-now-filter-form input.date-input {
    width: 200px;
}

.date-picker img {
    position: absolute;
    top: 6px;
    width: 12px;
    height: 12px;
    right: -7px;
}

.party-filter-form ul li {
    display: flex;
    font-size: 10px;
    font-family: 'montserrat-semibold';
    margin: 10px 0 0 0;
}

.input-customiz input.custom-switch {
    width: 22px;
    border-radius: 10px;
}

/* .party-filter-form ul li img {
    margin-right: 16px;
} */

.party-filter-form ul li p {
    margin-bottom: 5px;
}

.select-party-company+.select2-container--default .select2-selection--single .select2-selection__rendered {
    width: 170px;
    font-size: 10px;
    font-family: 'Montserrat-semibold';
}

.select-party-company+.select2-container--default .select2-selection--single {
    border-radius: 10px;
}

.select-company-open .select2-container--default .select2-results__option--selected,
.select-teammate-open .select2-container--default .select2-results__option--selected,
.select-status-open .select2-container--default .select2-results__option--selected,
.select-contact-open .select2-container--default .select2-results__option--selected,
.add-attribute-open .select2-container--default .select2-results__option--selected,
.add-action-open .select2-container--default .select2-results__option--selected {
    background-color: #C5E9EB;
}

/* .select-company-open .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select-teammate-open .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
} */

.select-company-open .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.select-teammate-open .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.select-status-open .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.select-contact-open .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.add-attribute-open .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.add-action-open .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #60a7a8;
    color: white;
}

.select-contact-open .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.contacts-drop .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.status-drop .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.select-teammate+.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    color: #000;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: -3px;
}

.select-contact-open .select2-container--default .select2-selection--multiple .select2-selection__choice,
.select-status-open .select2-container--default .select2-selection--multiple .select2-selection__choice,
.contacts-drop .select2-container--default .select2-selection--multiple .select2-selection__choice,
.status-drop .select2-container--default .select2-selection--multiple .select2-selection__choice,
.select-teammate+.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #60A7A8;
    border: 1px solid #707070;
    border-radius: 8px;
    color: #FFFFFF;
    width: 80px;
    padding: 4px;
    position: relative;
    height: 25px;
    overflow: hidden;
    font-size: 11px;
    text-align: center;
    font-family: 'Montserrat-Medium';
    margin-top: 3.5px;
}

.select-contact-open .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select-contact-open .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus,
.select-status-open .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select-status-open .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus,
.select-teammate-open .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select-teammate-open .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: transparent;
}

.select-contact-open .select2-container--default .select2-selection--multiple,
.select-status-open .select2-container--default .select2-selection--multiple,
.select-teammate-open .select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #707070;
    border-radius: 8px;
    height: 37px;
}

.select-contact-open .select2-container--default.select2-container--focus .select2-selection--multiple,
.select-status-open .select2-container--default.select2-container--focus .select2-selection--multiple .select-teammate-open .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #707070;
}

.select-contact+.select2-container--default .select2-selection--multiple,
.select-status+.select2-container--default .select2-selection--multiple,
.select-teammate+.select2-container--default .select2-selection--multiple {
    border-radius: 8px;
    /* width: 165px; */
    width: 100%;
    padding-left: 4px;
    border: 1px solid #707070;
    height: 34px;
    position: relative;
}

/* .select-contact+.select2-container--default .select2-selection--multiple::after,
.select-status+.select2-container--default .select2-selection--multiple::after,
.select-teammate+.select2-container--default .select2-selection--multiple::after {
    content: '';
    background-image: url(../images/svg/drop-arrow-ic.svg);
    width: 11px;
    background-repeat: no-repeat;
    height: 100%;
    background-position: center;
    top: 0;
    right: 10px;
    position: absolute;
} */

/*.select-contact-open .select2-container--default .select2-selection--multiple::after,
.select-status-open .select2-container--default .select2-selection--multiple::after,
.select-teammate-open .select2-container--default .select2-selection--multiple::after{
transform: rotate(180deg);
} */

.select-contact+.select2-container .select2-selection--multiple .select2-selection__rendered,
.select-status+.select2-container .select2-selection--multiple .select2-selection__rendered,
.select-teammate+.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: flex;
}

.company-drop .select2-container--default .select2-selection--single,
.teammate-drop .select2-container--default .select2-selection--single {
    border-radius: 8px;
    /* width: 165px; */
    width: 100%;
    padding-left: 20px;
    border: 1px solid #707070;
    height: 34px;
    display: inline-block;
    position: relative;
}

.select-company+.select2-container--default .select2-selection--single .select2-selection__rendered,
.custom-select-state+.select2-container--default .select2-selection--single .select2-selection__rendered,
.select-teammate+.select2-container--default .select2-selection--single .select2-selection__rendered,
.custom-select-state+.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 12px;
    color: #464646;
    line-height: 32px;
}

.select-company+.select2-container--default .select2-selection--single .select2-selection__arrow,
.select-teammate+.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 4px;
    right: 5px;
}

.add-contact-status+.select2-container--default .select2-selection--single,
.select-package+.select2-container--default .select2-selection--single {
    width: 139px;
    height: 22px;
    border-radius: 8px;
    font-size: 12px;
    font-size: 9px;
    position: relative;
}

.add-contact-status+.select2-container--default .select2-selection--single {
    width: 212px !important;
}

.add-attribute+.select2-container--default .select2-selection--single,
.add-action+.select2-container--default .select2-selection--single {
    /* width: 190px; */
    height: 30px;
    border-radius: 8px;
    font-size: 10px;
    position: relative;
    margin-right: 10px;
    border: 1px solid rgb(174 174 174 / 54%);
}

.add-attribute+.select2-container--default .select2-selection--single .select2-selection__rendered,
.add-action+.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px;
    width: 193px;
}

.add-attribute+.select2-container--default .select2-selection--single,
.add-action+.select2-container--default .select2-selection--single {
    height: 35px !important;
}

.add-contact-status+.select2-container--default .select2-selection--single .select2-selection__rendered,
.select-package+.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 20px;
}

.add-contact-status+.select2-container--default .select2-selection--single .select2-selection__arrow,
.contact-detail-status+.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: -2px;
    right: 7px;
}

.add-contact-status-open .select2-results__option--selectable:last-child,
.select-party-company-open .select2-results__option--selectable:last-child,
.select-multiple-attribute-open .select2-results__option--selectable:last-child,
.select-package-open .select2-results__option--selectable:last-child,
.select-company-open .select2-results__option--selectable:last-child {
    border-bottom: none;
}

.add-contact-status+.select2-container,
.select2-container--open .select2-dropdown--above {
    z-index: 9999;
    font-size: 12px;
    /* width: initial !important; */
}

.add-contact-status-open .select2-results__option--selectable,
.select-party-company-open .select2-results__option--selectable,
.select-multiple-attribute-open .select2-results__option--selectable,
.select-package-open .select2-results__option--selectable,
.contact-detail-status-open .select2-results__option--selectable,
.contact-detail-company-open .select2-results__option--selectable {
    font-size: 12px;
    border-bottom: 1px solid #707070;
}

.add-contact-status-open .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.add-contact-status-open .select2-container--default .select2-results__option--selected,
.select-party-company-open .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.select-party-company-open .select2-container--default .select2-results__option--selected,
.select-multiple-attribute-open .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.select-multiple-attribute-open .select2-container--default .select2-results__option--selected,
.select-package-open .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.select-package-open .select2-container--default .select2-results__option--selected,
.contact-detail-status-open .select2-container--default .select2-results__option--selected,
.contact-detail-status-open .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.contact-detail-company-open .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.contact-detail-company-open .select2-container--default .select2-results__option--selected {
    background-color: transparent;
    color: #272727;
}

.detail-status-open .select2-container--default .select2-results__option--selected,
.contact-detail-status-open .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable:last-child {
    border-bottom: none;
}

.contact-detail-status+.select2-container--default .select2-selection--single {
    /* width: 160px; */
    height: 25px;
    border-radius: 8px;
    font-size: 12px;
    position: relative;
}

.add-contact-status-open .select2-search--dropdown {
    padding-top: 0;
}

.contact-form .export-import {
    margin-top: 13px;
}

.modal {
    background-color: rgb(241 241 241 / 92%);
}

.add-contact-status+.select2-results__option--selectable span {
    display: flex;
}

.customer_filter_modal .customer-filter {
    padding-top: 30px;
}

.business-filter-form .business-filter,
.right-now-filter-form {
    padding: 30px 0 0 0;
}

.select-package+.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 3px 2px 0 2px;
}

.select-package+.select2-container--default .select2-selection--single .select2-selection__arrow {
    right: -3px;
    top: -1px;
}

.right-now-filter-form .form-check {
    margin: 7px 0 0 3px;
    float: right;
}

.modal-body .action-modal-body {
    padding: 20px 30px 10px 30px;
}

.modal-action .modal-body {
    padding: 0;
}

.close-save {
    padding: 0 15px 15px 15px;
}

/* .action-modal-body label, .business-filter label {
    margin-left: 10px;
} */

.review-action-form .date-picker img,
.review-filter-form .date-picker img {
    right: 13px;
    top: 21px;
}

.date-picker img.date-pick {
    right: 11px;
    top: 11px;
}

.date-picker-lovis img.date-pick {
    right: 21px;
}

.modal-body .review-action-form p {
    font-size: 8px;
}

.select-package-onboarding+.select2-container--default .select2-selection--single {
    width: 160px;
}

.social-icon ul li {
    display: inline-block;
    margin-right: 6.7px;
}

.social-icon ul li img {
    max-width: 16px;
    vertical-align: middle;
}

.contact-detail-form .modal-content {
    max-width: 498px;
}

.cont_detail .name-text {
    display: flex;
    justify-content: center;
    align-items: center;
}

.cont_detail .name-text input {
    width: 209px;
    height: 36px;
    border-radius: 10px;
}

.cont_detail .name-text input.name-border {
    border: 1px solid #AEAEAE;
}

.cont_detail .name-text p {
    font-size: 25px;
    font-family: 'mvboli';
    margin-right: 10px;
    background: transparent;
}

.cont_detail .name-text .name-input {
    font-size: 25px;
    font-family: 'mvboli';
    background: transparent;
    border-radius: 10px;
    height: 40px;
    padding: 0 0 0 10px;
    border: 1px solid rgb(174 174 174 / 54%);
    outline: none;
}

#con_name_input {
    display: none;
}

.cont_detail .name-text input {
    border: none;
}

.cont_detail .time-line-img img {
    cursor: pointer;
}

.cont_detail_custom {
    display: flex;
    justify-content: space-between;
}

.contact-detail-form .modal-body {
    padding: 20px 25px;
}

.cont_detail .form-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 17px;
}

.con-det-status+.select2-container--open .select2-dropdown--above {
    width: 139px;
}

.contact-detail-status-open .select2-container--open .select2-dropdown--above,
.contact-detail-status-open .select2-dropdown.select2-dropdown--below {
    /* width: 160px !important; */
}

.contact-detail-company-open .select2-container--open .select2-dropdown--above,
.contact-detail-company-open .select2-dropdown.select2-dropdown--below {
    /* width: 200px !important; */
}

.contact-detail-company+.select2-container--default .select2-selection--single {
    /* width: 200px; */
    position: relative;
}

.contact-detail-status+.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 23px;
    font-family: 'montserrat-regular';
}

.contact-detail-company+.select2-container--default .select2-selection--single {
    /* width: 200px; */
    height: 25px;
    border-radius: 8px;
    font-size: 12px;
    position: relative;
    font-family: 'montserrat-semibold';
}

.contact-detail-company+.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 24px;
}

.contact-detail-company+.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: -1px;
}

.contact-detail-form .form-group input.form-control {
    height: 30px;
    width: 200px;
    border-radius: 10px;
    font-size: 12px;
    border: 1px solid rgb(174 174 174 / 54%);
}

.con-deta-radio {
    display: flex;
}

.con-deta-radio .form-check-input {
    border-radius: 50% !important;
    border-width: 3px;
    border-color: #464646 !important;
    width: 16px !important;
    height: 16px !important;
    margin-right: 10px;
    vertical-align: middle;
    border: none;
}

/* .con-deta-radio .form-check-input:checked[type=radio] {
    background-image: url(../images/svg/ellipse-black.svg);
    background-size: 6px 6px;
} */

.con-deta-radio .form-check-input:checked {
    background-color: #fff;
}

.con-deta-radio label {
    vertical-align: middle;
    margin-right: 40px;
    font-family: 'roboto-bold';
    font-size: 13px;
}

.export-import img.white-delete-ic {
    width: 15px;
    height: 22px;
}

.contact-detail-form .form-group img {
    margin-left: 20px;
}

.export-delete {
    float: left;
}

.del-text {
    display: inline-block;
    height: 45px;
}

.del-text p {
    margin: 12px 0 0 10px;
}

.warning-modal .modal-content {
    border: none;
    background-color: rgb(70 70 70 / 92%);
}

.warning-modal .modal-content .modal-body {
    padding: 50px 39px 27px 39px;
}

.warning-modal .modal-body .modal-text h3 {
    font-size: 30px;
    color: #fff;
    font-family: 'montserrat-semibold';
}

.warning-modal .modal-body .modal-text p {
    font-size: 24px;
    color: #fff;
    font-family: 'montserrat-medium';
}

.warn-btn {
    min-width: 125px;
    height: 35px;
    font-size: 14px;
    font-family: 'montserrat-bold';
    line-height: 14px;
    background: #60A7A8;
    border-radius: 33px !important;
    color: #fff;
}

.btn-white {
    background: #fff;
    color: #686868;
    margin-right: 10px;
}

.btn-white:hover {
    color: #686868 !important;
}

.warn-btn:hover {
    color: #fff;
}

.modal-warn-btn {
    margin-top: 30px;
    justify-content: end;
    display: flex;
}

.time-line-modal .modal-content {
    max-width: 850px
}

.time-line-modal .modal-dialog {
    max-width: 900px !important;
}

.time-line-modal .modal-content .modal-body {
    padding: 50px 20px 100px 20px !important;
}

.timeline-content .active {
    background: #60A7A8 !important;
}

.timeline .events ul {
    display: flex;
    justify-content: space-between;
    position: relative;
}

/* .timeline .events ul:after {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background-color: #686868;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    z-index: -1;
}

.timeline .events ul li:after {
    content: "";
    display: block;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background-color: #686868;
    transition: 0.2s ease;
    z-index: 11;
} */
.timeline-content .timeline-round {
    display: block;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background-color: #686868;
    transition: 0.2s ease;
    margin: auto;

}

.timeline .events ul li::after {
    content: "";
    position: absolute;
    height: 5px;
    background-color: #686868;
    width: 100%;
    top: 9px;
    left: 50%;
    z-index: -1;
}

.timeline .events ul li:last-child::after {
    display: none;
}

.timeline .events ul {
    z-index: 10;
    margin: 0 10px;
    position: relative;
}

.timeline-content p {
    text-align: center;
    /* transform: translateX(-38px); */
    margin-top: 10px;
    word-break: break-word;
    font-size: 8px;
    color: #272727;
}

.timeline .events ul li {
    position: relative;
    flex: 1;
    display: flex;
    justify-content: center;
}

/* .timeline .events ul li a span {
    position: absolute;
    top: calc(100% + 20px);
    transform: translate(-38%, 0);
    width: 100px;
    font-size: 8px;
    color: #272727;
    white-space: pre-line;
    text-align: center;
} */

label.edit-name-label {
    margin: 0;
    font-family: 'montserrat-regular';
}

.export-ic-group {
    display: flex;
    justify-content: space-around;
}

input.form-control {
    outline: none;
}

.select-company-open .select2-dropdown.select2-dropdown--below,
.select-contact-open .select2-dropdown.select2-dropdown--below,
.select-status-open .select2-dropdown.select2-dropdown--below,
.select-teammate-open .select2-dropdown.select2-dropdown--below {
    max-width: 165px !important;
    font-size: 12px;
}

.main-title {
    padding: 20px 0;
}

.main-title h5 {
    font-size: 22px;
    font-family: 'montserrat-bold';
    color: #464646;
    margin: 0;
    line-height: 22px;
}

.content-wrapper {
    padding: 26px 0 0 37px;
}

.card-box {
    background: #404040;
    padding: 30px 20px 10px 20px;
    margin: 0 0 0 5px;
    max-width: 652px;
}

.card-box-general {
    background: #404040;
    padding: 25px 35px 35px 35px;
    margin: 0 0 0 5px;
    margin-bottom: 15px;
}

.card-box .card-box-title,
.card-box-general .card-box-general-title {
    color: #ADEFF6;
    font-family: 'love-of-thunder';
    text-align: center;
    display: flex;
    justify-content: center;
    position: relative;
}

.card-box .card-box-title .card-box-header h3,
.card-box-general .card-box-general-title .card-box-general-header h3 {
    font-size: 24px;
    margin: 0;
    text-transform: uppercase;
}

.card-box .card-box-title .card-box-header p,
.card-box-general .card-box-general-title .card-box-general-header p {
    font-size: 13px;
}

.card-box-icon ul li,
.card-box-general-icon ul li {
    display: inline-block;
    margin-right: 10px;
}

.card-box .card-box-title .card-box-icon,
.card-box-general .card-box-general-title .card-box-general-icon {
    position: absolute;
    right: 10px;
}

.card-box-icon ul li img,
.card-box-general-icon ul li img {
    width: 20px;
    height: 25px;
}

.card-box .card-content,
.card-box-general .card-general-content {
    border: 2px solid #71B4B6;
    margin-top: 20px;
    color: #fff;
    padding: 5px;
    font-family: 'montserrat-regular';
    font-size: 14px;
}

.card-box .card-box-footer,
.card-box-general .card-box-general-footer {
    color: #fff;
    white-space: pre-line;
    display: flex;
    justify-content: end;
    margin-top: 20px;
    margin: 20px 20px 0 0;
}

.card-box .card-box-footer p,
.card-box-general .card-box-general-footer p {
    border-top: 5px dotted #71B4B6;
    border-bottom: 5px dotted #71B4B6;
    line-height: 23px;
    padding: 10px 0;
    text-align: center;
}

.card-box .card-box-footer p span,
.card-box-general .card-box-general-footer p span {
    color: #71B4B6;
    font-weight: 700;
    font-size: 18px;
}

.mt-54 {
    margin-top: 54px !important;
}

.main_master_list {
    padding: 210px 26px 0 26px;
    z-index: 0;
}

.Training-modal .modal-body {
    padding: 42.9px 45.2px 66.7px 38.2px;
}

.Training-modal .Training-modal-size {
    max-width: 650px !important;
}

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

.cloud-upload {
    position: relative;
    margin-top: 40px;
}

.cloud-upload span {
    color: #54999B;
    font-size: 14px;
    font-family: 'Montserrat-Medium';
    vertical-align: bottom;
    margin-left: 5px;
}

.cloud-upload img {
    width: 37px;
    height: 25px;
}

.cloud-upload p {
    font-size: 12px;
    font-family: 'montserrat-regular';
    color: #54999B;
    margin-top: 10px;
}

input.file-select {
    position: absolute;
    left: 0;
    z-index: 999;
    opacity: 0;
    height: 100%;
    width: 100%;
}

.Training-modal textarea.input-area {
    height: 100px !important;
}

.profile-img {
    max-width: 80px;
    max-height: 80px;
    border-radius: 50%;
    background: #c5e9eb;
    /* margin: 0 0 0 10px; */
    align-items: center;
    border: 2px solid #9dc7c8;
    overflow: hidden;
}

.profile-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.fil-img-minus {
    display: none;
}

.filter-tog.active .fil-img-minus {
    display: block;
}

.filter-tog.active .fil-img-plus {
    display: none;
}

.profile_title_bg {
    position: relative;
    overflow: hidden;
}

.training_title {
    overflow: hidden;
}

.contact_span {
    margin-top: 0 !important;
}

.contact_span span {
    display: block;
    width: 120px;
    background-color: #60a7a8;
    -ms-transform: rotate(-47deg);
    -webkit-transform: rotate(-47deg);
    transform: rotate(-47deg);
    position: absolute;
    text-align: center;
    left: -4px;
    top: 16px;
    color: #fff;
    white-space: pre-line;
    line-height: 14px;
    font-size: 10px;
    padding: 3px 0;
    font-family: 'montserrat-regular';
}

.contact_span h5 {
    margin-left: 80px;
}

.select-company+.select2-container--default .select2-selection--single .select2-selection__arrow b,
.select-teammate+.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: 0;
    background-image: url(../images/svg/drop-arrow-ic.svg);
    width: 11px;
    background-repeat: no-repeat;
    height: 100%;
    background-position: center;
}

.select-company+.select2-container--default .select2-selection--single .select2-selection__arrow,
.select-teammate+.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: -7px;
    right: 8px;
}

.select-company-open .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
.select-teammate-open .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg);
}

/* .select-teammate-open .select2-dropdown.select2-dropdown--below, */
.select-company-open .select2-dropdown.select2-dropdown--below {
    z-index: 9999;
    margin-top: -6px;
    max-width: 165px !important;
    font-size: 12px;
    border: 1px solid #707070;
    border-top: 0px;
}

.export-import img.dow-icon {
    width: 20px;
    height: 18px;
}

.master-list-title img.del-ic {
    width: 9px;
    margin-left: 23px;
}

.master-list-title span.tooltip {
    right: -14px !important;
    bottom: -12px !important;
    font-size: 7px;
}

.master-list-title #master-list-delete span.tooltip {
    right: -12px !important;
    bottom: -36px !important;
    font-size: 7px;
    padding: 6px 8px;
}

.master-list-title a {
    position: relative;
}

.business-action .modal-body .action-modal-body {
    padding: 40px 30px 30px 30px;
}

.add-contact-status-open .select2-search--dropdown,
.contact-detail-status-open .select2-search--dropdown {
    padding: 0;
}

.sticky-win-header {
    position: fixed;
    top: 0;
    left: 90px;
    right: 0;
    bottom: 0;
    z-index: 99;
    background: transparent linear-gradient(270deg, #C5E9EB 0%, #009498 100%) 0% 0% no-repeat padding-box;
    height: 170px;
    border-radius: 0 0 170px 170px;
}

.sticky-win-header .win-header-content h5 {
    font-family: 'montserrat-regular';
    font-size: 37px;
    color: var(--color-light);
    margin-top: 9px;
}

.sticky-win-header .win-header-content img {
    margin: 0px 7px;
    max-width: 100px;
}

.sticky-win-header p {
    font-size: 30px;
    font-family: 'montserrat-bold';
    color: var(--color-light);
}

.sticky-win-header span {
    font-size: 20px;
    font-family: 'montserrat-semibold';
    color: var(--color-dark);
    text-align: center;
}

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

.complete-times {
    padding-top: 170px;
    margin-top: 90px;
}

.comp-tag img {
    width: 270px;
}

.complete-times .comp-tag {
    margin-bottom: 60px;
    position: relative;
}

.complete-times .comp-tag p {
    position: absolute;
    top: 62%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: pre-line;
    color: #E7DBAB;
    font-size: 19px;
    font-family: 'montserrat-medium';
}

.complete-times .comp-tag p span {
    font-size: 34px;
}

.card-box-general .card-general-content p {
    margin-bottom: 20px;
}

.card-box-general .card-general-content {
    padding: 0px 25px 20px 25px;
}

.card-box-general .card-general-content .caractor-img img {
    border: 2px solid #5a5a5a;
    margin-bottom: 20px;
}

.card-general-content p a {
    color: #97cbd0;
    text-decoration: none;
}

.notification-title p {
    font-family: 'montserrat-bold';
    margin-bottom: 10px;
}

.detail_radio_pro {
    height: 6px;
    width: 6px;
    background-color: #000;
    border-radius: 050%;
    opacity: 0;
}

.form-check-input:checked+.detail_radio_profile .detail_radio_pro {
    opacity: 1;
}


.detail_radio_profile {
    border-radius: 50% !important;
    width: 14px !important;
    height: 14px !important;
    /* display: block; */
    border: 3px solid #707070;
    position: absolute;
    left: -2px;
    background: #fff;
    /* top: 6px; */
}

.contact-sales-tab {
    margin-top: 30px;
}

.contact-sales-flow .nav-pills .nav-link.active {
    box-shadow: inset 5px 5px 5px #00000029;
}

.con-sales-title h5 {
    font-size: 14px;
    font-family: 'montserrat-bold';
    margin-bottom: 15px;
}

.stages-title {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    font-family: 'montserrat-bold';
}

.stages-title h5 {
    margin: 0;
    font-size: 16px;
}

.stages-title img {
    width: 30px;
}

.stages-masterlist {
    padding: 10px 0 0 90px;
}

.train-content {
    display: flex;
    margin-top: 15px;
}

.train-content input {
    background: #DBDEE1;
    border-radius: 10px;
    width: 200px;
    margin-right: 10px;
    font-size: 12px;
    font-family: 'montserrat-regular';
    height: 35px;
    padding: 10px 20px;
}

.train-content input:focus {
    background-color: #DBDEE1;
    border: none;
}

button.btn-delete-mid {
    outline: none;
    border: none;
    width: 35px;
    height: 35px;
    border-radius: 10px;
    background: #C6C6C6;
    justify-content: center;
    padding: 0;
    align-items: center;
    list-style: cambodian;
    display: flex;
    /* margin-right: 10px; */
    margin: 0 5px;
}

.train-content button img {
    width: 18px;
}

button img.edit-btn {
    max-width: 13px;
    max-height: 17px;
}

.training-contact .custom_plus_modal_btn .btn_plus_modal {
    margin-top: 18px;
}

.line-section {
    height: 5px;
    width: 500px;
    box-shadow: 0px 5px 6px rgb(0 0 0 / 25%);
    border: 1px solid #707070;
    margin-top: 10px;
}

.training-contact .content_biz_box {
    width: 200px;
    padding: 10px 20px;
    border-radius: 8px;
    margin: 30px 0 10px 0;
    box-shadow: inset 5px 5px 5px #00000029;
    outline: none;
}

.training-contact .content_biz_box h5 {
    font-family: 'montserrat-regular';
    font-size: 10px;
    margin-bottom: 0px;
    position: unset;
    font-size: 12px;
}

.training-contact-attribute {
    padding: 10px 0 0 70px;
}

.training-contact-attribute p {
    font-size: 12px;
    color: #464646;
    margin-bottom: 10px;
}

.training-contact-attribute p {
    margin: 0 10px 0 0;
    font-size: 9px;
    font-family: 'montserrat-regular';
}

.training-contact-attribute .form-group span {
    color: #a08d8e;
    margin-left: 3px;
    font-size: 10px;
}

/* .nav-top li a span.coming-soon{
    display: none;
}
.nav-top li:hover a span.coming-soon{
    display: block;
} */
button.edit-small-btn {
    outline: none;
    border: none;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    background: #DBDEE1;
    justify-content: center;
    padding: 0;
    align-items: center;
    display: flex;

}

button img.edit-img-size {
    width: 12px;
}

.attributes-states ul {
    display: flex;
    margin-bottom: 25px;
}

.attributes-states ul li {
    display: flex;
    align-items: center;
    margin-right: 20px;
    z-index: 10;
    position: relative;
}

.attributes-states ul li button img.edit-img-size {
    width: 12px;
}

.attributes-status-color {
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background: #00FF94;
    margin: auto 10px auto 0px;
}

.attributes-states ul li p {
    margin: 0 10px 0 0;
    font-size: 9px;
    font-family: 'montserrat-regular';
}

button img.del-small-ic {
    width: 9px;
}

button.edit-mid-btn {
    width: 25px;
    height: 25px;
}

.attributes-states ul li:nth-child(2) .attributes-status-color {
    background: #FFFF00;
}

.attributes-states ul li:nth-child(3) .attributes-status-color {
    background: #FA9E00;
}

.attributes-states ul li:nth-child(4) .attributes-status-color {
    background: #00F4FD;
}

.attributes-states ul li:nth-child(5) .attributes-status-color {
    background: #C6C6C6;
}

.custom-training-modal .modal-body {
    padding: 20px 35px 10px 35px;
}

.stages-masterlist .hover_button_top span {
    right: initial;
    bottom: -24px;
}

.stages-masterlist .hover_button_top span.left-hvr {
    left: 26px;
    bottom: -18px;
}

.cus-w {
    width: 30px;
}

.att-type {
    display: flex;
    align-items: center;
}

/* .add_attribute .modal-content{
    width: 500px !important;
} */
#add_attribute .form-group input.form-control,
#invite_action .form-group input.form-control {
    height: 35px !important;
    margin-right: 10px;
    width: 195px !important;
}

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

#add_attribute .modal-content {
    border: none;
}

#add_attribute .modal-body .att-type label,
#invite_action .modal-body .att-type label {
    font-size: 12px;
    margin: 0 10px 0 0;
}

.plus-ic-value {
    text-align: center;
    margin-top: 10px;
}

.plus-ic-value button {
    border: none;
    background: none;
}

.plus-ic-value img {
    margin-right: 10px;
}

.add-attribute-open .select2-dropdown.select2-dropdown--below {
    /* width: 100%; */
    font-size: 12px;
    width: 180px !important;

}

.add-action-open .select2-dropdown.select2-dropdown--below {
    width: 195px !important;
    /* width: 100%!important; */
    font-size: 12px;
}

.help-modal .form-group textarea.input-area {
    height: 80px !important;
}

.add-contact-content {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 20px;
}

.add-contact-content .cloud-upload {
    margin: 0;
}

.add-contact-content .social-med-link ul li {
    display: inline-block;
    position: relative;
}

.add-contact-content .social-med-link ul li::after {
    content: '';
    width: 2px;
    background: #474747;
    height: 40px;
    position: absolute;
    right: -3px;
    top: -6px;
}

.add-contact-content .social-med-link {
    align-items: end;
    display: flex;
}

.add-contact-content .social-med-link ul li img {
    width: 24px;
    height: 24px;
    margin: 0px 8.5px;
}

.add-contact-content .social-med-link ul li:last-child::after {
    display: none;
}

.add-contact-content .social-med-link ul li:last-child img {
    margin-right: 0px;
}

.import_contact .export-import {
    margin: 100px 0 20px auto;
}

/* .import_contact .cont_inq{
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 20px;
} */
.pipline-steps .stages-title {
    margin: 30px 0;
}

.steps-list input.content_biz_box {
    width: 200px;
    padding: 10px 15px;
    border-radius: 8px;
    margin: 10px 20px 10px 0;
    text-align: left;
    box-shadow: inset 5px 5px 5px #00000029;
    border: none;
    font-size: 12px;
    color: #464646;
    font-family: 'montserrat-regular';
    position: relative;
    background: #DBDEE1;
}

.steps-list ul li p,
.action-title .training-contact p {
    font-family: 'montserrat-bold';
    font-size: 10px;
}

.steps-list ul li {
    position: relative;
}

.steps-list ul {
    display: flex;
}

button.cross-small-ic {
    border: none;
    background: none;
    position: absolute;
    right: 12px;
    top: 6px;
    width: 20px;
}

.action-title .stages-title {
    margin: 0 0 15px 0;
}

/* .action-title .training-contact p{
    margin-bottom: 0;
} */
.action-title .train-content {
    margin: 0;
}

.action-title .line-section {
    margin: 30px 0;
}

.action-title .train-content input {
    width: 300px;
    margin-bottom: 20px;
    border: none;
}

.action-title .custom_plus_modal_btn .btn_plus_modal {
    margin: 0;
}

.training-contact .custom_plus_modal_btn .btn_plus_modal {
    margin-top: 22px;
    margin-left: 0;
}

.add-attribute-open .select2-container--default .select2-results>.select2-results__options img,
.add-action-open .select2-container--default .select2-results>.select2-results__options img {
    min-width: 10px;
    margin: 0 5px 0 5px;
    vertical-align: middle;
}

.add-attribute+span.select2-selection.select2-selection--single img,
.add-action+span.select2-selection.select2-selection--single img {
    margin: 0 3px 2px 0;
    width: 10px !important;
    vertical-align: middle;
}

.add-attribute+.select2-container--default .select2-selection--single .select2-selection__arrow,
.add-action+.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 4px;
    right: 4px;
}

.modal .modal-content {
    border: none;
}

#invite_action .modal-content .modal-body {
    padding: 30px 25px 30px 20px;
}

/* .nav-left-top{
    width: 500px;
    overflow-y: scroll;
}
.nav-left::-webkit-scrollbar {
    display: none;
} */
/* .training-contact .hover_button_top span {
    right: initial;
    bottom: 13px;
} */
.training-contact .hover_button_top span.add-btn-hvr {
    right: initial;
    bottom: -23px;
    left: 50%;
    transform: translateX(-50%);
}

.training-contact .hover_button_top span.add-stap-hvr {
    right: initial;
    bottom: -18px;
}

.train-content .custom_plus_modal_btn .btn_plus_modal {
    margin-left: 0 !important;
}

/* .training-contact .custom_plus_modal_btn, .training-contact-attribute .custom_plus_modal_btn{
    display: inline-block !important;
} */
.training-contact .hover_button_top span.cus-tool {
    left: 0;
}

.add_attribute_modal .append-job {
    margin-bottom: 10px;
}

.append-job img.close-add-btn {
    min-width: 19px;
    min-height: 19px;
}

/* span.tooltip.action_hover{
    right: 0px;
    bottom: 13px;
    background: red;
}
.contact-detail img:hover span.action_hover{
    opacity: 1;
} */
.action-img:hover span.tooltip,
.delete-img:hover span.tooltip,
.attributes-states ul li:hover span.tooltip,
.contact-detail ul li .steps-delete-img:hover span.tooltip,
.upload-btn:hover span.tooltip2 {
    opacity: 1;
}

.editContactModal:hover .contactHover span.tooltip {
    opacity: 1;
    bottom: 19px;
}

.editContactModal .contactHover span.tooltip {
    left: 20%;
}

.action-img span.tooltip,
.delete-img span.tooltip,
.contactHover span.tooltip {
    /* left: 50%; */
    /* transform: translateX(-50%); */
    white-space: pre-line;
    text-align: center;
}

.att-add-btn .plus_round {
    height: 15px;
    width: 15px;
}

.custom_plus_modal_btn.att-add-btn .btn_plus_modal {
    width: 30px;
    height: 30px;
}

.attributes-states ul li span.tooltip {
    font-size: 7px;
    right: -12px;
    top: -5px;
    bottom: unset;
}

span.tooltip.training-tooltip {
    left: 0;
}

.el-colorpicker--default .el-colorpicker__wrap {
    width: 450px;
}


/* -------------------color-picker---------------- */
/* .primary_color_new {
    width: 100%;
} */
.color_primary_new .main_colors_details {
    display: flex;
    flex-wrap: wrap;
    margin-left: -4.81px;
    margin-right: -4.81px;
}

.color_primary_new .color_flex {
    display: flex;
    align-items: center;
}

.color_primary_new .wrap_color_100,
.color_flex .el-colorpicker {
    width: 100%;
}

.color_primary_new .color_flex .el-cp-palette {
    min-width: 277px;
    margin-left: auto;
    width: 100%;
}

.color_primary_new .sample_new {
    margin: 0 0 0 0px;
    text-align: center;
    border: 0px dashed #aaa;
    border-radius: 0px;
    padding: 0px;
    position: absolute;
    top: 0;
}

.color_primary_new .sample__color_new {
    display: block;
    margin: 0 auto;
    width: 130px;
    height: 150px;
    background-color: var(--color);
}

.color_primary_new .color_flex .el-colorpicker--default .el-cp-color-control {
    padding: 0px 6px;
}

.color_primary_new .el-cp-slider--hue .el-cp-slider__body {
    background: transparent linear-gradient(90deg, #FF0000 0%, #FFE900 21%, #49FF00 37%, #00FFD4 54%, #0015FF 70%, #FF00CC 85%, #CF1B1B 100%) 0% 0% no-repeat padding-box !important;
    border-radius: 6px;
}

.color_primary_new .el-colorpicker {
    --shadow-outer: none !important;
}

.color_primary_new .color_flex .el-cp-colors__item {
    border: 1px solid #707070 !important;
    height: 24px !important;
    min-width: 70px !important;
    border-radius: 5px !important;
}

.color_primary_new .el-cp-colors__item:disabled,
.el-cp-colors__item:focus {
    box-shadow: none !important;
}

.color_primary_new .color_flex .el-cp-swatches {
    padding: 0px !important;
}

.color_primary_new .color_flex .el-cp-colors__item:after {
    border-radius: 5px !important;
}

.color_primary_new .color_flex .el-cp-colors__item:before {
    border-radius: 5px !important;
}

.color_primary_new .color_flex .el-cp-palette__pointer {
    box-shadow: none;
    border: 2px solid #FFFFFF;
    height: 15px;
    width: 15px;
}

.color_primary_new .color_flex .el-cp-slider__brick,
.color_flex .el-cp-slider__circle {
    box-shadow: none;
    border: 2px solid #FFFFFF;
    height: 15px;
    width: 15px;
    background-color: #60A7A8;
}

.color_primary_new .el-cp-color-form__wrap {
    display: none !important;
}

.color_primary_new .sample__code_new {
    display: block;
    margin: -22px 0 0;
    font-style: normal;
    font-size: 12px;
    font-family: "Monaco", "Menlo", "Helvetica", "Arial", sans-serif;
    letter-spacing: -0.25px;
    color: #fff;
}

.color_primary_new .el-cp-swatches__header h2 {
    display: none;
}

.color_primary_new .el-colorpicker--default .el-cp-swatches {
    border-top: 0px solid var(--swatch-border-color);
    margin: 16px 0 0;
    padding: 16px var(--size-side-padding) 0;
}

.color_primary_new .el-colorpicker--default .el-cp-color-control__right {
    margin-left: var(--size-inner-padding, 16px);
    display: none;
}

.color_primary_new .el-colorpicker--default .el-cp-color-control__body>:nth-child(n+2) {
    margin-top: 8px;
    display: none;
}

.color_primary_new .el-colorpicker--default .el-cp-swatches {
    border-top: 1px solid var(--swatch-border-color);
    margin: -28px 0 0;
    padding: 0px var(--size-side-padding) 0;
}

.color_primary_new .el-colorpicker--default .el-cp-color-control__left {
    margin-right: var(--size-inner-padding, 16px);
    display: none;
}

.color_primary_new .controller_new {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 32px -36px 0;
    padding: 32px 0 0;
    border-top: 1px solid #ccc;
    display: none;
}

.color_primary_new .controller_new>label {
    display: flex;
    align-items: center;
}

.color_primary_new .controller_new button {
    display: block;
}

.color_primary_new .controller_new span {
    display: block;
    margin-right: 4px;
    font-size: 14px;
}

.main-switch {
    position: relative;
    width: 100px;
    border: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    border-radius: 24px;
    padding: 0 10px;
    background: #404040;
    color: #fff;
}

.main-switch input.checkbox {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
}

.main-switch .knobs {
    display: flex;
    flex: 1;
    position: relative;
    z-index: 1;
    justify-content: space-between;
}

.main-switch input.checkbox:checked+div+.layer {
    left: 50%;
}

.layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    background: #fff;
    height: 100%;
    border-radius: 24px;
    transition: 0.2s;
}

.max_exiting_user .checkbox {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}

.move-add-btn {
    position: absolute;
    right: 0;
    top: -25px;
}

.max_exiting_user {
    position: relative;
}

.main-switch input.checkbox+.knobs .switch-move {
    color: #000;
}

.main-switch input.checkbox:checked+.knobs .switch-add {
    color: #000;
}

.main-switch input.checkbox:checked+.knobs .switch-move {
    color: #fff;
}

.main-switch .knobs span {
    width: 28px;
    height: 15px;
    display: block;
    text-align: center;
}

.detai-status-color span.tooltip {
    bottom: -20px;
}

/* .content_biz_box.active {
    background: #C5E9EB !important;
} */
.contact-sales-flow .nav-pills .nav-link input {
    background: transparent;
    border: none;
    outline: none;
}

.res-input-innerflex button.edit-small-btn {
    margin-left: 10px;
}

.customization_main ul li {
    position: relative;
    display: flex;
    align-items: center;
    margin: 10px 10px 0px 0;
}

.train-content input:focus {
    background: #C5E9EB;
    box-shadow: inset 5px 5px 5px #00000029 !important;
}

.filter-tog-btn {
    margin-left: 10px;
}

.filter-switch {
    position: relative;
    width: 100px;
    border: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 22px;
    border-radius: 24px;
    padding: 0 3px;
    background: #60a7a8;
    color: #fff;
    font-size: 8px;
    font-family: 'montserrat-semibold';
}

.filter-switch input.checkbox {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
}

.filter-switch .knobs {
    display: flex;
    flex: 1;
    position: relative;
    z-index: 1;
    justify-content: space-between;
}

.filter-switch input.checkbox:checked+div+.layer {
    left: 50%;
}

.layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    background: #ffffff;
    height: 100%;
    border-radius: 24px;
    transition: 0.2s;
}

.filter-switch .checkbox {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}

.filter-switch input.checkbox+.knobs .switch-move {
    color: #60a7a8;
}

.filter-switch input.checkbox:checked+.knobs .switch-add {
    color: #60a7a8;
    /* filter: invert(); */
}

.filter-switch input.checkbox:checked+.knobs .switch-move {
    color: #fff;
    /* filter: invert(); */
}

.filter-switch .knobs span {
    width: 43px;
    /* height: 15px; */
    display: block;
    text-align: center;
}

.knobs .switch-add:hover span.tooltip,
.knobs .switch-move:hover span.tooltip {
    opacity: 1;
    width: 100px;
}

.knobs .switch-add span.tooltip {
    width: 100px;
    right: -70px;
    bottom: -17px;
}

.knobs .switch-move span.tooltip {
    /* width: 100%; */
    width: 80px;
}

/* #fb_filter_modal  .modal-content{
    min-width: 550px !important;
} */
.search_user {
    list-style: none;
    background-color: #fff;
    border: 1px solid rgb(174 174 174 / 54%);
    width: 100%;
    border-radius: 5px 5px 5px 5px;
    color: #000;
    display: none;
    position: absolute;
    padding: 5px;
}

.search_user li {
    padding: 5px;
    border-bottom: 1px solid rgb(174 174 174 / 54%);
    cursor: pointer;
}

.search_user li:last-child {
    border-bottom: none;
}

.search_user li:last-child {
    padding: 5px;
    cursor: pointer;
}

.search-second button {
    background: #60A7A8;
    border: none;
    width: 25px;
    height: 25px;
    color: #fff;
    font-size: 14px;
    border-radius: 7px;
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
}

.serch-content input.searchTerm {
    height: 30px;
    border-radius: 5px;
    width: 250px;
    outline: none;
    border: 1px solid rgb(174 174 174 / 54%);
    padding: 5px 30px 5px 20px;
}

/* .navbar-expand-lg .navbar-collapse{
    display: block !important;
} */
.menu {
    display: none;
}

.box-action .date-picker img.date-pick {
    right: 11px;
    top: 24px;
}

.input-customiz .modal-body .form-check img.temp {
    /* width: 12px; */
    width: 15px;
    margin-left: 10px;
}

.nav-left ul li.mt-custom {
    margin-top: 70px;
}

.select2-container.select2-container--default.select2-container--focus {
    outline: none !important;
}

.select-company-open .select2-dropdown.select2-dropdown--below,
.select-teammate-open .select2-dropdown.select2-dropdown--below,
.select-contact-open .select2-dropdown.select2-dropdown--below,
.select-status-open .select2-dropdown.select2-dropdown--below {
    max-width: initial !important;
}

.max-160px {
    max-width: 160px;
}

.max-190px {
    max-width: 190px;
    margin-right: 11px;
    width: 100%;
    margin-left: 9px;
}

.biz-win {
    display: none;
}

.resp-bizkit-win .notification-sec {
    display: none;
}

.colorpicker-swatches--inner {
    display: none;
}

.tab-edit-btn button.edit-small-btn {
    /* background: none;
    filter: invert(); */
    background: none;
    /* filter: invert(1); */
    width: 15px;
    height: 15px;
}

.tab-edit-btn button.edit-small-btn img {
    width: 11px;
}

.tab-edit-btn {
    /* display: flex;
    position: absolute;
    right: 0;
    top: 0;
    align-items: center; */
    position: absolute;
    right: 15px;
    bottom: 3px;
}

/* 26-08-2022 */

.max-check-width {
    width: 212px;
    max-width: 100%;
}

.w-label-41 {
    width: 41.56px;
}

.stag-mb-0 {
    margin-bottom: 0 !important;
}

.hover_button_top span {
    right: initial;
    bottom: -23px;
    left: 50%;
    transform: translateX(-50%);
}

.sales_label.contact_span span {
    /* display: block; */
    width: 155px;
    /* background-color: #60a7a8;
    -ms-transform: rotate(-47deg);
    -webkit-transform: rotate(-47deg); */
    transform: rotate(-51deg);
    /* position: absolute;
    text-align: center; */
    left: -6px;
    top: 34px;
    /* color: #fff;
    white-space: pre-line;
    line-height: 14px;
    font-size: 10px;
    padding: 3px 0;
    font-family: 'montserrat-regular'; */
}

.customization_title.profile_title h5 {
    flex: 0 0 15%;
}

.comman-training-modal .Training-modal-size {
    min-width: 950px !important;
}

.comman-training-modal .modal-dialog {
    max-width: 950px !important;
}

/* end maulik ccs */
/* saloni ccs */
.contact_profiles_main,
.custom_plus_modal_btn,
.subscript_titles_main,
.change_flex {
    display: flex;
    align-items: center;
}

.contact_profiles_main svg {
    margin-right: 9.99px;
    height: 43.45px;
    width: 47.31px;
}

.hover_data_main a {
    text-align: end;
}

.biz_emails {
    width: 24.61px;
    height: 23.61px;
}

.contact_profiles_main h6 {
    font-size: 18px;
    font-family: 'montserrat-bold';
    color: #464646;
    margin-bottom: 0px;
}

.custom_profile_col .content_biz_box:hover svg path {
    fill: #fff;
}

.custom_profile_col .content_biz_box:hover h6,
.custom_profile_col .content_biz_box:hover h5 {
    color: #fff;
}

.custom_profile_col .content_biz_box:hover {
    background: #C8C8C8 0% 0% no-repeat padding-box;
}

.edit_black {
    width: 21.07px;
    height: 21.07px;
    margin-left: 5.11px;
}

.hover_data_main {
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.custom_plus_modal_btn .btn_plus_modal {
    margin-left: 10px;
    background: #464646 0% 0% no-repeat padding-box;
    box-shadow: inset 7px 5px 10px #00000029, 0px 0px 8px #00000085 !important;
    width: 44.03px;
    height: 42.4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.plus_round {
    height: 22.24px;
    width: 22.24px;
}

.last_biz_email_details {
    display: flex;
    position: relative;
    justify-content: end;
}

.hover_data_main span,
.hover_button_top span,
.text_end_left span,
.text_end_profile span {
    position: absolute;
    right: 0;
    bottom: -26px;
    font-size: 9px;
    background: #f5f5f5;
    font-family: 'roboto-bold';
    padding: 3px;
    border-radius: 25px;
    width: max-content;
    display: none;
}

.hover_data_main:hover span,
.hover_button_top:hover span,
.text_end_left:hover span,
.text_end_profile:hover span {
    display: block;
}

.hover_button_top span {
    right: initial;
    bottom: -22px;
}

.sub_hover_top span {
    bottom: -24px;
}

.custom_plus_modal_btn {
    max-height: 106px;
    display: inline-block;
}

.sub_title_inner {
    color: var(--color-secondary) !important;
    font-family: 'montserrat-bold';
}

.sub_top_round {
    height: 17.82px;
    width: 14.31px;
}

.ml_30point6 {
    margin-left: 30.6px !important;
}

.subscript_titles_main {
    margin-top: 67.6px;
}

.subscript_main_ul ul li {
    width: calc(100% / 3);
}

.subscript_main_ul ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 17.9px;
    align-items: center;
}

.user_role_main p {
    font-size: 16px;
    font-family: 'montserrat-medium';
}

.user_role_main span {
    color: #464646;
    font-family: 'montserrat-bold';
}

.sub_user_round {
    height: 23.1px;
    width: 28.68px;
}

.user_role_main a {
    color: #009498;
    font-family: 'montserrat-bold';
}

.main_table_profile tr th {
    color: #009498;
    font-family: 'roboto-bold';
    font-size: 15px;
    padding: 0px !important;
    text-align: center !important;
    line-height: 19px;
    min-width: 120px !important;
}

.main_th_padding {
    padding: 11.5px 12.4px 8px 20.4px;
    min-height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main_table_profile tr th .awesome_search {
    height: 13px;
    width: 12px;
    margin: -4px 4px 0px 0px;
}

.main_table_profile thead {
    background: rgb(212 212 212 / 29%);
}

.datatable_details_main {
    padding: 67.5px 37px 0px 0px;
}

.main_table_profile {
    border-top-left-radius: 19px;
    overflow: hidden;
    border-top-right-radius: 19px;
}

.main_table_profile>tbody>tr.odd>.sorting_1,
.main_table_profile.order-column.stripe>tbody>tr.odd>.sorting_1,
.main_table_profile>tbody>tr.even>.sorting_1,
.main_table_profile.order-column.stripe>tbody>tr.even>.sorting_1,
.main_table_profile.stripe>tbody>tr.odd>*,
.main_table_profile>tbody>tr.odd>*,
.main_table_profile.hover>tbody>tr:hover>*,
.main_table_profile.display>tbody>tr:hover>* {
    box-shadow: none !important;
}

.main_table_profile.row-border tbody th,
.main_table_profile.row-border tbody td,
.main_table_profile.display tbody th,
.main_table_profile.display tbody td {
    border-top: 1px solid #009498 !important;
    padding: 36px 0px;
}

.main_table_profile {
    border-collapse: collapse !important;
    margin-top: 40.5px !important;
}

.main_table_profile tr th {
    border-bottom: 0 !important;
}

.main_table_profile tr:first-child td {
    border-top: 0 !important;
}

.min_height_search {
    height: 54px;
    background: #60A7A8;
    color: var(--color-light);
    display: flex;
    align-items: center;
    padding: 10px 27px;
    justify-content: center;
    white-space: nowrap;
}

.main_table_profile td .main_number_profile {
    padding-left: 42px;
}

.main_table_profile tbody tr {
    font-family: 'roboto-bold';
    color: #464646;
    font-size: 15px;
}

.main_table_profile th:before {
    /* opacity: 1 !important; */
    content: '' !important;
    background-image: url(../images/png/datatable-top.png) !important;
    height: 10px;
    width: 14px;
    bottom: 71% !important;
}

.main_table_profile th:after {
    /* opacity: 1 !important; */
    content: '' !important;
    background-image: url(../images/png/datatable-bottom.png) !important;
    height: 10px;
    width: 14px;
    top: 28% !important;
}

.datatable_details_main .dataTables_length,
.datatable_details_main .dataTables_filter,
.datatable_details_main .dataTables_info,
.datatable_details_main .dataTables_paginate {
    display: none;
}

/* .main_table_profile tr th:nth-child(1) {
    min-width: 9.3% !important;
}

.main_table_profile tr th:nth-child(2) {
    min-width: 10.95% !important;
}

.main_table_profile tr th:nth-child(3) {
    min-width: 9.98% !important;
}

.main_table_profile tr th:nth-child(4) {
    min-width: 11.67% !important;
}

.main_table_profile tr th:nth-child(5) {
    min-width: 12% !important;
}

.main_table_profile tr th:nth-child(6) {
    min-width: 11.95% !important;
}

.main_table_profile tr th:nth-child(7) {
    min-width: 11.67% !important;
}

.main_table_profile tr th:nth-child(8) {
    min-width: 7.67% !important;
}

.main_table_profile tr th:nth-child(9) {
    min-width: 10.67% !important;
} */

.datepicker1 .datepicker td,
.datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
    font-size: 12px !important;
}

.datepicker td,
.datepicker th {
    font-family: 'montserrat-medium';
    padding: 8px;
    width: 37px !important;
    height: 32px !important;
}

.datepicker1 table tr td.day.focused,
.datepicker1 table tr td.day:hover {
    background: #eee;
    cursor: pointer;
    border-radius: 50%;
}

.datepicker1 .datepicker-switch,
.datepicker1 .next,
.datepicker1 .prev,
.datepicker1 tfoot tr th {
    cursor: pointer;
    font-family: montserrat-regular;
}

/* .datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
    background-image: linear-gradient(to bottom, #60A7A8, #60A7A8) !important;
} */

.date_range {
    position: absolute;
    right: 9px;
    height: 20px;
    width: 16px;
}

.datatable_upper_date {
    display: flex;
    align-items: center;
    max-width: 283.15px;
}

.datatable_upper_date label {
    font-size: 11px;
    font-family: 'montserrat-medium';
    width: 88px;
}

.date_profile_control {
    border-color: #707070;
    color: rgb(70 70 70 / 65%) !important;
    font-family: 'montserrat-medium';
    font-size: 12px;
}

.sticky_main_content {
    position: fixed;
    top: 0;
    left: 92px;
    right: 0;
    bottom: 0;
    z-index: 99;
    height: 85px;
    background-color: #f4fcfd;
}

.main_profile_details {
    padding-top: 184px;
    z-index: 0;
    position: relative;
    background-color: #f4fcfd;
;
}

.profile_main_user {
    padding-top: 46.21px;
}

.change_flex label {
    width: 116px;
    font-size: 13px;
    font-family: 'montserrat-medium';
}

.input_change_pass {
    padding-right: 26px;
    padding-left: 5px;
}

.change_control {
    border-color: #AEAEAE8A !important;
    height: 33px;
    border-radius: 9px;
}

.change_flex {
    margin-bottom: 11px;
}

.change_pass_modal .modal-content .modal-body {
    padding: 18px 20px 20px 20px !important;
}

.text_end_left span {
    right: 34px;
    bottom: 0px;
}

.profile_add_modal .profile_modal_size {
    width: 615px !important;
}

.profile_add_modal .modal-content .modal-body {
    padding: 13.89px 64.3px 10px 63.4px !important;
}

.modal_profile_max_width label {
    font-size: 12px;
    font-family: 'montserrat-semibold';
    color: #272727;
    margin-bottom: 4.8px;
}

.comapny_control {
    border-color: rgb(174 174 174 / 54%) !important;
    color: #272727 !important;
    font-family: 'montserrat-semibold';
    font-size: 12px;
    border-radius: 8px;
    height: 35.47px;
}

.sales_title h5 {
    font-size: 17px;
    color: #464646;
    font-family: 'montserrat-bold';
    margin: 15px 0px 0px 0px;
}

.radio_details_top .form-check-input {
    border-radius: 50% !important;
}

.radio_details_top .form-check-input {
    border-radius: 50% !important;
    border-width: 3px;
    border-color: #707070 !important;
    width: 14px !important;
    height: 14px !important;
    margin-top: 5.5px;
    margin-right: 5.6px;
}

.radio_details_top .form-check-input:checked[type=radio],
.radio_details_top .form-check-input:checked[type=checkbox] {
    background-image: url('../images/svg/radio-check-blue.svg');
    background-size: 6px 6px;
    background-position: 1px 1px;
}

.radio_details_top .form-check-input:checked {
    background-color: #fff !important;
}

.flex_drop_radio_main {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24.5px;
}

.select_to_sales {
    width: 163.01px;
}

.radio_select_network+.select2-container .select2-selection--single {
    height: 33.47px;
}

.radio_select_network+.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #272727;
    line-height: 32px;
    font-family: 'montserrat-regular';
    font-size: 9px;
}

.radio_select_network+.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px;
}

.radio_select_network_open .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.radio_select_network_open .select2-results__option {
    font-size: 9px;
}

.radio_select_network+.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: transparent;
    border-width: unset;
    background-image: url(../images/png/down-drop.png);
    height: 15px;
    width: 16px;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    margin-left: -14px;
    margin-top: -10px;
}

.radio_select_network_open .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg);
    margin-top: -3px;
    margin-left: -8px;
}

.radio_select_network+.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: transparent;
    cursor: default;
    opacity: 0.19;
}

.radio_select_elite_open .select2-results__options .select2-results__option:first-child,
.radio_select_network_open .select2-results__options .select2-results__option:first-child {
    display: none;
}

.sales_title {
    border-bottom: 1px solid #DBDBDB;
}

.sales_check_main_details .check_list_details .corfirm_term {
    color: #686868 !important;
}

.sales_check_main_details .check_list_details .form-check-input:checked[type=checkbox] {
    background-color: #60A7A8;
    background-image: url('../images/svg/white-check.svg');
    border-color: #60A7A8;
}

.sales_check_main_details .check_list_details .form-check-input {
    border-color: var(--color-secondary);
    margin-top: 2px;
}

.profile_trand_radio {
    margin-bottom: 27.4px;
}

.sales_check_main_details {
    margin-top: 30.4px;
}

.delete_main {
    margin-right: 15px;
    color: #272727;
}

.delete_warning p {
    font-size: 11px;
    font-family: 'montserrat-medium';
}

.delete_main span {
    right: 0;
    bottom: -21px;
    left: -32px;
}

.delete_warning {
    margin-bottom: 125px;
}

.view_btn_img {
    color: #686868 !important;
    text-decoration: auto;
    font-family: 'montserrat-semibold';
}

.d-flex-space-bet {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.padding_footer_md_pro {
    padding: 0px 18px 16px 17px;
}

.pos_span span {
    right: 60px;
    bottom: -19px;
    left: 0;
}

.mb_pos_save span {
    right: 9px;
    bottom: -2px;
}

.account_label label {
    width: 134px;
}

.end_save span {
    left: 0;
    right: 16px;
    margin-left: auto;
    bottom: 0;
}

.bg-light-dark {
    background-color: var(--color-bg-light-dark);
}

/* hierachy css */
.folder-tree-wrapper {
    padding: 20px 10px;
    margin: 35px auto;
}

.folder-tree {
    cursor: pointer;
    padding-left: 20px;
}

.folder-tree li {
    font-size: 13px;
    transition: all .4s ease;
    position: relative;
}

.folder-tree ul {
    display: none;
    position: relative;
}

.folder-tree li ul li {
    margin-bottom: 8px;
}

.folder-tree li.expanded>ul,
.folder-tree li ul li {
    display: block;
}

.folder-tree ul span,
.plus_minus_sign span,
.folder-tree ul {
    color: var(--color-light);
}

.folder-tree li ul {
    padding-left: 31px;
    margin-top: -8px;
    padding-top: 16px;
}

ul.folder-tree ul {
    position: relative;
}

ul.folder-tree ul::before {
    content: '';
    display: block;
    border-left: 1px dashed #6C6C6C;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 8px;
    top: 10px;
}

.expanded .plus_minus_sign::before {
    background-image: url(../images/png/minus.png);
}

.plus_minus_sign::before {
    content: '';
    background-image: url(../images/png/plus.png);
    background-size: 10px 10px;
    background-repeat: no-repeat;
    display: block;
    height: 15px;
    border: 1px solid #fff;
    padding: 7px;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
    width: 15px;
}

.inner-folder-main li::before {
    content: '';
    background-image: url(../images/png/cancel.png);
    background-size: 10px 10px;
    background-repeat: no-repeat;
    display: block;
    height: 15px;
    border: 1px solid #6C6C6C;
    padding: 7px;
    background-position: center;
    width: 15px;
}

.plus_minus_sign,
.folder-tree li .inner-folder-main li {
    display: flex;
    align-items: center;
}

.vision {
    height: 15px;
    width: 15px;
    margin-top: 5px;
    margin-right: 6px;
    margin-left: 8px;
}

img.cat-profile {
    height: 20px;
    width: 20px;
    margin-top: -1px;
    margin-left: 8px;
    margin-right: -7px;
}

.pl-40px {
    padding-left: 35px !important;
}

.item-folder {
    font-size: 9px;
    text-transform: uppercase;
    margin-right: 1px;
    font-family: 'montserrat-regular';
    margin-left: 8px;
}

.mt-1px {
    margin-top: 1px;
}

.child-main span {
    color: #5a9abf !important;
    margin-left: 10px;
}

/* .hierarchy-hgt {
    min-height: 441px;
    height: 100%;
} */
.add_exit_member {
    padding-right: 40px;
    margin-top: 50px;
    display: flex;
    justify-content: end;
}

.add_exit_member li {
    display: inline-block;
    margin-right: 22px;
}

.add_exit_member .header_btn {
    margin-right: 22px;
    height: 40px;
    font-size: 13px;
    line-height: 22px;
    padding: 8px 27px;
}

.add_exit_member .header_btn:last-child {
    margin-right: 0px;
}

.profile_affiliate p {
    margin-bottom: 42px;
    color: #464646;
    font-family: 'montserrat-regular';
    font-size: 13px;
    line-height: 26px;
}

.affiliate_details {
    padding-right: 40px;
}

.profile_exiting {
    margin-bottom: 15.4px;
}

.max_exiting_user label {
    margin-bottom: 5.8px;
}

.add_modal_exiting .modal-content {
    width: 508px !important;
}

.max_exiting_user {
    max-width: 386px;
    margin: auto;
}

.pos-inital-modal .modal-body {
    position: initial !important;
}

.text_end_left {
    position: relative;
}

.right-0px span {
    right: 0;
    bottom: -64px;
}

.bottom-0px span {
    bottom: 0px;
}

.customization_main .nav-pills .nav-link {
    background: #DBDEE1;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%), inset -8px -8px 6px rgb(0 0 0 / 16%);
    margin: 0px 8.5px;
    font-size: 16px;
    min-width: 256px;
    text-align: start;
    color: #464646;
    font-family: 'montserrat-semibold';
    position: relative;
}

.customization_main .nav-pills .nav-link.active {
    background: #C5E9EB;
    position: relative;
    box-shadow: inset 6px 7px 6px rgb(0 0 0 / 16%);
}

.footer_bizkit a {
    color: var(--color-dark);
    font-family: 'montserrat-regular';
    font-size: 14px;
    padding-bottom: 6.5px;
    letter-spacing: -0.32px;
}

.logo_hero_main {
    height: 443px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    bottom: 0;
    animation: mymoveherologo 3s;
}

.hero_title_cutting {
    position: relative;
    left: 0;
}

@keyframes mymoveherologo {
    from {
        top: -1200px;
    }

    to {
        top: 0px;
    }
}

.sit_girls_top {
    height: 217px;
    position: absolute;
    left: 18px;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 9;
    animation-delay: 2s;
    animation: girlslaptop 3s;
}

@keyframes girlslaptop {
    from {
        top: -1200px
    }

    to {
        top: -218px;
    }
}

.user_laptop {
    height: 200px;
    position: absolute;
    right: -14px;
    top: 30px;
    bottom: 0;
    animation: bottomtotopwomen 3s;
}

@keyframes bottomtotopwomen {
    0% {
        top: 600px
    }
}

.mans_homes {
    height: 226px;
    position: absolute;
    top: -5px;
    bottom: 0px;
    left: 16px;
    animation: manlefttotop 3s;
    padding-left: 15px;
}

@keyframes manlefttotop {
    0% {
        left: -200%;
        bottom: -200%;
    }
}

.line_img_graph {
    animation: graph 3s;
    position: absolute;
    right: 0;
    bottom: 132px;
    height: 93px;
}

@keyframes graph {
    from {
        top: -1200px;
    }

    to {
        top: -225px;
    }
}

.logo_small_set {
    position: absolute;
    right: 0;
    height: 55px;
    top: 0;
    bottom: 0;
    animation: rotation 3s linear;
    margin: auto;
}

@keyframes rotation {
    from {
        transform: rotate(-359deg);
        bottom: -150px;
        opacity: 0.50;
        right: -50px;
    }

    to {
        transform: rotate(359deg);
        bottom: 0px;
    }
}

.hero_left_animate {
    animation: cuttingedge 3s linear;
}

@keyframes cuttingedge {
    0% {
        left: -200%;
        bottom: -200%;
    }
}

.light_logo {
    position: absolute;
    left: -106px;
    height: 98px;
    animation: lightlogo 3s;
    bottom: -45px;

}

@keyframes lightlogo {
    0% {
        transform: rotate(360deg);
        left: 0px;
        bottom: -150px;
    }

    100% {
        bottom: -45px;
        transform: rotate(-360deg);
        left: -106px;
    }
}

.primary_logo {
    position: absolute;
    height: 64px;
    left: -61px;
    top: 103px;
    animation: smallsetting 5s;
    top: 125px;
    transform: rotate(-360deg);
    left: -50px;
}

@keyframes smallsetting {
    0% {
        top: 0;
        transform: rotate(360deg);
        left: 0px;
    }

    100% {
        top: 125px;
        transform: rotate(-360deg);
        left: -50px;
    }
}

.tools_main_title p {
    text-align: center;
    max-width: 357px;
    color: var(--color-dark);
    font-family: 'montserrat-semibold';
    font-size: 20px;
    letter-spacing: -0.56px;
}

.profile_title_bg .padding_customization {
    padding: 12.79px 40px 15px 50px;
    word-break: break-word;
    background: #EFF5F5;
    border-radius: 8px;
}

.profile_title_bg .padding_customization img {
    height: 54px;
}

.select_company {
    width: 21% !important;
    max-width: 21%;
    flex: 0 0 21%;
}

.customization_copy .btn-dark {
    padding: 8px 39px;
    font-family: 'montserrat-semibold';
    font-size: 15px;
    letter-spacing: -0.56px;
}

.label_copy label {
    color: #686868;
    font-size: 13px;
    letter-spacing: -0.38px;
    font-family: 'montserrat-bold';
    margin-bottom: 10.67px;
}

.select_company_name+.select2-container {
    width: 100% !important;
}

.mr-41px+.select2-container,
.mr-41px {
    margin-right: 29px;
}

.select_disclaimer {
    padding: 25px 0px 35px 0px;
}

.tab_img_custom {
    height: 24px;
    margin-right: 9px;
}

.box_main_card {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 7px 10px #00000038;
    max-width: max-content;
    border-radius: 10px;
    padding: 12.4px 8px 0.4px;
}

.title_card_prime h6 {
    color: #686868;
    font-size: 17px;
    font-family: 'montserrat-bold';
    letter-spacing: -0.44px;
}

.custom_col_customize {
    width: 32%;
    flex: 0 0 32%;
    max-width: 32%;
    margin: 4.81px;
}

.primary_color {
    width: 100%;
}

.main_colors_details {
    display: flex;
    flex-wrap: wrap;
    margin-left: -4.81px;
    margin-right: -4.81px;
}

.color_flex {
    display: flex;
    align-items: center;
}

.wrap_color_100,
.color_flex .el-colorpicker {
    width: 100%;
}

.color_flex .el-cp-palette {
    min-width: 277px;
    margin-left: auto;
    width: 100%;
}

.sample {
    margin: 0 0 0 0px;
    text-align: center;
    border: 0px dashed #aaa;
    border-radius: 0px;
    padding: 0px;
    position: absolute;
    top: 0;
}

.sample__color {
    display: block;
    margin: 0 auto;
    width: 130px;
    height: 150px;
    background-color: var(--color);
}

.color_flex .el-colorpicker--default .el-cp-color-control {
    padding: 0px 6px;
}

.el-cp-slider--hue .el-cp-slider__body {
    background: transparent linear-gradient(90deg, #FF0000 0%, #FFE900 21%, #49FF00 37%, #00FFD4 54%, #0015FF 70%, #FF00CC 85%, #CF1B1B 100%) 0% 0% no-repeat padding-box !important;
    border-radius: 6px;
}

.el-colorpicker {
    --shadow-outer: none !important;
}

.color_flex .el-cp-colors__item {
    border: 1px solid #707070 !important;
    height: 24px !important;
    min-width: 70px !important;
    border-radius: 5px !important;
}

.el-cp-colors__item:disabled,
.el-cp-colors__item:focus {
    box-shadow: none !important;
}

.color_flex .el-cp-swatches {
    padding: 0px !important;
}

.color_flex .el-cp-colors__item:after {
    border-radius: 5px !important;
}

.color_flex .el-cp-colors__item:before {
    border-radius: 5px !important;
}

.color_flex .el-cp-palette__pointer {
    box-shadow: none;
    border: 2px solid #FFFFFF;
    height: 15px;
    width: 15px;
}

.color_flex .el-cp-slider__brick,
.color_flex .el-cp-slider__circle {
    box-shadow: none;
    border: 2px solid #FFFFFF;
    height: 15px;
    width: 15px;
    background-color: #60A7A8;
}

.el-cp-color-form__wrap {
    display: none !important;
}

.sample__code {
    display: block;
    margin: -22px 0 0;
    font-style: normal;
    font-size: 12px;
    font-family: "Monaco", "Menlo", "Helvetica", "Arial", sans-serif;
    letter-spacing: -0.25px;
    color: #fff;
}

.el-cp-swatches__header h2 {
    display: none;
}

.el-colorpicker--default .el-cp-swatches {
    border-top: 0px solid var(--swatch-border-color);
    margin: 16px 0 0;
    padding: 16pxvar(--size-side-padding) 0;
}

.el-colorpicker--default .el-cp-color-control__right {
    margin-left: var(--size-inner-padding, 16px);
    display: none;
}

.el-colorpicker--default .el-cp-color-control__body>:nth-child(n+2) {
    margin-top: 8px;
    display: none;
}

.el-colorpicker--default .el-cp-swatches {
    border-top: 1pxsolidvar(--swatch-border-color);
    margin: -28px 0 0;
    padding: 0px var(--size-side-padding) 0;
}

.el-colorpicker--default .el-cp-color-control__left {
    margin-right: var(--size-inner-padding, 16px);
    display: none;
}

.controller {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 32px -36px 0;
    padding: 32px 0 0;
    border-top: 1px solid #ccc;
    display: none;
}

.controller>label {
    display: flex;
    align-items: center;
}

.controller button {
    display: block;
}

.controller span {
    display: block;
    margin-right: 4px;
    font-size: 14px;
}

.terms-max {
    max-width: 477px;
    margin: auto;
}

.terms_main p {
    font-size: 13px;
    letter-spacing: -0.36px;
    line-height: 18px;
}

.mt-31px {
    margin-top: 31px;
}

.corfirm_term_condition {
    font-size: 15px;
    text-decoration: none;
    letter-spacing: -0.34px;
}

.mb-56px {
    margin-bottom: 56px;
}

.content_biz_box h5 {
    font-family: 'montserrat-semibold';
    font-size: 10px;
    margin-bottom: 0px;
    position: absolute;
    top: 9px;
}

.privacy_main_title {
    text-align: center;
    margin-top: 20px;
}

.privacy_main_title a {
    font-family: 'montserrat-regular';
}

.forgot-card-body {
    padding: 27px 10px 70px 10px !important;
}

.custom_radio_profile {
    border-radius: 50% !important;
    width: 14px !important;
    height: 14px !important;
    /* display: block; */
    border: 3px solid #707070;
    position: absolute;
    left: -2px;
    background: #fff;
    top: 6px;
}

.outline_radio_pro {
    height: 6px;
    width: 6px;
    background-color: #60a7a8;
    border-radius: 050%;
    opacity: 0;
}

.profile_check_input {
    opacity: 0;
    position: relative;
    z-index: 9999999;
    margin-right: 5.6px;
}

.form-check-input:checked+.custom_radio_profile .outline_radio_pro {
    opacity: 1;
}

.upload-icon .upload_logo_company {
    background: #fff;
    width: max-content;
    height: 56px;
    position: absolute;
    top: 0;
    opacity: 1;
}

.upload-icon .file_upload_custom {
    width: max-content;
    height: 56px;
    opacity: 0;
    z-index: 99;
    position: relative;
}

.upload_logo_company p {
    color: var(--color-add-expand);
}

.upload_logo_company p {
    color: var(--color-add-expand);
    font-size: 13px;
    font-family: 'montserrat-regular';
    margin: 6px 0px 0px 0px;
}

.upload-icon {
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 28.4px;
}

.custom_logo_third {
    padding: 21.4px 36.1px;
}

.work_linos {
    border: 1px solid #E9E9E9;
    width: 61px;
    height: 60px;
    object-fit: cover;
}

.logo_list_custom p {
    color: #686868;
    font-family: 'montserratalternates-regular';
    font-size: 13px;
    margin-left: 13.4px;
}

.logo_list_custom {
    margin-top: 15.4px;
}

.title_gerneral_main a {
    color: #464646;
    text-decoration: auto;
    font-family: 'montserrat-bold';
    font-size: 14px;
    margin-left: 11.8px;
}

.gerneral_writing {
    width: 13.79px;
    height: 12.96px;
}

.gerneral_training {
    margin: 50.4px 0px 0px 0px;
}

.title_one {
    margin: 22.6px 0px 0px 0px;
}

.customization_input:disabled {
    background-color: #E1E1E1;
    border-color: #E1E1E1;
}

.customization_general_main button {
    background: #C6C6C6 !important;
}

.title_one p {
    color: #464646;
    font-family: 'montserrat-semibold';
    font-size: 14px;
}

.customization_general_main {
    margin-top: 15px !important;
    margin-bottom: 20px;
}

/* drop-down start css */
.hgt-45px {
    height: 45px !important;
}

.dropdown_customization {
    border: 1px solid #707070;
    border-radius: 9px;
    min-width: 289px;
    height: 45px;
    width: 100%;
    max-width: 289px;
}

.dropdown_customization a {
    display: block;
    padding: 0.5em;
    color: #000;
    text-decoration: none;
}

.dropdown_customization ul {
    display: none;
    box-shadow: 0px 3px 6px #00000042;
    border-radius: 9px;
    position: absolute;
    left: 0;
    right: 0;
    top: 46px;
    background: #ffffff;
    z-index: 1;

}

.dropdown_customization li {
    padding: 8.8px 0px 13.4px 0px;
    cursor: pointer;
    position: relative;
}

.dropdown_customization li:first-child::after {
    display: none;
}

.dropdown_customization li::after {
    content: '';
    background: #707070;
    display: block;
    width: calc(100% - 34px);
    height: 1px;
    position: absolute;
    top: 0;
    left: 24px;
    right: 0;
}

.comapny_main_general p {
    font-family: 'montserrat-medium';
    color: #464646;
    font-size: 15px;
}

.comapny_main_general .current_sales {
    font-size: 9px;
}

.company_hgt_57px {
    height: 40px;
}

.company_padding_main {
    padding: 0px 14px 0px 22px;
}

.top_vector_main {
    margin-right: 11.4px;
    height: 8.04px;
    width: 16.09px;
}

.mt-45px {
    margin-top: 45.8px;
}

.sales_modal_top {
    margin-top: 15.42px;
}

.moda_waring_customization p {
    font-size: 16px !important;
    font-family: 'montserrat-medium';
    letter-spacing: -0.48px;
}

.disclaimer_main .title_disclaimer {
    /* color: var(--color-secondary) !important; */
    font-size: 13px !important;
    margin: 8px 0px 0px 0px;
}

.modification_text {
    font-family: 'montserrat-light' !important;
    font-size: 11px;
    margin: 6px 0px 0px 0px;
}

.moda_waring_customization h3 {
    text-transform: uppercase;
    font-size: 25px !important;
}

.warning_main_fade .modal-body {
    padding: 43px 39px 24px 39px !important;
}

.select_company_current {
    width: 24% !important;
    max-width: 24%;
    flex: 0 0 24%;
}

.mt-10px {
    margin-top: 10px;
}

.select_company_name+.select2-container .select2-selection--single,
.select_company_name+.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 45px;
}

.select_company_name+.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 45px;
}

.mt-27px {
    margin-top: 27px;
}

.top_hover_custger span {
    top: 49px;
    /* left: -4px; */
}

.profile_affiliate {
    padding-top: 47px;
}

h6.title_profile_how {
    font-size: 21px;
}

.custom_disc span {
    width: 163px !important;
    left: -24px !important;
    top: 25px !important;
}

.status_label {
    width: 107.41px;
    max-width: 100%;
    flex: 0 0 107.41px;
}

.status_main .status_label {
    color: #272727;
    font-family: 'montserrat-regular';
    font-size: 14px;
}

.status_main {
    margin-bottom: 17.13px;
}

.custom_color_modal .modal-body {
    padding: 18.25px 45.2px 36.77px 38.2px !important;
}

.input_status {
    min-width: 418px;
    width: 100%;
}

.max_exiting_user.button.b2 {
    border-radius: 2px;
}

.max_exiting_user .button {
    position: relative;
    top: 50%;
    width: 100px;
    height: 35px;
    /* margin: -20px auto 0 auto; */
    overflow: hidden;
    background: #ccc;
    border-radius: 10px;
}


/* color picker css new start */
.color-custom-main .d-none-colorinput {
    height: max-content;
    padding: 0px;
    background: transparent;
    text-align: center;
    border: none;
    width: 125px !important;
    position: absolute;
    bottom: 3px;
    color: #fff;
    font-size: 10px;
}

.main-custom-color-card {
    border: 0px;
}

.main-custom-color-card .color-custom-main .colorpicker-bizkit {
    padding: 0px;
    background: transparent;
    border: 0px;
    height: 144px;
    width: 272px;
}

.main-custom-color-card .custom-card-header {
    padding: 0px !important;
    width: 125px !important;
    height: 145px !important;
    border-radius: 0px;

}

.main-custom-color-card .colorpicker-bizkit {
    margin-left: 125px;
}

.main-custom-color-card .colorpicker-swatch {
    height: 25px;
    width: 72px;
    box-shadow: none;
    border: 1px solid #707070;
    border-radius: 8px;
}

.main-custom-color-card .colorpicker-saturation,
.main-custom-color-card .colorpicker-bizkit .colorpicker-hue,
.main-custom-color-card .colorpicker-bizkit .colorpicker-alpha {
    width: 90%;
    height: 145px;
    box-shadow: none;
}

.main-custom-color-card .colorpicker-swatch--inner {
    border-radius: 6px;
}

.main-custom-color-card .colorpicker-bizkit .colorpicker-hue,
.main-custom-color-card .colorpicker-bizkit .colorpicker-alpha {
    width: 7px;
    height: 146px;
    border-radius: 30px;
}

.main-custom-color-card .colorpicker-swatch {
    margin-top: 0px;
}

.main-custom-color-card .colorpicker-hue .colorpicker-guide,
.main-custom-color-card .colorpicker-alpha .colorpicker-guide {
    background: #60A7A8;
    border: 1px solid #FFFFFF;
    margin-left: -2px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
}

.main-custom-color-card .colorpicker-bizkit .colorpicker-alpha,
.main-custom-color-card .colorpicker-bizkit .colorpicker-preview {
    background-size: 20px 20px;
    background-position: 0 0, 10px 10px;
}

.main-custom-color-card .colorpicker-bizkit .colorpicker-preview,
.main-custom-color-card .colorpicker-bizkit .colorpicker-preview div {
    height: 30px;
    font-size: 16px;
    line-height: 160%;
}

.main-custom-color-card .colorpicker-saturation .colorpicker-guide {
    height: 11px;
    width: 11px;
    border-radius: 10px;
    margin: -5px 0 0 -5px;
    border: 2px solid #FFFFFF;
    box-shadow: none;
}

.main-custom-color-card .colorpicker-swatches--inner {
    clear: both;
    margin-top: -6px;
    margin-left: -125px;
}

.colorpicker-swatch {
    position: relative;
}

.colorpicker-swatch:after {
    content: "" attr(data-value) "";
    position: absolute;
    left: 0;
    bottom: -17px;
    right: 0;
    width: 100%;
    font-family: 'montserratalternates-regular';
    font-style: initial;
}

.btn-select {
    background-color: #60A7A8;
    margin: 14px auto 14px;
    /* margin: 64px auto 14px; */
    color: #fff !important;
    border-radius: 30px !important;
    height: 29px;
    width: 106px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.color-modal-picker .colorpicker-swatches--inner {
    display: none;
}

.user-top-images {
    position: absolute;
    top: 133px;
    left: 80px;
    height: 336px;
    width: 331px;
    right: 0;
    bottom: 0;
    object-fit: cover;
    border-radius: 50%;
}

.listing_user_tools_main .main_white_color:nth-child(6) {
    top: 173px;
    left: 32px;
    height: 84.37px;
    width: 84.37px;
}

.listing_user_tools_main .main_white_color:nth-child(6) .inner_tools_color {
    background-color: #686868;
}

.listing_user_tools_main .main_white_color:nth-child(6) .inner_tools_color:hover span {
    background: #686868;
    left: -116px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.listing_user_tools_main .main_white_color:nth-child(6) .img_user_tools_family img {
    height: 31.85px;
    width: 34.85px;
}

.res-input-innerflex {
    display: flex;
}

.res-input-innerflex span {
    padding-right: 10px;
}

.btn-edit-pd {
    padding: 9px !important;
    height: 20px !important;
    width: 20px !important;
}

.btn-edit-pd .edit-img-size {
    height: 13px;
    width: 12px;
}

.contact-sales-flow .nav-pills .nav-link {
    min-width: 210px;
    font-size: 12px;
    position: relative;
    font-family: 'montserrat-regular';
    border-radius: 6px;
    margin: 0 10px;
}

.switches-container {
    width: 100px;
    position: relative;
    display: flex;
    padding: 0;
    position: relative;
    background: var(--color-secondary);
    line-height: 22px;
    border-radius: 20px;
    margin-left: 10px;
}

.switches-container input {
    visibility: hidden;
    position: absolute;
    top: 0;
}

.switches-container label {
    width: 50%;
    padding: 0;
    margin: 0;
    text-align: center;
    cursor: pointer;
    color: var(--color-light);
}

.switch-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    padding: 0.15rem;
    z-index: 3;
    transition: transform .5s cubic-bezier(.77, 0, .175, 1);
}

.switch {
    border-radius: 3rem;
    background: var(--color-light);
    height: 100%;
    font-size: 8px;
}

.switch div {
    width: 100%;
    text-align: center;
    opacity: 0;
    display: block;
    color: var(--color-secondary);
    transition: opacity .2s cubic-bezier(.77, 0, .175, 1) .125s;
    will-change: opacity;
    position: absolute;
    top: 0;
    left: 0;
}

.switches-container input:nth-of-type(1):checked~.switch-wrapper {
    transform: translateX(0%);
}

.switches-container input:nth-of-type(2):checked~.switch-wrapper {
    transform: translateX(100%);
}

.switches-container input:nth-of-type(1):checked~.switch-wrapper .switch div:nth-of-type(1) {
    opacity: 1;
}

.switches-container input:nth-of-type(2):checked~.switch-wrapper .switch div:nth-of-type(2) {
    opacity: 1;
}

.switches-container label {
    color: var(--bs-light) !important;
    font-size: 8px !important;
}

.top-bott-center {
    display: flex;
    align-items: center;
}

.pipline-subwrapper {
    display: flex;
    position: absolute;
    overflow-x: scroll;
    top: 0px;
    left: 0px;
    padding-bottom: 20px;
    right: 30px;
}

.cus-height {
    margin-bottom: 120px;
}

.contact-detail ul.droppable {
    height: 100%;
}

.action_chk {
    padding: 0 0 0 30px;
}

.edit-btn-sec,
.delete-btn-sec {
    position: relative;
    /* height: 35px; */
}

#stepTraining .edit-btn-sec,
#stepTraining .delete-btn-sec {
    /* position: relative; */
    height: 35px;
}

#actionAppend .edit-btn-sec,
#actionAppend .delete-btn-sec {
    /* position: relative; */
    height: 35px;
}

.status-edit-delete-btn .edit-small-btn {
    margin: 0 4px;
}

.contacts-scroll .modal-body,
.edit-contacts-scroll .modal-body {
    max-height: 600px;
    overflow-y: scroll;
}

.contacts-scroll .modal-body::-webkit-scrollbar,
.edit-contacts-scroll .modal-body::-webkit-scrollbar {
    width: 5px;

}

.contacts-scroll .modal-body::-webkit-scrollbar-thumb,
.edit-contacts-scroll .modal-body::-webkit-scrollbar-thumb {
    border-radius: 10px;
}

.contacts-scroll .modal-body::-webkit-scrollbar-track,
.edit-contacts-scroll .modal-body::-webkit-scrollbar-track {
    background: #46464624;
}

.plus-hover-cus .custom_plus_modal_btn {
    height: 45px;
}

.accept-term {
    padding-right: 5px;
}

.profile_commission_table {
    overflow: auto;
}

table.main_table_profile {
    min-width: 1000px;
}

.export-del-btn {
    display: flex;
    justify-content: center;
}

.export-del-btn .export-ic span {
    bottom: -20px !important;
    left: 50% !important;
    transform: translateX(-50%);
    word-break: break-all;
}

.table-condensed {
    width: 100%;
}

.datepicker-dropdown {
    min-width: 210px;
}

.upload-btn-sec {
    border-top: 2px solid #FFF;
    padding: 15px 0;
    text-align: right;
}

.upload-btn {
    position: relative;
}

/* end saloni ccs */
.bankinformationattributes .modal-check {
    display: flex;
    align-items: center;
}

.bankinformationattributes .form-check-input {
    margin-right: 7px !important;
}

.contactsupportattributes .modal-check {
    display: flex;
    align-items: center;
}

.contactsupportattributes .form-check-input {
    margin-right: 7px !important;
}

.faq_details {
    overflow-y: scroll;
    height: calc(100vh - 250px);
    padding: 10px 20.5px;
}

.elite-fee {
    align-items: center;
    justify-content: center;
}

.elite-fee2 {
    justify-content: space-between !important;
}

#editAttributes .form-label {
    word-break: break-all;
}

.input-customiz .modal-check input.form-control {
    margin-bottom: 0;
}

.contact-detail::-webkit-scrollbar {
    width: 8px;
}

.contact-detail::-webkit-scrollbar-track {
    background: #46464624;
}

.contact-detail::-webkit-scrollbar-thumb {
    background: #54999B;
    border-radius: 20px;
}

.note-video-clip {
    width: 100% !important;
    /* height: 100%; */
}

.card-general-content img {
    width: 100%;
    max-width: 100% !important;
}

.frame-video {
    margin-top: 230px;
}

.bg-right-content {
    background: #dbd3d3;
    margin-left: 0 !important;
}

.card-general-content {
    word-break: break-word;
}

/* end saloni ccs */

.calendar {
    width: 412px;
    height: 470px;
    /*background: linear-gradient(180deg, #559D9E 0%, #218882 100%), linear-gradient(0deg, #D0E0E0, #D0E0E0);*/
    border: 1px solid #D0E0E0;
    border-radius: 8px;
    position: relative;
}

.calendar a {
    text-decoration: none;
    color: #E0FDFD;
}

.calendar .calendar_day_number {
    font-size: 65px;
    position: absolute;
    top: 129px;
    width: 77%;
    font-weight: 700;
}

.calendar div{
    padding: 60px 48px 76px;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
}

.link_calendar_title {
    margin: 12px 0 56px;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 38px;
    text-align: center;
    letter-spacing: -0.04em;
    text-transform: uppercase;
}

.modal-header button {
    background: inherit;
    border: none;
}

.modal-header h5 {
    letter-spacing: -0.44px;
    font: normal normal bold 22px/18px Montserrat;
}

.cont_detail {
    font: normal normal normal 24px/40px Montserrat;
    letter-spacing: -0.48px;
    color: #404040;
}

.page_title {
    margin: 0 0 20px 36px;
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 44px;
    color: #114949;
}