@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");
}

* {
  box-sizing: border-box;
}

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

:root {
  --color-primary: #00aab7;
  --color-secondary: #60a7a8;
  --color-dark: #313131;
  --color-sidebar-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-out-primary) !important; */
  background-color: #60a7a8 !important;
  border-color: var(--color-out-primary) !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: #ffffff !important;
  border: #e3e3e3 !important;
  padding-left: 46px;
  height: 52.01px;
  border-radius: 5px;
  font-size: 12px;
  color: rgb(0 0 0) !important;
  font-weight: 600;
}

.custom_card_control::placeholder {
  color: rgba(1, 66, 71, 0.603) !important;
  font-weight: 700;
}

.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";
  background-color: #60a7a8 !important;
}

.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: 0.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";
  background-color: #60a7a8 !important;
}

.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: #0000007a;
    font-weight: 700;
}

.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(2 9 10 / 56%);
  font-weight: 700;
}

.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 {
  /* Change header color of package section */
  background-color: var(--color-dark);
  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 {
  /* Change background color of package section */
  /* background-color: var(--color-out-primary); */
  background-color: #60a7a8 ;
  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 {
  /* Change background color of package section */
  background-color: var(--color-out-primary);
  background-color: #60a7a8 ;
}

.packages_radio_main
  .check_change_color:checked
  + .main_top_sec
  + .main_bottom_card {
  /* Change background color of package section */
  background-color: var(--color-dark);
}

.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: 100px;
  width: 100px;
}

.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: -175px; /*Issue-Id-0128 1*/
  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: -200px; /*Issue-Id-0128 1*/
  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 0.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 0px 18px 20.05px;
}

.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: 60px; */
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-top: 16px;
  padding: 10px 0;
}

.nav-top .nav-logo img {
  width: 33px;
}

.nav-left .menu-icon {
  display: flex;
}

.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 0.5s ease;
  z-index: -1;
  word-break: break-word;
}

.nav-left ul li:hover span {
  display: flex;
  min-height: 53px;
  align-items: center;
  /* justify-content: center; */
}

.nav-left ul li.active {
  background-color: var(--color-sidebar-dark); /* Issue-Id-51*/
  border: 1px solid #707070;
}

.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: 250px; */
  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; */
  width: 38px;
  height: 38px;
  margin-right: 3px;
}

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

.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 0.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 0.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 0.5s ease;
  opacity: 0;
}

.contact-detail img.delete-action {
  width: 8px;
  height: 13px;
  transition: all 0.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; */ /* Issue Id - 84 */
  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 !important; /* Issue-Id-51*/
  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; */
  padding: 30px;
  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: 20px;
  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 0.5s ease;
  position: absolute;
  right: 0;
  bottom: -14px;
}

span.tooltip2 {
  color: #000;
  font-size: 11px;
  background: #f5f5f5;
  border-radius: 20px;
  width: max-content;
  padding: 2px 7px;
  margin: 3px auto 0;
  opacity: 0;
  transition: all 0.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;
} */

.select2-container--default
  .select2-results__option--highlighted.select2-results__option--selectable,
.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 !important;
  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-teammate-drop .select2-container--default .select2-selection--single,
.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: 0px;
  border: 1px solid #707070;
  height: 34px;
  display: inline-block;
  position: relative;
}

.company-teammate-drop .select2-container--default
  .select2-selection--single
  .select2-selection__rendered,
.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; /*Issue-Id-220*/
  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; */
  margin-right: -15px;
}

.social-icon ul li img {
  /* max-width: 23px; */ /* Issue-Id-212 */
  max-width: 50px;
  vertical-align: middle;
}

.contact-detail-form .modal-content {
  max-width: 800px;
}
/* Made contact detail form larger */
.contact-detail-form .modal-dialog {
  max-width: 1000px !important;
}

/* Meet code start */
.contactDetail-form .modal-dialog {
    max-width: 1000px !important;
}
/* Meet code end */

.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;
}

/* Issue Id - 63 */
/* .contact-detail-status-open .select2-container--open .select2-dropdown--above,
.contact-detail-status-open .select2-dropdown.select2-dropdown--below {
  width: 100% !important;
} */
.stauts-drop-main .select2-container--default{
  width: 100% !important;
}
.contact-detail-status-open .select2-dropdown .select2-dropdown--below{
  width: 100% !important;
}
.contact-detail-status-open .select2-container--default .select2-container--below .select2-container--open{
  width: 100% !important;
}
/* Issue Id - 63 */

.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: 100%;
  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: 10px;
  height: 15px;
  width: 15px;
  object-fit: contain;
}

.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;
  /* overflow: auto !important; */ /* Issue-Id-208 */
}

/* .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;
  cursor: pointer;
}

.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;
}

.select2-dropdown.select2-dropdown--below,
.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;
}

/* Issue Id - 84 */
/* .Training-modal .Training-modal-size,
.Training-modal .modal-dialog {
    max-width: 650px !important;
} */
/* Issue Id - 84 */

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

.cloud-upload span {
  color: #54999b;
  font-size: 13px; /*Issue-Id-186*/
  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;
  margin-bottom: 15px; /*Issue-Id-186*/
}

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(-49deg);
  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;
}
.company-teammate-drop .select2-container--default
  .select2-selection--single
  .select2-selection__arrow b,
.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;
}

.company-teammate-drop .select2-container--default
  .select2-selection--single
  .select2-selection__arrow,
.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;
}

.company-teammate-drop .select2-container--default.select2-container--open
  .select2-selection--single
  .select2-selection__arrow b,
.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, */
.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;
}
.form-control-label{
  min-height: 17px;
}
.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";
}

.company-teammate-drop {
  margin-left: 90px;
}
.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 label {
  background: #dbdee1;
  border-radius: 10px;
  margin-right: 10px;
  font-size: 12px;
  font-family: "montserrat-regular";
  padding: 7px 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-height: 21px;
  width: 45%; /* Issue-Id-97 */
}

.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;
}

/* Issue Id - 62 */
/* .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: 4px;
  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 .train-content label {
  width: 41%; /* Issue-Id-97 */
  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: 16pxvar (--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: 1pxsolidvar (--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;
}

.select2-dropdown.select2-dropdown--below,
.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: 2px;
}

/* 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%;
}

/* Issue Id - 84 */
/* .comman-training-modal .Training-modal-size {
    min-width: 950px;
} */
.comman-training-modal.training-modal-popup .modal-dialog {
  max-width: 950px;
}
.comman-training-modal.Training-modal-large-size .modal-dialog{
  min-width: 100%;
  margin: 0;
}
/* Issue Id - 84 */

.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;
  top: 10px; /* Issue-Id-66 */
}

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

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

.hover_notification_main span {
  bottom: -12px;
}
.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% / 4); /*Issue-Id-231*/
}

.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;
  background: #fff;
  height: 184px;
}

.main_profile_details {
  padding-top: 26px;
  z-index: 0;
  position: relative;
}

.profile_main_user {
  padding-top: 10px;
}

.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: 25px;
}

.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 #e8e8e8;
}

.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 25px 25px 25px;
}

.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 0.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.5;
    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 84px 15px 36.05px;
  word-break: break-word;
}

.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: 10px 0px 15px 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;
}

.listing_user_tools_main .main_white_color:nth-child(7) {
  top: 440px;
  left: 213px;
  height: 91.9px;
  width: 91.9px;
}

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

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

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

.res-input-innerflex {
  display: flex;
}

.res-input-innerflex span {
  padding-right: 10px;
}

.btn-edit-pd {
  padding: 9px !important;
  height: 20px !important;
  width: 20px !important;
}
/* Issue Id - 50 */
.btn-edit-pd-additional {
  padding: 9px !important;
  height: 30px !important;
  width: 30px !important;
}
.edit-btn-sec{
  margin-left: 10px;
}
/* Issue Id - 50 */
.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 0.5s cubic-bezier(0.77, 0, 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 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0.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: revert-layer !important; /* Issue-Id-58 */
}
.card-general-content img {
  /* width: 100%; */ /* Issue-Id-186 */
  max-width: 100% !important;
}
.frame-video {
  margin-top: 26px;
}
.bg-right-content {
  background: #dbd3d3;
  margin-left: 0 !important;
}
.card-general-content {
  word-break: break-word;
}
#logo-button {
  position: relative;
}
#logo-button .rem-logo-btn {
  position: absolute;
  top: -7px;
  right: -11px;
  background: none;
  border: none;
}
.cus-lable {
  background: #dbdee1;
  border-radius: 10px;
  width: 200px;
  margin-right: 10px;
  font-size: 12px;
  font-family: "montserrat-regular";
  height: 35px;
  padding: 10px 20px;
  transition: all 0.5s ease;
}
.ui-state-default {
  border: none !important;
  background: none !important;
}
.cus-lable:hover {
  /* background: red; */ /* Issue-Id-0116 5*/
}

/* end saloni ccs */

.training_list_main {
  /* min-height: 288px; */
  overflow: auto;
  max-height: 288px;
}

.password-main {
  position: relative;
}

.pass-icons {
  position: absolute;
  top: 8px;
  right: 31px;
}

.pass-icons img {
  width: 16px;
}

.pass-icons,
.pass-icons:hover {
  border: 0;
  background: transparent;
}

.password-main .pass-input[type="password"] + .pass-icons .icon1 {
  display: none;
}

.password-main .pass-input[type="text"] + .pass-icons .icon2 {
  display: none;
}

.password-main .pass-input[type="text"] + .pass-icons .icon1 {
  display: block;
}

.pass-input {
  padding-right: 40px;
}
.reset-pass .pass-icons {
  position: absolute;
  top: 16px !important;
  right: 13px !important;
  display: flex;
}

.reset-pass .pass-icons img {
  width: 18px;
}
.sign-up .pass-icons {
  top: 18px !important;
  right: 3px !important;
  display: flex;
}
.sign-up .pass-input {
  padding-right: 28px !important;
}
.change_flex .password-main {
  padding-left: 16px;
}
/* .select2-spn-img{
    max-width: 12px !important;
} */
/* #select2-add-attribute-result-gf23-textArea-ic span img{
    margin: 0 !important;
    max-width: 22px;
} */

.select2-results__options li:last-child .select2-spn-img {
  margin: 0 !important;
  max-width: 22px;
}
.upload_icon_remove {
  margin-left: 20px;
}

.notification-icon {
  width: 56px;
  height: 60px;
  opacity: 1;
}

.launch-countdown {
  /* Layout Properties */
  top: 135px;
  left: 1075px;
  width: 51px;
  height: 53px;
  /* UI Properties */
  background: transparent linear-gradient(180deg, #6d6d6d 0%, #131313 100%) 0%
    0% no-repeat padding-box;
  opacity: 1;
}

.launch-countdown span {
  color: #009498;
  font-size: 2.2rem;
}
.launch-countdown-unit {
  text-align: center;
  letter-spacing: 0.25px;
  color: #009498;
  opacity: 1;
  font-size: 0.6rem;
  font-family: "Montserrat-Regular";
}

.free-affiliate .main_bottom_card {
  background-color: rgba(0, 0, 0, .03);
  min-height: 100px;
}
.free-affiliate .main_pack_card {
  background-color: transparent;
}

.free-affiliate .main_bottom_card ul li {
  color: #212529;
}

.free-affiliate .packages_radio_main .check_change_color:checked + .main_top_sec + .main_bottom_card {
  background-color: rgba(0, 0, 0, .03);
}
.main_bottom_card .elite-note p {
  font-size: 12px;
  font-family: "roboto-regular";
}

.team-leader .main_bottom_card {
  min-height: 286px;
}

.free-affiliate .main_bottom_card ul {
  min-height: 80px;
}
.btn-dark-login{
  background-color: var(--color-out-primary);
}

.check-col-1{

}
.filter-modal-body{
  padding: 25px;
}
.custome-check{
  padding: 0px;
}
/* Implement style to google recaptcha */
.recaptcha-condition-text{
  width: 304px;
  margin: auto;
  font-size: small;
}
/* Issue-Id-84 */
.custom-training-window{
  height: 100vh !important;
}
.note-resizebar {
  cursor: n-resize !important;
}
.note-editor {
  margin-bottom: 7px !important;
}

/* Issue-Id-84 */

.profile-company-footer-flex {
  margin-top: 15px;
}

.activity-title {
  font-size: 18px;
  line-height: 22px;
  color: #464646;
  font-family: 'montserrat-bold';
}

.activity-input-box .factivity-form-control {
  background-color: #e9ecef;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  max-width: 253px;
  color: #404040;
  font-size: 16px;
  line-height: 19px;
  font-family: 'montserrat-regular';
  padding: 12px 16px;
}

.activity-lable {
  font-size: 16px;
  line-height: 22px;
  color: #464646;
  font-family: 'montserrat-semibold';
  margin-bottom: 16px;
  min-height: 22px;
}

.activity-input-flex {
  display: flex;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
}

.activity-input-box .number-form-control {
  border: 1px solid #ECECEC;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  color: #404040;
  font-size: 18px;
  line-height: 27px;
  font-family: 'montserrat-semibold';
  width: 42px;
  height: 39px;
  padding: 7px 4px;
}

.activity-checkbox-flex {
  display: flex;
  align-items: center;
  gap: 8px;
}

.activity-delete-box .activity-delete-btn {
  background-color: #C6C6C6;
  color: #404040;
  font-size: 16px;
  line-height: 19px;
  font-family: 'montserrat-semibold';
  padding: 0px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  width: 47px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.activity-checkbox-control {
  margin-top: 0;
}

.activity-delete-icon {
  width: 17px;
  height: 23px;
  object-fit: contain;
}

.activity-checkbox-lable {
  color: #404040;
  font-size: 14px;
  line-height: 20px;
  font-family: sans-serif;
}

.activity-training-title-flex {
  display: flex;
  margin: 31px 0px 42px;
  gap: 17px;
}

.activity-training-icon {
  width: 26px;
  height: 26px;
  object-fit: contain;
}

.activity-traning-title {
  color: #464646;
  font-size: 20px;
  line-height: 32px;
  font-family: 'montserrat-bold';
  margin: 0;
}

.activity-action-box {
  background-color: #e9ecef;
  color: #404040;
  font-size: 16px;
  line-height: 19px;
  font-family: 'montserrat-semibold';
  padding: 0px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  width: 35px;
  height: 35px;
  /* display: flex; */
  justify-content: center;
  align-items: center;
}

.activity-training-flex {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  align-items: center;
}

.activity-action-icon {
  width: 17px;
  height: 23px;
  object-fit: contain;
}

.activity-deveider {
  background: #FFFFFF;
  box-shadow: 0px 5px 6px #00000040;
  max-width: 548px;
  width: 100%;
  border: 1px solid #707070;
  margin: 41px 0px 50px;
  height: 7px;
}

.activity-customization-inner {
  margin-left: 60px;
}

.activity-plus-btn {
  background-color: #464646;
  color: #404040;
  font-size: 16px;
  line-height: 19px;
  box-shadow: inset 7px 5px 10px #00000029, 0px 0px 8px #00000085 !important;
  font-family: 'montserrat-semibold';
  /* padding: 0px; */
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  width: 47px;
  height: 45px;
  padding-top: 8px;
  /* display: flex; */
  /* justify-content: center; */
  align-items: center;
}

.activity-plus-icon {
  width: 27px;
  height: 27px;
  object-fit: contain;
}

.activity-mandatory-text {
  margin-bottom: 28px;
  color: #464646;
  font-size: 14px;
  line-height: 20px;
  font-family: 'montserrat-regular';
}

.activity-days-flex {
  display: flex;
  gap: 47px;
  align-items: center;
  margin: 29px 0px 37px;
}

.activity-days-box {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 8px;
  width: 70px;
  height: 108px;
  padding: 29px 8px 15px;
}

.activity-days-text {
  color: #464646;
  font-size: 20px;
  line-height: 28px;
  font-family: 'montserrat-medium';
  margin-bottom: 20px;
  text-align: center;
}

.activity-dots-main {
  width: 14px;
  height: 14px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px #00000029;
  display: flex;
  justify-content: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  align-items: center;
  margin: auto;
}

.activity-days-box.active {
  box-shadow: 0px 3px 6px #60A7A88F;
  background-color: #009498;
}

.activity-days-box.active .activity-days-text {
  color: #fff;
}



.customization-tabs-main .nav-tabs .nav-item button {
  font-size: 13px;
  line-height: 13px;
  color: #464646;
  font-family: 'montserrat-semibold';
  padding: 15px 103px 15px 20px; /*Issue-Id-0821 1*/
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  background: #DBDEE1;
  box-shadow: inset -5px -5px 5px #00000029;
  margin-right: 10px;
}

.customization-tabs-main .nav-tabs .nav-item.show .nav-link,
.customization-tabs-main .nav-tabs .nav-link.active {
  background: #C5E9EB;
  box-shadow: inset 6px 7px 6px #00000029;
}

.customization-tabs-main .nav-tabs {
  border: 0;
}

.activity-custom-drop-arrow {
  height: 6px;
  width: 12px;
  object-fit: contain;
  position: absolute;
  right: 11px;
  top: 40px;
}

.activity-dropdown-main {
  margin: 45px 0px;
}

.activity-custom-drop .downline-selection {
  border: 1px solid #707070;
  border-radius: 8px;
  position: relative;
  max-width: 200px;
}

.activity-custom-drop {
  max-width: 200px;
  position: relative;
}

.form-check-input.activity-checkbox-control:checked {
  background-color: #404040;
  border-color: #404040;
}
/* Issue-Id-84 */

/* Issue-Id-144 */
.scroll-top-btn-main{
  position: fixed;
  bottom: 3%;
  right: 5%;
  display: none;
}
.scroll-top-btn{
height: 30px;
width: 30px;
border-radius: 50%;
padding: 5px;
display: flex;
justify-content: center;
align-items: center;
background-color: #43AEBB;
box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
border: 0;
}
.scroll-up-arrow{
height: 18px;
width: 18px;
object-fit: contain;
}
/* Issue-Id-144 */


/* Hasan New CSS */
.activity-tab .date-picker img{
    position: absolute;
    top: 36px;
    width: 20px;
    height: 20px;
    right: 10px;
    opacity: 0.3;
}

.activity-tab .activity-customization-inner {
    margin: 15px 0;
}

.activity-tab #monthly-tab-pane .nav-item,
.activity-tab #weekly-tab-pane .nav-item,
.activity-tab #daily-tab-pane .nav-item {
    position: relative;
}

.activity-tab #monthly-tab-pane .action-buttons,
.activity-tab #weekly-tab-pane .action-buttons,
.activity-tab #daily-tab-pane .action-buttons {
    position: absolute;
    right: 22px;
}

.activity-tab #monthly-tab-pane .action-buttons i,
.activity-tab #weekly-tab-pane .action-buttons i,
.activity-tab #daily-tab-pane .action-buttons i{
    color: #000;
    font-size: 18px;
    cursor: pointer;
}

.activity-tab #monthly-tab-pane .nav-item button,
.activity-tab #weekly-tab-pane .nav-item button,
.activity-tab #daily-tab-pane .nav-item button {
    padding-right: 40px;
}

#mon-activity-tab-pills .nav-item,
#week-activity-tab-pills .nav-item,
#daily-activity-tab-pills .nav-item {
    width: 25%;
    display: inline-block;
    box-sizing: border-box;
}


.activity-tab .activity-input-box .factivity-form-control{
    max-width: 45vw;
    height: 35px;
}

.activity-tab .training_list_main{
    border-top: 1px solid #ccc;
}

.collab-space{
    transform: scale(2.6);
}