@charset "utf-8";

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

.dash {
    /*display: flex;*/
    min-height: 100vh;
}

.dash-nav {
    width: 302px;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
    background-color: #0c111d;
    color: #9ea2ac;
    font-weight: 600;
    transition: all .3s ease-in-out 0s;
}

.leftsecpos {
    position: relative;
    padding-bottom: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: auto;
}

.left-top-sec {
    padding: 20px 16px 20px 16px;
}

.leftftmenu {
    position: relative;
    width: 100%;
    flex: 1;
    display: flex;
    align-items: flex-end;
    padding-bottom: 15px;
}

.account-name {
    margin-bottom: 20px;
    position: relative;
}

.switch-acc,
.switch-h {
    align-items: center;
    display: flex;
}

.switch-h {
    gap: 10px;
}

.account-info {
    align-items: center;
    background: 0 0;
    border: 1px solid transparent;
    border-radius: 8px;
    box-shadow: 0 1px 1px 0 rgba(16, 24, 40, .06);
    display: flex;
    justify-content: space-between;
    padding: 0px 12px;
}

.account-holder {
    align-items: center;
    display: flex;
    gap: 10px;
}

.switch-acc {
    border-radius: 8px;
    cursor: pointer;
    justify-content: space-between;
    padding: 6px;
    transition: all .4s;
}

.switch-acc:hover {
    background: #f2f4f7;
}

.account-holder h3 {
    color: #fff;
    font-size: var(--ft-14);
    font-weight: 600;
    line-height: 20px;
    margin: 0;
}

.switch-box {
    display: none;
    background: #fff;
    border: 1px solid #FAFAFA;
    border-radius: 16px;
    box-shadow: 0px 10.667px 10.667px -5.333px rgba(16, 24, 40, 0.03), 0px 26.667px 32px -5.333px rgba(16, 24, 40, 0.08);
    padding: 20px 8px 12px 8px;
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 20px;
    top: 90px;
    z-index: 99;
}

.switch-box-info {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.switch-box-h {
    padding: 0 6px;
}

.switch-box-h h3 {
    color: #6A7182;
    font-size: var(--ft-16);
    font-weight: 600;
    line-height: 18px;
    margin: 0;
}

.switch-acc .check {
    opacity: 0;
}

.switch-acc.active .check {
    opacity: 1;
}

.search-form {
    position: relative;
}

.search-form i {
    color: #767676;
    left: 20px;
    position: absolute;
    top: 15px;
}

.search-form input {
    color: #6A7182;
    font-size: var(--ft-16);
    font-weight: 400;
    line-height: 24px;
    width: 100%;
}

.search-form .form-input {
    background-color: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 8px;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .05);
    padding: 10px 14px 10px 47px;
}

.search-form.dark-inp .form-input {
    background-color: #151923;
    border: 1px solid #39404f;
    color: #6a7182;
}

.search-form.dark-inp .form-input.search-dark-icon {
    background-image: url(../images/search-icon.svg);
    background-repeat: no-repeat;
    background-position: 14px 11px;
    background-size: 20px;
}

.switch-box.open {
    display: block;
}

.line {
    border-bottom: 1px solid #eaecf0;
}

.add-company a {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 6px;
    color: #0C111D;
    font-size: var(--ft-16);
    font-weight: 600;
    line-height: 20px;
}

.add-company a span {
    margin-left: 6px;
}

.add-company a:hover {
    color: #6b707b;
}

.switch-h h3 {
    color: #1d2939;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    margin: 0;
}

.left-navbar {
    margin-top: 10px; 
}

.left-navbar ul li a {
    align-items: center;
    border-radius: 6px;
    color: #9ea2ac !important;
    display: flex;
    font-family: Inter;
    font-size: var(--ft-16);
    font-weight: 600;
    gap: 10px;
    line-height: 24px;
    margin-bottom: 5px;
    padding: 8px 12px 8px 45px;
    text-decoration: none;
    position: relative;
}

.left-navbar ul li a img {
    position: absolute;
    left: 11px;
    top: 8px;
    max-width: 24px;
    max-height: 24px;
    filter: brightness(0) invert(1);
    opacity: 0.6;
}

.left-navbar ul li a:hover img {
    filter: brightness(0) invert(1);
    opacity: 1;
}

.left-navbar ul li a:hover,
.left-navbar ul li.active a {
    background: #222834;
    color: #fff !important;
}

.ft-bot-navbar {
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
    margin-bottom: 22px;
    margin-top: 10px;
}

.userbox {
    padding: 16px;
    border-top: 1px solid #151923;
}

.userbox-flex,
.userbox-info {
    align-items: center;
    display: flex;
}

.userbox-flex {
    justify-content: space-between;
}

.userbox-info {
    gap: 10px;
}

.user-meta h3,
.user-meta span {
    font-size: var(--ft-14);
    line-height: 20px;
}

.user-meta h3 {
    color: #fff;
    font-weight: 600;
    margin: 0;
}

.user-meta span {
    color: #d6d6d6;
    font-weight: 400;
}

.left-bottom-box {
    width: 100%;
}

.dash-app {
    margin-left: 302px;
    /* display: flex; -webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;-webkit-box-flex: 2;-webkit-flex-grow: 2;-ms-flex-positive: 2;flex-grow: 2; */
    transition: all .3s ease-in-out 0s;
}

.dass-midd-padd {
    padding: 32px 32px 32px 32px;
}

.comingsoon-page {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    padding-right: 16px;
}

.setup-content {
    text-align: center;
    font-size: var(--ft-16);
    color: #6a7182;
    font-weight: 500;
}

.setup-content img {
    margin-bottom: 20px;
}

.setup-content h3 {
    color: #39404f;
    margin-bottom: 10px;
}

.img-mb-none img {
    margin-bottom: 0;
}

.support-main {
    background: #fff;
    border: 1px solid #e4e5e8;
    border-radius: 12px;
    box-shadow: 0 24px 48px -12px rgba(16, 24, 40, .18);
    padding: 20px;
    position: absolute;
    left: 321px;
    width: 387px;
    bottom: 50px;
    display: none;
    z-index: 99;
}

.support-main.open {
    display: block;
}

.support-h {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.support-h h3 {
    color: #222834;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin: 0;
}

.sepreater.with-pad {
    margin: 15px 0;
}

.sepreater {
    border-bottom: 1px solid #eaecf0;
}

.support-footer {
    text-align: center;
}

.support-footer a {
    color: #4d5361;
    font-size: var(--ft-16);
    font-weight: 600;
    line-height: 24px;
}

.support-footer a:hover {
    color: #0c111d;
}

.support-con {
    margin-bottom: 15px;
}

.support-con h2 {
    color: #222834;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    margin: 0 0 5px 0;
}

.support-con p {
    color: #4d5361;
    font-size: var(--ft-16);
    font-weight: 500;
    line-height: 24px;
}

.support-btns {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.navbar-icon {
    position: absolute;
    right: -43px;
    top: 13px;
    display: none;
}

.mobile-show .navbar-icon {
    right: -32px;
}

.navbar-icon a {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.navbar-icon a.desk-none {
    display: none;
    width: 24px;
}

.mobile-show .navbar-icon a.desk-none {
    display: block;
}

.mobile-show .navbar-icon a img.nav-bar-icon {
    display: none;
}

.header-row {
    flex-wrap: wrap;
}

.h-title h2 {
    margin-bottom: 0px;
}

.main-header {
    margin-bottom: 30px;
    position: relative;
}

.graph-exp-sec {
    margin-bottom: 25px;
}

.tabs-list {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.tabs-list li {
    margin: 5px 0px;
}

.tabs-list li a {
    font-weight: 600;
    color: #9EA2AC !important;
    border-radius: 8px !important;
    border: 1px solid transparent;
    padding: 10px 16px;
    line-height: normal;
}

.tabs-list li a:hover,
.tabs-list li.active a {
    color: #222834 !important;
    border-color: #E4E5E8 !important;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    background-color: #fff !important;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #222834 !important;
    border-color: #E4E5E8 !important;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    background-color: #fff !important;
}

.right-btn {
    margin: 5px 0px;
    gap: 10px;
    display: flex;
}

.right-btn .btn {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.graphbox {
    padding: 32px;
}

.graphbox .row {
    margin-left: -32px;
    margin-right: -32px;
    align-items: center;
}

.graphbox .row>* {
    padding-left: 32px;
    padding-right: 32px;
}

.boxborder {
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    border: 1px solid #EFF0F1;
    border-radius: 12px;
}

.leads-main {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.leads-con.with-border {
    border-left: 4px solid #1c1c1c;
}

.leads-con {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
}

.leads-title span {
    color: #4d5361;
    font-size: var(--ft-16);
    font-weight: 500;
    line-height: 20px;
    display: flex;
    margin-bottom: 8px;
}

.leads-title h3 {
    color: #151923;
    font-size: 36px;
    font-weight: 600;
    letter-spacing: -.72px;
    line-height: 44px;
    margin: 0;
}

.profit-box {
    align-items: center;
    background: #ecfdf3;
    border-radius: 16px;
    display: inline-flex;
    gap: 5px;
    padding: 2px 10px 2px 8px;
    margin-bottom: 9px;
}

.profit-box span {
    color: #027a48;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
}

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

.info-box-con span {
    color: #4d5361;
    font-size: var(--ft-16);
    font-weight: 500;
    line-height: 24px;
    display: flex;
    margin-bottom: 1px;
}

.info-box-con h5 {
    color: #151923;
    font-weight: 600;
    line-height: 30px;
    margin: 0;
}

.info-box {
    align-items: center;
    display: flex;
    gap: 15px;
    padding: 16px 24px;
    margin-bottom: 15px;
}

.infobox-icon {
    width: 48px;
    height: 48px;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.icon-orange {
    background-color: #FFF7EB;
}

.icon-blue {
    background-color: #EEECFD;
}

.icon-black {
    background-color: #E4E5E8;
}

.icon-green {
    background-color: #ECFDF3;
}

.info-section {
    margin-bottom: 18px;
}

/*----------table-start------------*/
.cstmTable {
    width: 100%;
}

.cstmTable th,
.cstmTable td {
    padding: 16px 24px;
}

.cstmTable th {
    color: #0C111D;
    font-size: var(--ft-12);
    border-bottom: 1px solid #EBEBED;
    font-weight: 500;
    line-height: 18px;
}

.cstmTable thead {
    background-color: transparent;
    border-radius: 5px
}

.cstmTable td {
    color: #4D5361;
    font-size: var(--ft-14);
    border-bottom: 1px solid #EBEBED;
    vertical-align: middle;
}

.cstmTable tr td:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.cstmTable tr td:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.act-td {
    text-align: right;
}

table.bt thead,
table.bt tbody th {
    display: none;
}

.tab-bord-none th,
.tab-bord-none td {
    border: none;
}

.oddeven-table th {
    background-color: #fff;
    padding-top: 12px;
    padding-bottom: 12px;
}

.oddeven-table tr:nth-child(odd) {
    background-color: #FAFAFA;
}

.oddeven-table tr:nth-child(even) {
    background-color: #fff;
}

/*----------table-end------------*/

.title-table-head-sec {
    margin-bottom: 15px;
}

.title-table-head-sec h6 {
    margin-bottom: 0;
}

.tablesection {
    background: #fff;
    border: 1px solid #eff0f1;
    border-radius: 12px;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .05);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.brand-info h6 {
    font-weight: 400;
    font-size: var(--ft-14);
    margin-bottom: 1px;
}

.brand-title h6 {
    font-weight: 500;
}

.brand-div {
    align-items: center;
    display: flex;
    gap: 10px;
}

.leads-h h6,
.recent-title h6 {
    margin-bottom: 0;
}

.leads-h a {
    color: #4D5361;
}

.leads-h a:hover {
    color: #0c111d;
}

.recent-act {
    position: relative;
}

.recent-title {
    margin-bottom: 15px;
}

.leads-div h5,
.recent-info-main h5 {
    font-size: var(--ft-14);
    font-weight: 500;
    margin-bottom: 0;
    color: #39404f;
}

.recent-info-main {
    display: flex;
    flex-direction: column;
    gap: 15px;
    height: 228px;
    overflow: hidden;
    overflow-y: visible;
}

.recent-act::after {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff 79.39%);
    bottom: -25px;
    content: "";
    height: 100px;
    position: absolute;
    width: 100%;
}

.recent-info-h {
    align-items: center;
    display: flex;
    gap: 5px;
}

.recent-info-h span,
.recent-info-p p {
    color: #475467;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
}

.recent-info-h span {
    font-size: var(--ft-12);
}

.recent-info-p p {
    font-size: var(--ft-14);
    line-height: 20px;
    margin: 0;
}

.leads-div {
    margin-top: 50px;
}

.leads-h {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.leads-h span {
    color: #575757;
    font-size: var(--ft-14);
    line-height: 20px;
}

.leads-info-div {
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.leads-con-side {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.leads-con-side span {
    color: #4d5361;
    font-size: var(--ft-12);
    font-weight: 400;
    text-align: right;
    flex-shrink: 0;
    line-height: 20px;
}

.leads-para a,
.recent-info-p a {
    color: #1c1c1c;
    font-weight: 500;
}

.leads-para a:hover,
.recent-info-p a:hover {
    color: #4D5361;
}

.recent-info {
    margin-top: 15px;
}

.notification-box {
    background: #fff;
    border: 1px solid #eaecf0;
    border-radius: 12px;
    box-shadow: 0 24px 48px -12px rgba(16, 24, 40, .18);
    /*height: 420px;*/
    margin-top: 10px;
    overflow: hidden;
    overflow-y: hidden;
    overflow-y: visible;
    padding: 15px 0;
    position: absolute;
    right: 32px;
    width: 64%;
    max-width: 400px;
    width: calc(100% - 30px);
    z-index: 1;
    display: none;
}

.notification-box.noti-open {
    display: block;
}

.notification-box.open {
    display: block;
}

.noti-head {
    margin-bottom: 12px;
}

.noti-head h5 {
    color: #222834;
    margin-bottom: 0;
}

.noti-head a {
    color: #151923;
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
}

.noti-head a:hover {
    color: #4d5361;
}

.noti-bottomborder {
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e4e5e8;
}

.noti-list {
    padding-left: 8px;
    padding-right: 8px;
}

.notification-info-con {
    align-items: flex-start;
    display: flex;
    gap: 12px;
    padding-right: 20px;
}

.noti-avtar-img {
    width: 32px;
    height: 32px;
    overflow: hidden;
    border-radius: 100%;
    flex-shrink: 0;
}

.noti-avtar-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.notification-tabs-sec {
    height: 280px;
}

.notification-info-title h4,
.notification-info-title span {
    color: #667085;
    font-weight: 400;
}

.notification-info-title b,
.notification-info-title strong {
    color: #344054;
    font-weight: 600;
}

.notification-info-title h4 {
    font-size: var(--ft-16);
    line-height: 20px;
    margin: 0;
    font-weight: 600;
}

.black-dot {
    background-color: #151923;
}

.green-dot {
    background-color: #12B76A;
}

.round-dot {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    display: flex;
    position: absolute;
    right: 14px;
    top: 16px;
}

.notification-listing a {
    position: relative;
    display: flex;
    align-items: flex-start;
    transition: all .3s;
    padding: 8px;
    border-radius: 8px;
}

.notification-listing a:hover {
    background-color: #EFF0F1;
}

.notification-tab-btn {
    gap: 8px;
}

.notification-tab-btn .nav-link {
    border: 1px solid #fff;
    background-color: #fff;
    font-size: var(--ft-14);
    font-weight: 600;
    color: #9EA2AC;
    border-radius: 8px;
    padding: 8px 16px;
    line-height: 20px;
}

.notification-tab-btn .nav-link.active,
.notification-tab-btn .show>.nav-link {
    background-color: #fff;
    border-color: #E4E5E8;
    color: #222834;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.notification-modal .modal-dialog {
    max-width: 825px;
}

.notification-modal .modal-content {
    background: #fff;
    border: 1px solid #f9fafb;
    border-radius: 16px;
    box-shadow: 0 8px 8px -4px rgba(16, 24, 40, .03), 0 20px 24px -4px rgba(16, 24, 40, .08);
}

.notification-modal .search-form {
    width: 100%;
}

.notification-modal .search-form img {
    position: absolute;
    top: 13px;
    left: 14px;
}

.notification-modal .search-form .form-input {
    font-size: var(--ft-16);
    line-height: 24px;
    color: #6A7182;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    border-color: #D2D4DA;
    border-radius: 8px;
    background-color: #fff;
}

.notification-modal h6.popup-title {
    font-size: var(--ft-14);
    font-weight: 600;
    color: #6A7182;
    line-height: 20px;
    margin-bottom: 10px;
}

.suggestion-box a {
    align-items: center;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    padding: 6px 8px;
    transition: all .3s;
}

.suggestion-box a:hover {
    background-color: #EFF0F1;
}

.suggesstion-con {
    align-items: center;
    display: flex;
    gap: 10px;
    font-size: var(--ft-16);
    font-weight: 500;
    line-height: 24px;
}

.suggestion-box span {
    font-size: var(--ft-16);
    font-weight: 400;
    line-height: 24px;
    flex-shrink: 0;
}

.suggesstion-con,
.suggesstion-con h3 {
    font-size: var(--ft-16);
    color: #39404f;
    margin-bottom: 0;
    line-height: 24px;
}

.suggesstion-con span {
    color: #6a7182;
}

.suggest-icon {
    padding: 8px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #e4e5e8;
    flex-shrink: 0;
    background-color: #fff;
}

.navigation-btns span {
    font-size: var(--ft-14);
    color: #6a7182;
    font-weight: 600;
}

.navigation-btns {
    align-items: center;
    display: flex;
    gap: 8px;
}

.navigation-btns {
    display: flex;
    align-items: center;
}

span.command-txt {
    color: #39404f;
}

.modgraybtn {
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .05);
    border: 1px solid #d2d4da;
    border-radius: 4px;
    background-color: #e4e5e8;
    color: #39404f;
    font-size: var(--ft-12);
    font-weight: 400;
    padding: 4px 6px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modbtnclose {
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}

.header-btn .btn {
    padding: 8px 16px;
    border: none;
    display: flex;
    align-items: center;
}

.header-btn .btn img {
    margin-right: 6px;
}

.graph-exp-sec .right-btn .btn img {
    width: 20px;
}

.camp-search {
    position: relative;
}

.camp-search input {
    width: 400px;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}

.camp-search input[type="submit"] {
    position: absolute;
    left: 15px;
    top: 12px;
    width: 20px !important;
    height: 20px;
    background: url(../images/search-icon.svg) no-repeat left center;
    border: none;
    cursor: pointer;
}

.table-sm-btn {
    border-radius: 20px;
    font-size: var(--ft-12);
    font-weight: 500;
    line-height: 18px;
    padding: 2px 8px;
    text-align: center;
    width: max-content;
    border-width: 1.5px;
    border-style: solid;
    border-color: #0c111d;
}

.live {
    border-color: #039855;
    color: #027a48;
}

.paused {
    border-color: #151515;
    color: #39404F;
}

.cancelled {
    border-color: #F04438;
    color: #F04438;
}

.navigations-section {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 16px 24px 12px;
}

.flex-navigations.export-btn {
    align-items: center;
    display: inline-flex;
    gap: 10px;
}

.export-btn a {
    align-items: center;
    background: #fff;
    border: 1px solid #d0d5dd;
    border-radius: 8px;
    color: #39404F;
    display: inline-flex;
    font-size: var(--ft-14);
    font-weight: 600;
    gap: 8px;
    line-height: 20px;
    padding: 7px 14px;
    text-decoration: none;
}

.active-tab,
.export-btn a {
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .05);
}

.export-btn a:hover {
    background-color: #f1f1f1;
}

.disabled-btn {
    opacity: .6;
    pointer-events: none;
}

.page-data span {
    font-size: var(--ft-14);
    line-height: 20px;
    font-weight: 500;
}

.pl-16 {
    /*padding-left: 20px !important;*/
}

.camp-create-sec {
    position: relative;
}

.camp-left-fix-panel {
    position: fixed;
    width: 395px;
    height: 100%;
    top: 0;
    border-right: 1px solid #EFF0F1;
    padding: 80px 0px 0px 0px;
    background-color: #fff;
}

.camp-right-panel {
    margin-left: 395px;
}

.back-a {
    padding: 25px 32px;
    font-size: var(--ft-16);
    line-height: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.back-a a {
    color: #151923;
    display: flex;
    align-items: center;
    gap: 7px;
}

.back-a a:hover {
    opacity: 0.6;
}

.user-avtar-img {
    width: 86px;
    height: 86px;
    overflow: hidden;
    border-radius: 100%;
    position: relative;
    margin: 0 auto;
}

.user-avtar-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.campaign-box {
    border-bottom: 1px solid #eff0f1;
    padding: 32px 0;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}

.campaing-box-con {
    margin: 16px 0;
}

.campaing-box-con h5 {
    color: #151923;
    font-weight: 600;
    line-height: 30px;
    margin: 0;
}

.campaing-box-con span {
    color: #4d5361;
    font-size: var(--ft-16);
    line-height: 24px;
}

.live-badge {
    border: 1.5px solid #039855;
    border-radius: 30px;
    color: #027a48;
    font-size: var(--ft-12);
    font-weight: 500;
    line-height: 18px;
    padding: 2px 8px;
    text-align: center;
}

.campaign-data {
    padding: 32px;
}

.campaign-data ul {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.campaign-data li h6 {
    margin-bottom: 2px;
    font-size: var(--ft-14);
    font-weight: 500;
    color: #6a7182;
    line-height: 20px;
}

.campaign-data li span {
    font-size: var(--ft-16);
    font-weight: 500;
    color: #222834;
    line-height: 24px;
    display: block;
}

.pos-top {
    position: fixed;
    top: 0;
    width: 100%;
    max-width: 394px;
    background-color: #fff;
    z-index: 1;
}

.userprofile-logout {
    background: #fff;
    border: 1px solid #e4e5e8;
    border-radius: 8px;
    box-shadow: 0 24px 48px -12px rgba(16, 24, 40, .18);
    padding: 0;
    position: absolute;
    left: 290px;
    width: 150px;
    bottom: 33px;
    display: none;
    z-index: 99;
    overflow: hidden;
}

.userprofile-logout li a {
    display: flex;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #eff0f1;
    gap: 5px;
}

.userprofile-logout li a:hover {
    background-color: #f1f1f1;
    color: #0c111d;
}

.userprofile-logout li:last-child a {
    border-bottom: none;
}

.filter-select .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 47px;
    padding-right: 15px;
    background: url(../images/filter-lines-icon.svg) no-repeat left 13px center;
    font-size: var(--ft-14);
    color: #39404f;
    font-weight: 600;
}

.filter-select .select2-container--default .select2-selection--single:hover {
    background-color: #f1f1f1;
}

.filter-select .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.date-calender-icon {
    background: url(../images/calendar-icon.svg) no-repeat left 13px center;
    background-size: 20px;
    padding-left: 30px;
    padding-right: 5px;
}

.daterangepicker .btn-primary {
    border: none;
}

.daterangepicker .btn.disabled,
.daterangepicker .btn:disabled,
.daterangepicker fieldset:disabled .btn {
    color: #fff;
    background-color: var(--darkblue);
    border-color: none;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: var(--darkblue);
}

.daterangepicker {
    border-radius: 8px;
    box-shadow: 0 24px 48px -12px rgba(16, 24, 40, .18);
    z-index: 9999;
}

.mobile-show-html {
    overflow: hidden;
    position: fixed;
    height: 100%;
    width: 100%;
}

.camp-tabs-part {
    padding: 10px 15px 0px 15px;
    border-bottom: 1px solid #EFF0F1;
}

.camp-tabs-part ul {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    max-width: 885px;
    margin-left: auto;
    margin-right: auto;
}

.camp-tabs-part li {
    margin: 5px 0px;
    display: flex;
}

.camp-tabs-part li a {
    font-weight: 600;
    color: #9EA2AC !important;
    border-radius: 8px !important;
    border: 1px solid transparent;
    padding: 10px 16px;
    line-height: normal;
}

.camp-tabs-part li a:hover,
.camp-tabs-part li.active a {
    color: #222834 !important;
    border-color: #E4E5E8 !important;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    background-color: #fff !important;
}

.camp-midd-sec {
    margin: 24px 15px 30px 15px;
    max-width: 885px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.accordion-activity-sec {
    position: relative;
    padding-left: 61px;
}

.accordion-activity-sec .accordion-button {
    padding: 5px 0px;
    font-size: var(--ft-16);
    font-weight: 500;
    color: #39404F;
    flex-wrap: wrap;
}

.accordion-activity-sec .accordion-button strong,
.accordion-activity-sec .accordion-button b {
    font-weight: 600;
    padding-left: 5px;
    padding-right: 5px;
}

.accordion-activity-sec .accordion-body {
    padding: 5px 0px;
    font-size: var(--ft-16);
    font-weight: 500;
    color: #39404F;
    display: inline-flex;
}

.accordion-activity-sec .accordion-body .acc-body-bg {
    background-color: #EFF0F1;
    border-radius: 8px;
    padding: 6px 8px;
}

.accordion-activity-sec .accordion-button:not(.collapsed) {
    background-color: #fff;
    border: none;
    box-shadow: none;
}

.accordion-activity-sec .accordion-button:focus {
    box-shadow: none;
}

.accordion-activity-sec .accordion-item {
    margin-bottom: 25px;
    border-bottom: none;
    position: relative;
}

.accordion-activity-sec .accordion-item:last-child {
    margin-bottom: 0px;
}

.accordion-activity-sec .accordion-body .exp-date {
    font-size: var(--ft-14);
    padding-left: 13px;
    position: relative;
    color: #6A7182;
}

.accordion-activity-sec .accordion-body .exp-date::before {
    position: absolute;
    left: 3px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #6A7182;
    top: 7px;
    content: "";
}

.accordion-activity-sec .accordion-button::after {
    margin-left: 15px;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    width: 24px;
    height: 24px;
    border-radius: 4px;
    border: 1px solid #D2D4DA;
    background-image: url(../images/down-arrow.svg);
    background-size: 11px;
    background-position: center;
}

.accordion-activity-sec::before {
    background: #eaecf0;
    content: "";
    display: inline-block;
    height: calc(100% - 69px);
    position: fixed;
    top: 69px;
    width: 1px;
    z-index: -1;
    margin-left: -47px;
}

.accordion-activity-sec .acc-icon {
    width: 48px;
    height: 48px;
    background-color: #fff;
    border: 1px solid #E4E5E8;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: -71px;
    top: 8px;
}

.accordion-activity-sec .acc-icon img {
    width: 24px;
}

.capm-mob-user-profile {
    display: none;
    width: 35px;
    height: 35px;
    overflow: hidden;
    border-radius: 100%;
}

.capm-mob-user-profile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.closeicon {
    text-align: right;
    display: none;
}

.closeicon img {
    width: 24px;
}

.note-box {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #E4E5E8;
    font-weight: 500;
    color: #4D5361;
    font-size: var(--ft-16);
}

.note-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 7px;
}

.note-name,
.note-date {
    margin-bottom: 8px;
}

.note-cont-bg {
    background-color: #EFF0F1;
    border-radius: 8px;
    padding: 12px;
    color: #222834;
    font-weight: 500;
    font-size: var(--ft-16);
    display: inline-flex;
}

.tasktodocomp .nav-link {
    font-weight: 600;
    color: #9EA2AC;
    border: 1px solid transparent;
}

.tasktodocomp .nav-link.active,
.tasktodocomp .show>.nav-link {
    color: #222834 !important;
    border-color: #E4E5E8 !important;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    background-color: #fff !important;
    border-radius: 8px !important;
}

.tasks-listingbox {
    border-radius: 12px;
    padding: 16px;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    border: 1px solid #E4E5E8;
    background-color: #fff;
    margin-bottom: 12px;
}

.support-cont-det-sec .tasks-listingbox a {
    display: block;
}

.task-list-flex {
    display: flex;
    align-items: flex-start;
    gap: 9px;
}

.task-checkbox {
    flex-shrink: 0;
    width: 24px;
}

.task-checkbox .form-check-input {
    margin-top: 0px;
}

.form-check-input {
    width: 20px;
    height: 20px;
    border-color: #D2D4DA;
    cursor: pointer;
}

.form-check-input[type="checkbox"] {
    border-radius: 6px;
}

.task-det {
    width: 100%;
}

.task-det h6 {
    margin-bottom: 5px;
    color: #39404F;
    font-weight: 600;
}

.task-cont {
    color: #6A7182;
    margin-bottom: 10px;
}

.task-btn .btn {
    border-radius: 6px;
    border-color: #d2d4da;
    font-weight: 600;
    padding: 3px 8px;
    line-height: 18px;
    font-size: var(--ft-12);
    font-weight: 500;
}

.create-new-task-btn .btn {
    border: none;
}

.grayborderbox {
    background: #fff;
    border: 1px solid #e4e5e8;
    border-radius: 12px;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .06), 0 1px 3px 0 rgba(16, 24, 40, .1);
}

.active-campaign-h {
    display: flex;
    justify-content: space-between;
    padding: 24px;
    flex-wrap: wrap;
    gap: 10px;
}

.ac-title {
    align-items: center;
    display: flex;
    gap: 8px;
}

.ac-title h3 {
    color: #151923;
    font-size: 18px;
    line-height: 28px;
    margin: 0;
    font-weight: 500;
}

.ac-title span {
    background: #ecfdf3;
    border: 1px solid #039855;
    border-radius: 16px;
    color: #039855;
    font-size: var(--ft-14);
    font-weight: 500;
    line-height: 20px;
    padding: 2px 10px;
    text-align: center;
}

.ac-con h4 {
    color: #4d5361;
    font-size: var(--ft-14);
    font-weight: 400;
    line-height: 20px;
    margin: 0;
}

.ac-con h4 a {
    color: #151923 !important;
    font-weight: 600;
}

.sepreater {
    border-bottom: 1px solid #e4e5e8;
}

.ac-pricing h3 {
    /*padding-left: 20px;*/
    position: relative;
    font-size: 36px;
    margin-bottom: 0px;
}

.ac-pricing span {
    color: #4d5361;
    font-size: var(--ft-16);
    font-weight: 500;
    line-height: 24px;
}

.ac-pricing .currency {
    color: #151923;
    font-size: 24px;
    font-weight: 600;
    top: -8px;
}

.active-campaign-f {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 16px 24px;
    flex-wrap: wrap;
    gap: 10px;
}

.active-campaign-f h3 {
    color: #9ea2ac;
    font-size: var(--ft-16);
    font-weight: 500;
    line-height: 20px;
    margin: 0;
}

.ac-campaign-btn,
.upgrade-btn {
    align-items: center;
    display: flex;
}

.active-campaign-f h3 span {
    color: #4d5361;
}

.ac-campaign-btn {
    gap: 15px;
    font-size: var(--ft-16);
    font-weight: 600;
}

.upgrade-btn {
    color: #151923 !important;
    gap: 5px;
}

.billing-box-padding {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 24px;
}

.payementmethod-h {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.added-method {
    align-items: center;
    background: #fff;
    border: 1px solid #eaecf0;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    padding: 10px 16px;
    flex-wrap: wrap;
}

.payment-method-title h3 {
    color: #151923;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin: 0;
}

.payment-method-title p {
    color: #4D5361;
    font-size: var(--ft-14);
    font-weight: 400;
    line-height: 20px;
    margin: 0;
}

.added-method-con {
    align-items: center;
    display: flex;
    gap: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.payment-card-img {
    width: 58px;
}

.payment-card-img img {
    width: 100%;
}

.card-title {
    align-items: center;
    display: flex;
    gap: 8px;
}

.card-con p {
    color: #4D5361;
    font-family: Inter;
    font-size: var(--ft-14);
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
}

.card-title h3 {
    color: #39404F;
    margin: 0;
}

.card-title h3,
.card-title span {
    font-family: Inter;
    font-size: var(--ft-14);
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.card-title span {
    color: #9EA2AC;
}

.billing-box-padding .btn {
    padding-top: 7px;
    padding-bottom: 7px;
}

.billing-box-padding .btn.btn-white {
    font-size: var(--ft-14);
    line-height: 20px;
}

.table-heading-div {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.table-title h3 {
    color: #151923;
    font-size: 18px;
    line-height: 28px;
    margin: 0;
}

.table-heading-div-r a,
.table-title p {
    font-size: var(--ft-14);
    line-height: 20px;
}

.table-title p {
    color: #4d5361;
    font-weight: 400;
    margin: 0;
}

.table-heading-div-r {
    align-items: center;
    display: flex;
    gap: 5px;
}

.table-heading-div-r a {
    color: #151923;
    display: inline-block;
    font-weight: 600;
    padding: 10px 5px;
}

.table-heading-div-r a:hover {
    color: #9ea2ac;
}

.sm-btn-img-icon img {
    width: 12px;
}

.table-main-title h6 {
    font-weight: 500;
    font-size: var(--ft-14);
    margin-bottom: 0px;
    color: #151923;
}

.table-end-btn .btn {
    font-size: var(--ft-14);
    font-weight: 600;
    padding: 5px 16px;
    border-radius: 8px;
}

.table-end-btn .btn-blank {
    font-size: var(--ft-16);
    padding-left: 8px;
    padding-right: 8px;
}

.table-end-btn .btn-blank:hover {
    color: #9ea2ac;
}

.invoice-table th {
    font-size: var(--ft-12);
    color: #4D5361;
    font-weight: 500;
}

.invoice-table .cstmTable th {
    padding: 12px 18px;
    background-color: #FAFAFA;
    white-space: nowrap;
}

.invoice-table .cstmTable td {
    padding: 16px 18px;
}

.invoice-table .table-sm-btn {
    border-radius: 20px;
    font-size: var(--ft-12);
    font-weight: 500;
    line-height: 18px;
    padding: 2px 8px;
    text-align: center;
    width: max-content;
    border: none;
    display: flex;
    align-items: center;
    gap: 5px;
}

.invoice-table .table-sm-btn.overdue-btn {
    color: #dc6803;
    background-color: #fffaeb;
}

.invoice-table .table-sm-btn.paid-btn {
    color: #039855;
    background-color: #ecfdf3;
}

/*.billing-modal {z-index: 999999;}
.modal-backdrop.show {z-index: 99999;}*/
.billing-modal .modal-dialog {
    max-width: 598px;
}

.billing-upgradecampaign-modal .modal-dialog {
    max-width: 690px;
}

.payment-header {
    display: flex;
    gap: 16px;
}

.method-con h6 {
    color: #151923;
    margin-bottom: 0px;
    font-weight: 600;
    line-height: 26px;
}

.method-con p {
    color: #4D5361;
    font-size: var(--ft-16);
    line-height: 24px;
}

.payment-card-icon {
    flex-shrink: 0;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    width: 48px;
    height: 48px;
    border: 1px solid #E4E5E8;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.payment-card-icon img {
    width: 24px;
}

.billing-upgradecampaign-modal .modal-footer-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.modal-colse-btn {
    gap: 10px;
    display: flex;
}

.billing-modal .modal-header {
    align-items: flex-start;
}

.billing-modal .modal-header .btn-close {
    margin-top: 1px;
}

.card-number-input {
    position: relative;
}

.mastercard-icon {
    position: absolute;
    left: 12px;
    top: 10px;
    padding: 4px 4px;
    border: 1px solid #e1e2e5;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.card-number-input .form-control {
    padding-left: 54px;
}

.payment-form-list .form-control {
    color: var(--darkblue);
}

.expcvv-flex {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.exp-cvv {
    max-width: 120px;
}

.billing-modal .form-label {
    color: #444;
    font-size: var(--ft-14);
    font-weight: 500;
    margin-bottom: 6px;
    line-height: 20px;
}

.payment-form-list .form-control {
    color: var(--darkblue);
}

.relax-tab-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 32px;
}

.relax__tabs {
    padding: 4px;
    background-color: #EFF0F1;
    border-radius: 12px;
    display: flex;
    flex-wrap: wrap;
}

.payment-graybg .nav-link {
    font-size: var(--ft-14);
    font-weight: 600;
    line-height: 20px;
    color: #9EA2AC;
    padding: 10px 16px;
    border-radius: 8px;
    border: 1px solid #EFF0F1;
}

.payment-graybg .nav-link.active,
.payment-graybg .nav-link .show>.nav-link {
    background-color: #fff;
    color: #151923;
    border-color: #EFF0F1;
}

.relax__tabs-item {
    display: inline-flex;
    vertical-align: top;
    margin-right: 5px;
}

.relax__tabs-item:last-child {
    margin-right: 0;
}

.relax__tabs-item a {
    font-size: var(--ft-14);
    font-weight: 600;
    line-height: 20px;
    color: #9ea2ac;
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #eff0f1;
    display: flex;
    align-items: center;
}

.relax__tabs-item a img {
    margin-right: 6px;
}

.relax__tabs-item a:focus,
.relax__tabs-item a:hover {
    background-color: #fff;
    color: #151923;
}

.relax__tabs-item--active a {
    background-color: #fff;
    color: #151923;
    border-color: #eff0f1;
}

.relax__item:not(.relax__item--active) {
    display: none;
}

.amo-sub-title {
    font-size: var(--ft-14);
    color: #6A7182;
    font-weight: 500;
    margin-bottom: 7px;
    line-height: 20px;
}

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

.amo-left-col {
    color: #151923;
    font-weight: 500;
    line-height: 24px;
    font-size: var(--ft-16);
}

.amount-edit {
    margin-left: 10px;
    flex-shrink: 0 !important;
    display: flex;
    align-items: flex-start;
}

.amount-edit img {
    transition: all 0.3s ease-in-out 0s;
}

.amount-edit:hover img {
    opacity: 0.7;
}

.amount-edit span {
    margin-right: 10px;
    font-size: 24px;
    font-weight: 600;
    color: #151923;
}

.amount-det-list .row {
    margin-left: 0px;
    margin-right: 0px;
}

.amount-det-list .col-md-6 {
    border-bottom: 1px solid #E4E5E8;
    padding-bottom: 16px;
    margin-bottom: 16px;
    padding-left: 0px;
    padding-right: 0px;
}

.amount-det-list .col-md-12 {
    padding-left: 0px;
    padding-right: 0px;
}

.faster-payment .amo-sub-title {
    font-weight: 600;
    color: #39404F;
    font-size: var(--ft-16);
    line-height: 24px;
}

.faster-payment .amo-left-col {
    font-weight: 400;
    font-size: var(--ft-14);
    color: #4D5361;
    line-height: 20px;
}

.amount-det-list .col-md-6:nth-child(2n+1) .amo-list {
    padding-right: 15px;
}

.amount-det-list .col-md-6:nth-child(2n+2) .amo-list {
    padding-left: 15px;
}

.ft-top-border {
    border-top: 1px solid #dee2e6;
    padding: 1rem 1rem 0rem 1rem;
}

.formpadding {
    padding: 0px 1rem 1.7rem 1rem;
}

.payment-title {
    margin-bottom: 15px;
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 10px;
}

.payment-title h3 {
    font-size: 20px;
    margin-bottom: 0px;
}

.payment-list {
    margin-bottom: 15px;
}

.payment-list li {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    font-size: var(--ft-14);
    color: #6A7182;
    font-weight: 500;
    margin-bottom: 7px;
    gap: 10px;
}

.payment-total {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    font-size: var(--ft-14);
    color: #222834;
    font-weight: 600;
}

.pricelist {
    flex-shrink: 0;
}

.newpaymentmethod-add {
    margin-bottom: 0px;
    color: #4D5361;
    font-weight: 600;
    font-size: var(--ft-16);
}

.newpaymentmethod-add a {
    color: #4D5361;
    display: flex;
    align-items: center;
}

.newpaymentmethod-add a:hover {
    color: #151923;
}

.multy-payment-method ul {
    margin-bottom: 10px;
}

.multy-payment-method li {
    margin-bottom: 12px;
}

.payment-box-border {
    border-radius: 12px;
    border: 1px solid #E4E5E8;
    background-color: #fff;
    padding: 16px;
    display: flex;
    position: relative;
    padding-right: 45px;
    cursor: pointer;
}

.payment-box-border.form-check-label.current {
    outline: 2px solid #000;
}

.payment-box-border .form-check-input {
    position: absolute;
    right: 12px;
    top: 12px;
}

.mat-card-icon {
    width: 46px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #E4E5E8;
    background-color: #fff;
    flex-shrink: 0;
    margin-right: 15px;
}

.mat-card-icon img {
    max-width: 32px;
}

.payment-mt-title {
    color: #4D5361;
}

.payment-mt-title h6 {
    font-size: var(--ft-16);
    color: #222834;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 0px;
}

.payment-mt-title p {
    line-height: 22px;
}

.payment-box-border .form-check-input:checked[type="radio"] {
    background-image: url(../images/radio-check-icon.svg);
    background-size: 11px;
}

.payment-box-border .form-check-input[type="radio"] {
    border-radius: 4px;
}

.current-info-plan {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 30px;
    font-size: var(--ft-16);
    line-height: 24px;
    color: #DC6803;
}

.current-info-plan span {
    margin-right: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background-color: #FEF0C7;
    border-radius: 100%;
}

.current-info-plan span img {
    width: 12px;
}

.camp-midd-form-sec {
    margin-left: 20px;
    margin-right: 20px;
}

.tooltipdiv {
    background: #fff;
    border: none;
    border-radius: 8px;
    box-shadow: 0 0 6px -2px rgba(16, 24, 40, .03), 0 12px 16px -4px rgba(16, 24, 40, .08);
    color: #344054;
    font-family: Inter;
    font-size: var(--ft-12);
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    padding: 8px 12px;
    text-align: center;
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 150%;
    display: block;
    position: absolute;
    white-space: nowrap;
}

.noUi-value {
    font-weight: 500;
    line-height: 24px;
    color: #9ea2ac;
    font-size: var(--ft-16);
}

.noUi-horizontal .noUi-handle::after,
.noUi-horizontal .noUi-handle::before {
    display: none;
}

.noUi-marker-large {
    width: 4px !important;
    background-color: #eff0f1;
}

.noUi-pips-horizontal {
    top: -13px;
}

.tooltipdiv::after {
    background: #fff;
    bottom: -6px;
    -webkit-clip-path: polygon(100% 0, 0 0, 52% 100%);
    clip-path: polygon(100% 0, 0 0, 52% 100%);
    content: "";
    display: inline-block;
    height: 6px;
    left: 50%;
    position: absolute;
    right: 0;
    width: 16px;
    margin-left: -8px;
}

.noUi-handle {
    background: #fff;
    border: 1.5px solid #f2f4f7;
    border-radius: 50%;
    box-shadow: 0 2px 4px -2px rgba(16, 24, 40, .06), 0 4px 8px -2px rgba(16, 24, 40, .1);
    height: 25px !important;
    top: -9px !important;
    width: 25px !important;
    right: -11px !important;
}

.noUi-value {
    margin-top: 10px;
}

.noUi-connect {
    background: #1c1c1c;
}

.noUi-horizontal {
    height: 8px;
}

.noUi-target {
    background: #eaecf0;
    border: none;
}

.pricing-value-sec {
    margin-bottom: 15px;
}

.totel-pricing-val {
    color: #222834;
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -.72px;
    line-height: 44px;
    margin-bottom: 7px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.totel-pricing-val strong {
    font-weight: 700;
}

.pricing-mnth {
    line-height: 20px;
    text-align: center;
    color: #6a7182;
    font-size: var(--ft-16);
    font-weight: 500;
}

.bookcall-billing {
    color: #4d5361;
    font-size: var(--ft-14);
    font-weight: 400;
    margin: 0;
    text-align: center;
    padding-top: 15px;
}

.bookcall-billing a {
    color: #151923;
    font-weight: 500;
}

.bookcall-billing a:hover {
    color: #151923;
    text-decoration: underline;
}

.noUi-pips>div.noUi-value {
    display: none;
}

.noUi-pips>div:nth-child(2) {
    display: block;
}

.noUi-pips>div:last-child {
    display: block;
}

.price-filter-section {
    padding-bottom: 20px;
    padding-top: 60px;
    padding-left: 0;
    padding-right: 0;
}

.m-b-50 {
    margin-bottom: 50px;
}

.support-cont-det-sec .tasks-listingbox {
    padding: 0px;
    overflow: hidden;
}

.support-cont-det-sec .task-list-flex {
    border-bottom: 1px solid #EFF0F1;
    padding: 16px;
}

.support-cont-det-sec .task-list-flex .task-checkbox {
    width: 40px;
    height: 40px;
    overflow: hidden;
    flex-shrink: 0;
    border-radius: 100%;
}

.support-cont-det-sec .task-list-flex .task-checkbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.support-cont-det-sec .task-list-flex .task-det h6 {
    margin-bottom: 0px;
    color: #151923;
    font-weight: 600;
    font-size: var(--ft-16);
    line-height: 22px;
}

.support-cont-det-sec .task-list-flex .task-cont {
    margin-bottom: 0px;
    color: #39404F;
    font-weight: 500;
    line-height: 20px;
}

.shortage-sec {
    padding: 16px 16px 13px 16px;
}

.shortage-sec h6 {
    margin-bottom: 5px;
    color: #222834;
}

.sup-short-cont {
    color: #4D5361;
}

.associated-flex {
    padding: 13px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    background-color: #FAFAFA;
    gap: 0px 10px;
}

.associated-name,
.comment-list {
    padding-top: 3px;
    padding-bottom: 3px;
}

.associated-name {
    font-weight: 500;
    color: #4D5361;
}

.associated-name span {
    font-weight: 600;
}

.comment-list {
    font-weight: 500;
    color: #fff;
    line-height: 20px;
    background-color: #0C111D;
    padding: 4px 8px;
    border-radius: 20px;
    display: flex;
    gap: 5px;
    flex-shrink: 0;
}

.addnewcard {
    margin-bottom: 25px;
}

.new-payment-card-add {
    margin-top: 10px;
    border-radius: 12px;
    border: 1px solid #e4e5e8;
    background-color: #fff;
    padding: 16px;
    display: none;
}

.new-payment-card-add .row {
    margin-left: -15px;
    margin-right: -15px;
}

.app-date-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.app-dot-icon {
    flex-shrink: 0;
}

.app-time-sec {
    align-items: center;
    display: flex;
    gap: 24px;
}

.appoint-date {
    text-align: center;
    border-right: 1px solid #eaecf0;
    padding-right: 30px;
}

.appoint-date h6 {
    font-size: var(--ft-16);
    color: #0C111D;
    margin-bottom: 0px;
    line-height: 24px;
    font-weight: 600;
}

.appoint-date span {
    display: block;
    font-size: 30px;
    font-weight: 600;
    line-height: 38px;
}

.appoint-timing {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.appoint-timing span {
    align-items: center;
    color: #4d5361;
    display: flex;
    font-weight: 500;
    gap: 8px;
    font-size: var(--ft-16);
    line-height: 24px;
}

.appoint-title {
    display: flex;
    gap: 7px 0px;
    flex-direction: column;
    color: #4D5361;
    line-height: 20px;
    font-weight: 500;
}

.appoint-title p {
    line-height: 20px;
}

.appoint-title h5 {
    font-size: var(--ft-16);
    color: #39404F;
    line-height: 24px;
    margin-bottom: 0px;
}

.appoint-date-time-sec .tasks-listingbox {
    padding-left: 25px;
    padding-right: 25px;
}

.month-title {
    padding-top: 15px;
    margin-bottom: 15px;
}

.month-title h6 {
    color: #6A7182;
    font-weight: 600;
    margin-bottom: 0px;
}

.set-title-flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #E4E5E8;
    padding-bottom: 20px;
    margin-bottom: 35px;
}

.set-save-btn {
    flex-shrink: 0;
    padding-top: 7px;
}

.set-save-btn .btn {
    padding: 8px 20px;
}

.set-title-flex .btn {
    border: none;
}

.set-title h6 {
    margin-bottom: 4px;
    color: #151923;
    line-height: 28px;
}

.set-title {
    color: #4D5361;
    font-size: var(--ft-16);
}

.set-not-flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 30px;
}

.set-not-flex .set-title h6 {
    font-size: var(--ft-16);
    color: #39404F;
    margin-bottom: 0px;
}

.set-not-flex .set-title {
    font-size: var(--ft-14);
    color: #4D5361;
}

.sett-box-border {
    border-bottom: 1px solid #E4E5E8;
    padding-bottom: 10px;
    margin-bottom: 25px;
}

.setting-form-part .sett-box-border:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}

.set-form-list .row {
    padding-right: 55px;
    position: relative;
    margin-bottom: 15px;
}

.form-trash-icon {
    position: absolute;
    right: 20px;
    top: 7px;
    width: auto;
    padding-left: 0px;
    padding-right: 0px;
}

.form-trash-icon a {
    display: flex;
}

.form-trash-icon a:hover {
    opacity: 0.7;
}

.form-input-icon {
    position: relative;
}

.country-phone .niceCountryInputSelector.form-control {
    position: relative;
}

.country-phone .niceCountryInputSelector {
    width: 100%;
}

.country-phone .niceCountryInputSelector span {
    display: initial;
    padding-top: 0px;
    color: #767676;
    font-size: var(--ft-16);
}

.country-phone .niceCountryInputSelector .niceCountryInputMenuDropdown span {
    display: none;
}

.country-phone .niceCountryInputMenu {
    position: relative;
    padding: 1px 0px;
}

.country-phone .niceCountryInputMenuDropdown {
    position: absolute;
    left: 28px;
    right: inherit;
    float: none;
}

.country-phone .niceCountryInputSelector .niceCountryInputMenuDefaultText a span {
    padding: 0px 0px 0px 15px;
}

.country-phonenumber {
    position: absolute;
    left: 114px;
    top: 9px;
    width: calc(100% - 120px);
    border: none;
    background-color: transparent;
    box-shadow: none;
    outline: none;
    color: #767676;
    font-size: var(--ft-16);
    z-index: 1;
}

.country-phone .form-control.disabled {
    background-color: #F4F4F6;
    pointer-events: none;
}

.camp-setting-form-sec .social-box {
    border-radius: 12px;
    border: 1px solid #e4e5e8;
    background: var(--white);
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .06), 0 1px 3px 0 rgba(16, 24, 40, .1);
    height: 100%;
}

.camp-setting-form-sec .social-box .form-switch {
    display: flex;
    justify-content: space-between;
    margin: 0 !important;
    padding: 24px;
    position: relative;
}

.camp-setting-form-sec label.form-check-label {
    cursor: pointer;
}

.camp-setting-form-sec .form-check label {
    color: #39404f;
}

.camp-setting-form-sec .social-h {
    align-items: center;
    display: flex;
    gap: 10px;
    margin-right: 45px;
    margin-bottom: 24px;
    font-size: 18px;
    color: #151923;
    line-height: 28px;
}

.camp-setting-form-sec .social-h img {
    width: 44px;
    height: 44px;
    object-fit: cover;
    object-position: center;
}

.camp-setting-form-sec .social-box label p {
    color: #4d5361;
    font-weight: 400;
    margin: 0;
    font-size: var(--ft-16);
    line-height: 24px;
}

.camp-setting-form-sec .form-switch .form-check-input[type=checkbox] {
    cursor: pointer;
}

.camp-setting-form-sec .social-box input {
    float: none !important;
    height: 20px;
    margin: 0 !important;
    width: 35px;
    position: absolute;
    right: 24px;
    top: 24px;
}

.camp-setting-form-sec .form-check-input {
    border-color: rgba(12, 17, 29, .3);
}

.camp-setting-form-sec .form-switch .form-check-input {
    border-radius: 2rem;
}

.camp-set-social-link {
    padding: 16px 24px;
    border-top: 1px solid #E4E5E8;
    font-weight: 600;
    color: #151923;
    font-size: var(--ft-16);
    text-align: right;
}

.camp-set-social-link a {
    color: #151923;
}

.camp-set-social-link a:hover {
    color: #4d5361;
}

.other-form-title h6 {
    margin-bottom: 0px;
    font-size: var(--ft-16);
    color: #39404F;
    line-height: 20px;
}

.other-form-title {
    color: #4D5361;
}

.set-other-form-sec .col-md-5,
.set-other-form-sec .col-md-7 {
    margin-bottom: 30px;
}

.other-form-input textarea {
    height: 90px;
}

.textarea-characters {
    color: #4D5361;
    padding-top: 3px;
}

.file-img-prev {
    position: absolute;
    left: 0;
    right: 0;
    top: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 64px;
    height: 64px;
    /* background-color: #eff0f1; */
    border-radius: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.uploadOuter {
    width: 100%;
}

.dragBox {
    width: 100%;
    min-height: 128px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    display: inline-block;
    transition: transform .3s;
    padding-top: 87px !important;
}

.form-box-padding .form-secton span.dragBox {
    font-weight: 400 !important;
    font-size: var(--ft-14) !important;
}

.form-box-padding .form-secton span.dragBox strong {
    color: #0c111d;
    font-weight: 600 !important;
}

.dragBox input[type=file] {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    top: 0;
    left: 0;
    cursor: pointer;
}

#preview {
    text-align: center;
}

#preview img {
    max-width: 100%;
}

.browserbox {
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    border: 1px solid #d6d6d6;
    background: var(--white);
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .05);
    color: #4d5361;
    font-size: var(--ft-12);
    font-weight: 400;
}

.browserbox strong {
    color: #151923;
    font-size: var(--ft-14);
}

.browserbox span {
    color: #4D5361;
    font-size: var(--ft-14);
    font-weight: 400;
}

.tasks-sel-box-sec {
    position: relative;
}

.task-user-icon {
    position: absolute;
    left: 12px;
    top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999;
    width: 24px;
}

.task-user-icon img {
    max-height: 24px;
}

.tasks-sel-box-sec .form-control {
    padding-left: 54px;
}

.tasks-sel-box-sec .select2-container .select2-selection--single .select2-selection__rendered {
    /*padding-left: 45px;*/
    padding-left: 10px;
}

.calendar-date-popup {
    display: flex;
    align-items: center;
    gap: 8px;
}

.calendar-date-popup img {
    width: 20px;
}

.calendar-date-popup .date-calender-icon {
    background-position: 0 center;
    padding: 0;
    padding-left: 30px;
    border: none;
    width: 180px;
    text-align: left;
    color: #39404F;
    font-size: var(--ft-16);
    font-weight: 500;
}

.calendar-date-popup .date-calender-icon:hover {
    background-color: transparent;
}

.daterangepicker.single,
.daterangepicker.single {
    width: 100% !important;
    max-width: 328px !important;
}

.daterangepicker {
    box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
    border-color: #EFF0F1 !important;
    border-radius: 8px;
    font-family: 'Inter', sans-serif;
}

.daterangepicker.single .drp-calendar {
    max-width: inherit !important;
    width: 100%;
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
    color: #39404F;
    font-size: var(--ft-14);
    padding-top: 4px;
    padding-bottom: 4px;
}

.daterangepicker.single .calendar-table th,
.daterangepicker.single .calendar-table td {
    padding: 7px 4px;
}

.daterangepicker .calendar-table th {
    font-weight: 500;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    color: #fff;
}

.daterangepicker th.month {
    font-size: var(--ft-16);
    font-weight: 600;
    color: #39404F;
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
    border-width: 0 1px 1px 0;
    color: #39404F;
}

.daterangepicker .drp-buttons {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.daterangepicker .drp-buttons .btn {
    margin-left: 0px;
    font-size: var(--ft-14);
    font-weight: 600;
    padding: 9px 10px;
    width: 50%;
    line-height: 20px;
    border: 1px solid #0c111d;
    border-radius: 8px;
}

.daterangepicker .drp-buttons .btn.btn-default {
    border-color: #D2D4DA;
}

.daterangepicker .drp-buttons .btn.btn-default:hover {
    background-color: #f1f1f1;
}

.btn-check.date-calender-icon:focus+.btn-primary.date-calender-icon.btn-white,
.btn-primary.date-calender-icon.btn-white:focus {
    background-color: transparent;
}

.drp-buttons span.drp-selected {
    display: none;
}

.comm-chat-input {
    position: relative;
}

.comm-chat-input textarea {
    height: 45px;
    padding-right: 40px;
}

.comm-input {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../images/white-arrow-up-icon.svg) no-repeat center #151923;
    background-size: 16px;
    border: none;
    border-radius: 100%;
}

.associated-title {
    font-size: var(--ft-14);
    color: #4D5361;
}

.associated-title span {
    font-weight: 600;
    color: #151923;
}

.org-title h5 {
    font-weight: 600;
    color: #222834;
    margin-bottom: 9px;
}

.org-title {
    margin-bottom: 20px;
}

.org-title .btn {
    font-size: var(--ft-14);
    font-weight: 400;
    border-radius: 6px;
    padding: 3px 8px;
    line-height: 20px;
}

.taskcomment-modal .modal-body {
    padding-top: 5px;
    font-size: var(--ft-16);
}

.des-pop {
    color: #222834;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 24px;
}

.des-pop p {
    line-height: 24px;
}

.des-pop h6 {
    color: #6A7182;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 7px;
}

.pop-duedate {
    color: #6A7182;
    font-weight: 500;
    line-height: 24px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding-top: 10px;
    margin-bottom: 15px;
}

.pop-duedate span {
    color: #39404F;
    font-weight: 500;
}

.pop-edit-icon {
    display: flex;
    justify-content: flex-end;
}

.editbtn-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    border-radius: 8px;
    border: 1px solid #D2D4DA;
    width: 44px;
    height: 44px;
}

.editbtn-icon:hover {
    background-color: #f1f1f1;
}

.comm-ans-box {
    padding-top: 20px;
    border-top: 1px solid #E4E5E8;
    margin-bottom: 35px;
}

.comm-subj {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 7px;
}

.comm-subj h4 {
    font-size: var(--ft-16);
    color: #4D5361;
    margin-bottom: 0px;
    font-weight: 500;
}

.com-time {
    font-size: var(--ft-14);
    font-weight: 400;
    line-height: 20px;
    color: #4D5361;
}

.comm-ans {
    color: #39404F;
    font-weight: 500;
}

.modal-content {
    border-radius: 16px;
}

.requestsend-modal .modal-body {
    position: relative;
}

.requestsend-modal .modal-body .btn-close {
    position: absolute;
    right: 25px;
    top: 25px;
}

.verifyicon-img {
    padding: 50px 0px 35px 0px;
}

.veri-title {
    color: #4D5361;
    font-size: var(--ft-14);
    font-weight: 500;
    margin-bottom: 30px;
}

.veri-title h3 {
    line-height: 36px;
    color: #151923;
    margin-bottom: 12px;
}

.requestsend-modal .formwhitebg {
    padding-bottom: 30px;
}

.veri-btn .btn {
    padding-left: 24px;
    padding-right: 24px;
}

.requestsend-modal .modal-dialog {
    max-width: 530px;
}

.request-appo-modal .modal-dialog {
    max-width: 665px;
}

.avail-con {
    padding-top: 10px;
    font-size: var(--ft-14);
    font-weight: 500;
    color: #6A7182;
    line-height: 20px;
    margin-bottom: 10px;
}

.avail-con h6 {
    font-size: var(--ft-14);
    font-weight: 500;
    color: #39404F;
    line-height: 20px;
    margin-bottom: 0px;
}

.avail-date-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 12px;
}

.f-avail-box .form-switch {
    align-items: center;
    display: flex;
    justify-content: space-between;
    min-width: 170px;
}

.f-avail-box label {
    color: #4d5361;
    font-size: var(--ft-14);
    font-weight: 500;
    line-height: 20px;
}

.avail-date-box,
.l-avail-box {
    align-items: center;
    display: flex;
}

.l-avail-box {
    gap: 12px;
}

.the-date {
    background: #fff;
    border: 1px solid #d2d4da;
    border-radius: 8px;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .05);
    color: #222834;
    font-size: var(--ft-14);
    font-weight: 500;
    line-height: 20px;
    padding: 6px 12px;
    min-width: 96px;
}

.time-dash {
    font-size: var(--ft-16);
    color: #6a7182;
    line-height: 20px;
    font-weight: 400;
}

input.swithc-check-box {
    float: none !important;
    height: 20px;
    margin: 0 !important;
    width: 35px !important;
    border-radius: 2rem !important;
}

.addguest-tags .btn {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: var(--ft-12);
    font-weight: 600;
    line-height: 18px;
    border: none;
    padding: 8px 16px;
    z-index: 99999;
}

.trast-avtar-list {
    padding-top: 12px;
}

.trast-avtar-list ul {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.trast-avtar-list li a {
    display: flex;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
}

.trast-avtar-list li a img.guest-userimg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.trast-avtar-list li a span {
    visibility: hidden;
    opacity: 0;
    width: 0;
    height: 0;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%);
    transition: all 0.2s ease-in-out 0s;
}

.trast-avtar-list li a:hover span {
    visibility: visible;
    opacity: 1;
    width: 100%;
    height: 100%;
}

.leads-midd-sec .camp-left-fix-panel {
    top: inherit;
    padding-top: 0px;
}

.lead-header-sec {
    padding: 24px 32px 24px 32px;
    border-bottom: 1px solid #EFF0F1;
    position: fixed;
    top: 0;
    width: calc(100% - 302px);
    background-color: #fff;
    z-index: 9;
}

.lead-header-sec .pos-top {
    position: relative;
    top: inherit;
    width: auto;
    background-color: inherit;
    z-index: 1;
    max-width: inherit;
    padding: 0px;
    margin-bottom: 15px;
}

.header-flex-sec {
    gap: 15px;
}

.header-title-sec {
    display: flex;
    align-items: center;
    gap: 15px;
}

.header-title-sec h2 {
    color: #151923;
    margin-bottom: 0px;
}

.header-title-sec .user-avtar-img {
    width: 40px;
    height: 40px;
}

.header-right-btn {
    gap: 15px;
}

.new-lead-btn .btn {
    padding-left: 20px;
    padding-right: 20px;
}

.board-list-btn {
    display: flex;
    align-items: center;
    gap: 15px;
}

.board-list-btn .btn.btn-white {
    border-color: transparent;
}

.board-list-btn .btn.btn-white:hover,
.board-list-btn .btn.btn-white.active {
    border-color: #D2D4DA;
    background-color: transparent;
}

.board-list-btn .btn.btn-white:hover img,
.board-list-btn .btn.btn-white.active img {
    filter: brightness(0%);
}

.leads-midd-sec .camp-midd-sec {
    padding: 26px 15px 26px 15px;
    margin: 0px auto;
}

.titlecode {
    min-height: 88px;
    padding: 26px 45px 26px 45px;
    margin: 0px auto;
    max-width: 885px;
}

.lead-main-title {
    border-bottom: 1px solid #EFF0F1;
}

.lead-main-title-part h3 {
    margin-bottom: 0px;
    color: #151923;
}

.lead-main-title-part h3 span {
    color: #6A7182;
}

.lead-status-btn {
    display: flex;
    align-items: center;
    gap: 15px;
}

.lead-main-title-part {
    gap: 10px;
    flex-wrap: wrap;
}

.lead-main-title-part .select2-container {
    min-width: 160px;
}

.lead-main-title-part .select2-container .select2-selection--single {
    height: 36px;
}

.lead-main-title-part .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 33px;
    color: #39404F;
}

.lead-main-title-part .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
}

.lead-main-title-part .select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 35px;
}

.lead-main-title-part .select-2-box {
    font-size: var(--ft-14);
    font-weight: 600;
}

.filter-line-icon {
    flex-shrink: 0;
}

.lead-search {
    min-height: 89px;
    border-bottom: 1px solid #EFF0F1;
    margin-bottom: 0px;
    padding-left: 16px;
    padding-right: 16px;
    gap: 15px;
}

.lead-search .camp-search {
    width: 100%;
}

.lead-search .camp-search input.form-control {
    width: 100%;
}

.leads-midd-sec .camp-left-fix-panel {
    width: 412px;
}

.lead-listing-box {
    position: fixed;
    height: calc(100% - 220px);
    width: 415px;
}

.lead-listing-box li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 16px 16px 14px 16px;
    border-bottom: 1px solid #EFF0F1;
    position: relative;
}

.lead-listing-box li a:hover,
.lead-listing-box li a.active {
    background-color: #EFF0F1;
}

.lead-listing-box li a.active::before {
    position: absolute;
    right: 2px;
    top: 0;
    width: 3px;
    height: 100%;
    background-color: #151923;
    content: "";
}

/*.lead-listing-box li a:hover::before, .lead-listing-box li a.active::before {position: absolute; right: 3px; top: 0; width: 3px; height: 100%; background-color: #151923; content: "";} */
.lead-det p {
    color: #4D5361;
    font-size: var(--ft-14);
    line-height: 20px;
    font-weight: 400;
}

.lead-det h6 {
    margin-bottom: 3px;
    color: #222834;
    font-size: var(--ft-16);
}

.lead-list-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--ft-12);
    font-weight: 600;
    letter-spacing: .42px;
    line-height: 20px;
    padding: 4px 12px;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid transparent;
    border-radius: 36px;
    flex-shrink: 0;
}

.commun-btn {
    background: #E4E5E8;
    border-color: #0C111D;
    color: #0C111D;
}

.sold-btn {
    background: #ecfdf3;
    border-color: #12b76a;
    color: #12b76a;
}

.newlead-btn {
    background: #FFFAEB;
    border-color: #F79009;
    color: #F79009;
}

.lost-btn {
    background: #FAFAFA;
    border-color: #F04438;
    color: #F04438;
}

.mCSB_scrollTools {
    width: 4px;
}

.mCSB_inside>.mCSB_container {
    margin-right: 0px;
}

.leads-midd-sec .camp-right-panel {
    margin-left: 413px;
}

.timeline-main-div {
    padding: 15px 30px 40px 30px;
    border-bottom: 1px solid #eff0f1;
}

.timeline-main {
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}

.timeline-line {
    background-color: #eff0f1;
    height: 4px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 15px;
    width: calc(100% - 50px);
    z-index: -1;
}

.timeline-green-line {
    background-color: #32d583;
    height: 4px;
    left: 25px;
    position: absolute;
    top: 15px;
    z-index: -1;
}

.timeline-box {
    text-align: center;
}

.timeline-box h6 {
    color: #222834;
    font-size: var(--ft-14);
    font-weight: 600;
    line-height: 20px;
    margin: 0;
    text-align: center;
}

.timeline-box span {
    color: #6a7182;
    font-size: var(--ft-12);
    font-weight: 500;
    line-height: 18px;
}

.lead-number {
    width: 32px;
    height: 32px;
    background-color: #fff;
    border: 1px solid #e4e5e8;
    filter: drop-shadow(0 1px 2px rgba(16, 24, 40, .05));
    color: #9ea2ac;
    font-weight: 600;
    font-size: var(--ft-14);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 10px auto;
}

.lead-number.green-sucess {
    color: #fff;
    background-color: #039855;
    border-color: #039855;
}

.all-leads-info {
    padding: 40px 30px;
}

.info-flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.all-leads-info h6 {
    font-size: var(--ft-14);
    color: #9EA2AC;
    font-weight: 600;
    line-height: 20px;
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 15px;
}

.all-leads-info li {
    margin-bottom: 20px;
}

.all-leads-info li:last-child {
    margin-bottom: 0px;
}

.all-leads-info li span {
    font-size: var(--ft-14);
    color: #6A7182;
    line-height: 20px;
    font-weight: 500;
}

.all-leads-info li h5 {
    font-size: var(--ft-16);
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 0px;
}

.lead-chat-bg {
    background-color: #FAFAFA;
    border-radius: 12px;
    padding: 30px 30px 85px 30px;
    position: relative;
    height: 408px;
}

.comments-title h5 {
    margin-bottom: 25px;
    color: #151923;
}

.lead-comment-input {
    position: absolute;
    bottom: 25px;
    width: calc(100% - 60px);
}

.us-photoname {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 8px;
}

.us-photoname h6 {
    font-size: var(--ft-16);
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 2px;
    padding-top: 5px;
    color: #4D5361;
}

.comm-user-photo {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    overflow: hidden;
}

.comm-user-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.com-chat {
    font-size: var(--ft-16);
    font-weight: 500;
    line-height: 20px;
    color: #222834;
}

.comment-chat-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    border-bottom: 1px solid #EFF0F1;
    margin-bottom: 18px;
    padding-bottom: 15px;
}

.comment-chat-box:last-child {
    margin-bottom: 0;
    padding-bottom: 0px;
    border-bottom: none;
}

.comment-chat {
    height: 240px;
    overflow: auto;
}

.lead-main-title .select2-container {
    z-index: 1;
}

.leads-midd-sec .camp-create-sec {
    padding-top: 130px;
}

.cust-info-list {
    width: 48%;
}

.additional-info-list {
    width: 48%;
}

.chat-user-date {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
}

.newlead-modal .titlecode {
    padding: 32px 0px 0px 0px;
    width: 100%;
    max-width: inherit;
    min-height: inherit;
}

.newlead-modal .modal-header {
    position: relative;
}

.newlead-modal .modal-header .btn-close {
    position: absolute;
    right: 15px;
    top: 11px;
}

.newlead-modal .modal-dialog {
    max-width: 915px;
}

.leadmod-popup {
    margin: 10px 0px 10px 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.leads-board-sec {
    padding: 26px 32px 26px 32px;
    height: 100%;
}

.board-flex {
    display: flex;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px;
}

.board-col {
    width: 20%;
    padding-left: 8px;
    padding-right: 8px;
}

.board-graybg {
    background-color: #EFF0F1;
    border-radius: 12px;
    padding: 12px 8px 8px 8px;
    height: 100%;
}

.lead-board-midd {
    height: 100%;
}

.lead-board-midd .leads-midd-sec,
.lead-board-midd .camp-create-sec,
.lead-board-midd .board-flex {
    height: 100%;
}

.board-title {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    gap: 5px;
}

.board-title h6 {
    font-size: var(--ft-14);
    color: #6A7182;
    font-weight: 600;
    margin-bottom: 0px;
}

.board-title .board-status {
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 100%;
}

.board-status.orange-bullet {
    background-color: #F79009;
}

.board-status.red-bullet {
    background-color: #F04438;
}

.board-status.black-bullet {
    background-color: #0C111D;
}

.board-status.purple-bullet {
    background-color: #A261F8;
}

.board-status.green-bullet {
    background-color: #12B76A;
}

.board-status.blue-bullet {
    background-color: #3C8BD9;
}

.board-title .board-num {
    font-size: var(--ft-12);
    font-weight: 600;
    color: #6A7182;
    border-radius: 6px;
    background-color: #E4E5E8;
    min-width: 20px;
    height: 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.board-listing li {
    margin-bottom: 10px;
}

.board-listing li a {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10);
    padding: 12px 16px;
    display: flex;
    flex-direction: column;
    border: 1px solid #fff;
}

.board-listing li a:hover {
    background-color: #fff;
    border-color: #ccc;
}

.board-listing li:last-child {
    margin-bottom: 0px;
}

.cop-id {
    font-size: var(--ft-12);
    font-weight: 600;
    line-height: 18px;
    margin-bottom: 10px;
}

.board-list-name h5 {
    font-size: var(--ft-14);
    font-weight: 600;
    color: #222834;
    margin-bottom: 0px;
}

.board-list-name {
    font-size: var(--ft-12);
    font-weight: 400;
    color: #4D5361;
}

.h-title p {
    font-size: var(--ft-16);
    font-weight: 500;
    color: #6A7182;
    padding-top: 5px;
}

.appointment-camp-sec .month-title {
    padding-top: 0px;
}

.appo-tabs-mb {
    margin-bottom: 25px;
}

.app-list-btn {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
}

.app-list-btn .btn {
    padding-left: 16px;
    padding-right: 16px;
}

.appointment-camp-sec .appoint-timing {
    min-width: 200px;
}

.appo-listing {
    margin-bottom: 40px;
}

.appo-listing:last-child {
    margin-bottom: 0px;
}

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

.app-delete-modal .modal-body {
    padding: 24px;
    position: relative;
}

.delete-title {
    position: relative;
    margin-bottom: 10px;
}

.delete-title button.btn-close {
    position: absolute;
    right: 0px;
    top: 5px;
}

.cancel-app-cont {
    margin-bottom: 25px;
    font-size: var(--ft-16);
    color: #4D5361;
    line-height: 24px;
}

.cancel-app-cont h6 {
    font-weight: 600;
    color: #151923;
    margin-bottom: 4px;
    line-height: 28px;
}

.model-canceldeletebtn {
    gap: 10px;
}

.model-canceldeletebtn .btn {
    width: 50%;
}

.delete-comment textarea {
    height: 80px;
}

.appview-modal .modal-dialog {
    max-width: 532px;
}

.appview-modal button.btn-close {
    position: absolute;
    right: 18px;
    top: 14px;
}

.modal-appview-title {
    color: #6A7182;
    font-weight: 500;
    line-height: 24px;
    font-size: var(--ft-16);
    padding-right: 0px;
}

.modal-appview-title h3 {
    margin-bottom: 5px;
    line-height: 32px;
}

.modal-appview-title p {
    margin-bottom: 15px;
}

.modal-appview-title .btn {
    padding-left: 16px;
    padding-right: 16px;
}

.modal-time-det {
    margin-bottom: 20px;
}

.modal-time-det li {
    display: flex;
    margin-bottom: 12px;
    position: relative;
}

.modal-time-det li img.time-img {
    position: absolute;
    left: 0;
    top: 2px;
    max-width: 20px;
}

.modal-time-det li:last-child {
    margin-bottom: 0px;
}

.timedetail {
    font-size: var(--ft-16);
    font-weight: 500;
    color: #4D5361;
    padding-left: 30px;
}

.timedetail a {
    color: #151923;
}

.timedetail a:hover {
    color: #4D5361;
}

span.black-dote-bullet {
    display: inline-flex;
    align-items: flex-start;
    width: 4px;
    height: 4px;
    background-color: #151923;
    border-radius: 100%;
}

.timedetail .link-icon {
    margin-left: 5px;
}

.post-modal .modal-appview-title p,
.cancel-modal .modal-appview-title p {
    margin-bottom: 0px;
}

.tasks-page-sec .camp-midd-sec {
    max-width: 1096px;
    padding-left: 0px;
    padding-right: 0px;
}

.taskcomm-btn {
    gap: 10px;
}

.taskcomment {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: var(--ft-14);
    font-weight: 500;
}

.task-comm-date {
    color: #9EA2AC;
}

.task-comm-date span {
    color: #DC6803;
}

.task-com-list {
    color: #6A7182;
    display: flex;
    align-items: center;
    gap: 3px;
}

.task-com-list a {
    color: #6A7182;
    display: flex;
    align-items: center;
    gap: 3px;
}

.filterbtn .btn {
    display: flex;
    align-items: center;
    gap: 8px;
}

.filterbtn {
    position: relative;
}

.fleter-dropdown {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    border: 1px solid #FAFAFA;
    right: 0;
    top: 44px;
    min-width: 188px;
    background-color: #ffffff;
    box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
    border-radius: 12px;
    transition: all 0.3s ease-in-out 0s;
    padding: 12px 8px 8px 8px;
}

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

.fleter-dropdown li {
    color: #39404F;
    font-size: var(--ft-16);
    font-weight: 500;
    padding-top: 6px;
    padding-bottom: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.fleter-dropdown li a {
    display: block;
    color: #39404F;
}

.fleter-dropdown li a:hover {
    color: #151923
}

.show-userdropdown {
    opacity: 1;
    visibility: visible;
    margin-top: 0px;
}

.filterbtn h6 {
    font-size: var(--ft-12);
    color: #6A7182;
    font-weight: 600;
    margin-bottom: 10px;
}

.filterbtn .form-check-input {
    width: 17px;
    height: 17px;
    cursor: pointer;
    flex-shrink: 0;
    margin-top: 0;
}

.fleter-dropdown .form-check-label {
    padding-left: 10px;
    cursor: pointer;
    width: 100%;
}

.mob-navbar {
    position: absolute;
    left: 0;
    top: 4px;
    display: none;
}

.app-det-dotlink {
    display: none;
}

.app-viewbtn,
.app-viewbtn ul {
    display: flex;
    align-items: center;
    gap: 10px;
}

.billing-page-sec {
    padding-left: 15px;
    padding-right: 15px;
}

.billing-pay-flex {
    margin-bottom: 20px;
}

.billing-pay-flex {
    display: flex;
    gap: 30px;
}

.billing-pay-flex .grayborderbox {
    width: 50%;
}

.inv-det-title h6 {
    margin-bottom: 0px;
    font-size: var(--ft-14);
    font-weight: 600;
}

.inv-download-all .btn {
    padding: 9px 16px;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.inv-download-all .btn img {
    margin-right: 7px;
}

.billing-page-sec .billing-box-padding .btn {
    padding-left: 20px;
    padding-right: 20px;
}

.billing-page-sec .table-end-btn .btn-blank {
    font-size: var(--ft-14);
}

.commontable .table {
    margin-bottom: 0px;
    border-radius: 12px;
    overflow: hidden;
}

.commontable th {
    padding: 12px 18px;
    background-color: #FAFAFA !important;
    white-space: nowrap;
    line-height: 18px;
    font-size: var(--ft-12);
    color: #4D5361;
    font-weight: 500 !important;
}

.commontable td {
    padding: 16px 18px;
    color: #4D5361 !important;
    font-size: var(--ft-14) !important;
    border-bottom: 1px solid #EBEBED !important;
    vertical-align: middle;
    white-space: nowrap;
}

.desktop-none {
    display: none !important;
    position: relative;
}

.app-det-dotlink {
    position: relative;
}

.mob-btn-show {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    border: 1px solid #EFF0F1;
    right: 0;
    top: 30px;
    min-width: 145px;
    background-color: #ffffff;
    box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
    border-radius: 12px;
    transition: all 0.3s ease-in-out 0s;
    padding: 0px 0px 0px 0px;
    z-index: 1;
}

.mob-btn-show a {
    padding: 10px;
    display: block;
}

.mob-btn-show img {
    margin-right: 7px;
}

.seeall-invoices {
    display: none;
    text-align: center;
    font-size: var(--ft-14);
    font-weight: 600;
    color: #151923;
    padding-top: 20px;
}

.seeall-invoices a {
    color: #151923;
}

.seeall-invoices a:hover {
    color: #9ea2ac;
}

.delete-payment-method {
    font-size: var(--ft-16);
    font-weight: 600;
}

.delete-payment-method a {
    color: #B42318;
}

.delete-payment-method a:hover {
    color: #B42318;
    opacity: 0.7;
}

.flex-just-spacebetween {
    justify-content: space-between;
}

.pay-payment-modal .camp-midd-form-sec {
    margin-left: 0px;
    margin-right: 0px;
}

.camp-btn-drop .app-det-dotlink {
    display: block;
}

.camp-btn-drop .app-viewbtn {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    border: 1px solid #eff0f1;
    right: 0;
    top: 30px;
    min-width: 145px;
    background-color: #fff;
    box-shadow: 0 8px 8px -4px rgba(16, 24, 40, .03), 0 20px 24px -4px rgba(16, 24, 40, .08);
    border-radius: 12px;
    transition: all .3s ease-in-out 0s;
    padding: 7px 0 3px 0;
    z-index: 1;
}

.camp-btn-drop .app-viewbtn.show-viewbtn {
    opacity: 1;
    visibility: visible;
    margin-top: 0px;
}

.camp-btn-drop .app-viewbtn,
.camp-btn-drop .app-viewbtn ul {
    display: flex;
    align-items: center;
    gap: 10px;
}

.camp-btn-drop .app-viewbtn ul {
    margin: 0;
    padding: 0 8px;
    list-style: none;
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
    align-items: flex-start;
    width: 100%;
}

.camp-btn-drop .app-viewbtn li {
    color: #39404f;
    font-size: var(--ft-16);
    font-weight: 500;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
}

.camp-btn-drop .app-viewbtn li a {
    display: block;
    color: #39404f;
    width: 100%;
    padding: 8px !important;
    text-align: left;
    font-size: var(--ft-14);
    border: none;
    line-height: 1.1;
}

.camp-btn-drop .app-viewbtn li a:hover {
    color: #151923;
    background-color: transparent;
}

.camp-btn-drop .app-joinbtn {
    border-top: 1px solid #eff0f1;
    padding: 8px;
    width: 100%;
}

.camp-btn-drop .app-joinbtn a.btn-primary {
    width: 100%;
    padding: 6px 10px;
    border: none;
    text-align: left;
    font-size: 14px;
}

.camp-btn-drop .app-viewbtn {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.upgradselect-plan .modal-body,
.upgradbill-plan .modal-body {
    padding-top: 32px;
    padding-bottom: 32px;
}

.upgradselect-plan .modal-footer-flex {
    justify-content: flex-end;
}

.upgradselect-plan .pricing-value-sec {
    margin-bottom: 0px;
}

.upgradselect-plan .pricing-value-sec h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 25px;
}

.book-call-btn .btn {
    gap: 10px;
    display: flex;
    align-items: center;
}

.campareplan-text {
    text-align: center;
    color: #4D5361;
}

.campareplan-text span,
.campareplan-text a {
    font-weight: 600;
    color: #151923;
}

.campareplan-text a:hover {
    color: #4D5361;
}

.multy-plan-sec {
    margin-left: 0px;
    margin-right: 0px;
}

.plan-radiobtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.multy-plan-sec label.payment-box-border {
    flex-direction: column;
    padding-right: 16px;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.all-planslist {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.multy-plan-sec .payment-box-border .form-check-input {
    position: relative;
    right: inherit;
    top: inherit;
    margin-top: 0px;
}

.billing-plan-monyer {
    color: #4D5361;
}

.multy-plan-sec .payment-mt-title {
    color: #4D5361;
}

.multy-plan-sec .payment-mt-title h5 {
    font-size: 18px;
    color: #151923;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 0px;
}

.multy-plan-sec .payment-mt-title p {
    line-height: 22px;
}

.multy-plan-sec .payment-box-border.form-check-label.current {
    background-color: #EFF0F1;
}

.multy-plan-sec .multy-payment-method li {
    margin-bottom: 16px;
}

.multy-plan-sec .multy-payment-method {
    margin-bottom: 30px;
}

.up-plan-det {
    font-size: var(--ft-16);
    color: #4D5361;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 4px;
}

.up-plan-det span {
    color: #151923;
    font-size: 30px;
    font-weight: 600;
    line-height: 38px;
}

.up-plan-det sup {
    color: #151923;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    top: -2px;
}

.mob-book-btn {
    display: none !important;
}

/*
.modal {z-index: 99999;}
.modal-backdrop {z-index: 9999;} 
.leftpopup .dash-nav {z-index: 99999;}.camp-profile-sec
*/
.mobile-sec-block {
    display: none;
}

.camp-overview-box-border {
    background-color: #fff;
    border-radius: 12px;
    border: 1px solid #E4E5E8;
    box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 8px -2px rgba(16, 24, 40, 0.10);
    margin-bottom: 16px;
}

.over-brand {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 12px 7px 12px;
    border-bottom: 1px solid #E4E5E8;
    margin-bottom: 6px;
}

.over-brand-information {
    padding: 6px 12px 12px 12px;
}

.camp-overview-det-btn .btn {
    display: flex;
    justify-content: center;
    font-size: var(--ft-14);
    padding: 7px 8px;
    line-height: 20px;
}

.overview-info-flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 10px;
}

.overview-info-flex .brand-info h6 {
    color: #151923;
    font-weight: 500;
}

.overview-info-flex .brand-info span {
    color: #4D5361;
    font-weight: 500;
}

.overview-info-flex .bud-pricepart {
    text-align: right;
    color: #4D5361;
    font-size: var(--ft-14);
}

.overview-info-flex .bud-pricepart h6 {
    font-size: 16px;
    font-weight: 600;
    color: #151923;
    margin-bottom: 0px;
}

.seeall-btn {
    padding-top: 10px;
    text-align: center;
    font-size: var(--ft-14);
    font-weight: 600;
}

.seeall-btn a {
    color: #6A7182;
}

.seeall-btn a:hover {
    color: #151923;
}

.overview-info-flex .bud-pricepart {
    font-size: 12px;
}

.camp-overview-box-border .brand-title {
    color: #4D5361;
}

.overview-sel-box-widht {
    display: none;
}

.leftpopup .dash-nav {
    z-index: 9999;
}

.graph-tabs .tabs-list li a span.tab-mobile {
    display: none;
}

.mobile-lead-counter {
    display: none;
}

.camp-list-mobile {
    display: none;
}

.mobile-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mobile-pagination.export-btn a {
    padding: 7px;
}

.mobile-pagination .page-data {
    color: #39404F;
    font-weight: 400;
}

.mobile-pagination .page-data span {
    font-weight: 500;
}

.camp-create-sec .camp-tabs-part ul {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 10px;
}

.modal-open {
    position: fixed;
    width: 100%;
    height: 100%;
}

.mob-camp-title {
    text-align: center;
    margin-bottom: 15px;
    font-weight: 600;
    font-size: var(--ft-16);
    color: #151923;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    display: none;
}

.backpage-link {
    position: absolute;
    left: 10px;
    top: -2px;
}

.mobile-tab {
    display: none !important;
}

.usertables-part .table-end-btn {
    gap: 25px;
    display: flex;
    justify-content: flex-end;
    min-width: 80px;
}

.usertables-part .table-end-btn a {
    flex-shrink: 0;
}

.usertables-part .table .brand-icon {
    flex-shrink: 0;
}

.usertables-part .commontable td {
    border-bottom: none !important;
}

.odd-even-table table tr:nth-child(odd) td {
    background-color: #fff;
}

.odd-even-table table tr:nth-child(even) td {
    background-color: #FAFAFA;
}

.userpage-sec {
    padding-top: 20px;
}

.usertables-part {
    display: flex;
    align-items: flex-start;
    gap: 32px;
}

.useradmin-title {
    flex-shrink: 0;
    max-width: 280px;
    font-size: var(--ft-14);
    color: #4D5361;
}

.useradmin-title h6 {
    font-size: var(--ft-14);
    font-weight: 500;
    color: #39404F;
    margin-bottom: 0px;
    line-height: 20px;
}

.useradmin-title p {
    line-height: 20px;
}

.usertables-part .commontable {
    width: 100%;
}

.userpage-sec .tab-content>.show-tab {
    display: block;
    opacity: 1;
}

.userpage-sec .tab-pane {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #E4E5E8;
}

.userpage-sec .tab-pane:last-child {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.userpage-sec .tasktodocomp {
    display: none;
}

.userformpopup .modal-header h6 {
    margin-bottom: 0px;
    padding-top: 5px;
}

.user-uploadphotos {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.user-uploadphotos .browserbox {
    width: 100%;
    padding: 10px;
}

.user-uploadphotos .upload-author-photo {
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    overflow: hidden;
    background-color: #F2F4F7;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.user-uploadphotos .upload-author-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.upload-author-photo .file-img-prev {
    top: 0;
}

.upload-author-photo img.user-photo-icon {
    /*width: auto; height: auto;*/
    width: 100%;
    height: 100%;
}

.userformpopup .row,
.edituserform .row {
    margin-left: -5px;
    margin-right: -5px;
}

.userformpopup .row>*,
.edituserform .row>* {
    padding-left: 5px;
    padding-right: 5px;
}

.user-uploadphotos .dragBox {
    padding-top: 70px !important;
}

.removelink {
    padding-top: 2px;
    text-align: center;
}

.removelink a {
    font-size: var(--ft-14);
    font-weight: 600;
    color: #D92D20;
}

.removelink a:hover {
    opacity: 0.7;
    color: #D92D20;
}

.support-midd-sec .camp-midd-sec {
    max-width: inherit;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 0px;
}

.support-ticket-user {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px solid #EFF0F1;
    padding: 16px;
    flex-wrap: wrap;
    gap: 10px;
}

.support-cont-det-sec .support-ticket-user .task-list-flex {
    padding: 0;
    border-bottom: none;
}

.support-date {
    font-size: var(--ft-14);
    color: #4D5361;
}

.tasks-listingbox:hover,
.tasks-listingbox.active {
    border-color: #86D1F6;
    background-color: #F5FCFF;
}

.tasks-listingbox:hover .associated-flex,
.tasks-listingbox.active .associated-flex {
    background-color: #E0F5FF;
}

.days-select .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #222834;
    font-weight: 500;
    font-size: 16px;
}

.date-select-top {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 24px;
}

.days-select .select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 32px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    background: url(../images/chevron-down-arrow.svg) no-repeat right center;
    width: 16px;
    height: 16px;
    margin-top: -8px;
}

.top-search-filter {
    gap: 24px;
}

.top-search-filter .camp-search input {
    width: 310px;
}

.table-dot-dropdown {
    position: relative;
}

.brand-icon {
    flex-shrink: 0;
}

.app-det-dotlink {
    flex-shrink: 0;
}

.table-border-none.staff-table .table {
    overflow: hidden;
    border: none;
    border-radius: 0px;
}

.table-border-none.staff-table .table td {
    border-bottom: none !important;
}

.table-border-none .brand-icon {
    width: 40px;
}

.table-border-none .brand-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
}

.camp-btn-drop .app-viewbtn.table-icon {
    min-width: inherit;
    padding: 10px;
}

.camp-btn-drop .app-viewbtn.table-icon ul {
    flex-direction: row;
    padding: 0px;
    margin: 0px;
    gap: 10px;
}

.camp-btn-drop .app-viewbtn.table-icon li a {
    padding: 0px !important;
    width: 20px;
    height: 20px;
}

.staff-table .app-list-btn {
    justify-content: flex-end;
}

.staff-table .camp-btn-drop .app-viewbtn {
    right: 27px;
    top: -8px;
}

.invoice-table .table {
    border: none;
}

.chat-part-title {
    padding: 20px;
    border-bottom: 1px solid #EFF0F1;
    flex-shrink: 0;
}

.chat-part-title .btn {
    font-size: var(--ft-14);
}

.chat-part-title h6 {
    margin-bottom: 0px;
}

.support-midd-caht {
    padding: 20px;
    position: relative;
    flex: 1 1 auto;
    overflow-y: auto;
    max-height: 595px;
}

.support-comment-box {
    padding: 20px;
    border-top: 1px solid #EFF0F1;
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}

.support-comment-box .send-box {
    position: relative;
    width: 100%;
}

.support-comment-box .send-box textarea {
    height: 92px;
    padding-right: 123px;
}

.support-comment-box .send-box .btn {
    padding: 8px 16px;
    list-style: none;
    border: none;
    line-height: 20px;
    font-size: var(--ft-14);
}

.support-comment-box .send-btns {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    position: absolute;
    right: 12px;
    bottom: 8px;
}

.support-comment-box .send-box textarea::-webkit-input-placeholder {
    opacity: 1;
    color: #9EA2AC;
}

.support-comment-box .send-box textarea::-moz-placeholder {
    opacity: 1;
    color: #9EA2AC;
}

.support-comment-box .send-box textarea:-ms-input-placeholder {
    opacity: 1;
    color: #9EA2AC;
}

.support-comment-box .send-box textarea:-moz-placeholder {
    opacity: 1;
    color: #9EA2AC;
}

.chat-height {
    display: flex;
    align-items: flex-start;
    padding-top: 35px;
}

.chat-height .grayborderbox {
    position: relative;
    display: flex;
    flex-direction: column;
    max-height: 100%;
    overflow: hidden;
    width: 100%;
}

.all-chats {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.chat-box {
    align-items: flex-start;
    display: flex;
    gap: 12px;
}

.chat-info {
    min-width: 260px;
    width: -webkit-max-content;
    width: max-content;
}

.chat-info-meta {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 7px;
}

.chatname {
    color: #39404f;
    font-size: var(--ft-14);
    font-weight: 500;
    line-height: 20px;
}

.chat-timming {
    color: #4d5361;
    font-size: var(--ft-12);
    font-weight: 400;
    line-height: 18px;
}

.chat-con {
    background: #eff0f1;
    border-radius: 0 12px 12px 12px;
    padding: 10px 14px;
}

.chat-con p {
    color: #151923;
    font-size: var(--ft-16);
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}

.chat-attach {
    align-items: flex-start;
    border: 1px solid #ededed;
    border-radius: 0 12px 12px 12px;
    display: flex;
    gap: 15px;
    padding: 10px 8px;
}

.file-con h3 {
    margin-bottom: 0;
}

.file-con h3,
.file-con span {
    font-size: var(--ft-14);
    line-height: 20px;
}

.file-con span {
    color: #575757;
    font-weight: 400;
}

.chat-attach .attach-image {
    background-color: #e4e5e8;
    border: 4px solid #fafafa;
    border-radius: 100%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.chat-box.my-chat-box {
    justify-content: flex-end;
}

.my-chat {
    background: #222834;
    border-radius: 12px 0 12px 12px;
}

.my-chat p {
    color: #fff;
}

.chat-divider-main {
    margin: 30px 0;
    position: relative;
    text-align: center;
}

.chat-divider-main span {
    background: #fff;
    color: #575757;
    font-size: var(--ft-14);
    font-weight: 500;
    line-height: 20px;
    padding: 0 8px;
    position: absolute;
    text-align: center;
    top: -10px;
}

.chat-divider {
    border-bottom: 1px solid #ededed;
}

.chat-user {
    position: relative;
}

.chat-status {
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    border: 2px solid #fff;
}

.chat-status.active {
    background-color: #12b76a;
}

.chat-commont-box {
    display: flex;
    flex-direction: column;
}

.user-chat-detail {
    display: flex;
    flex-direction: column;
    gap: 25px;
    padding: 30px 20px 20px 20px;
}

.chat-det h3,
.chat-det p {
    font-weight: 500;
    margin: 0;
    color: #222834;
    font-size: var(--ft-16);
    line-height: 24px;
}

.chat-det h3 {
    color: #6a7182;
}

.chat-det p {
    line-height: 24px;
}

.all-attachments {
    align-items: center;
    display: flex;
    gap: 20px;
    margin-top: 15px;
}

.showhide-chat-detail .btn {
    padding-top: 11px;
    padding-bottom: 11px;
}

a.view-detail-btn,
a.hide-detail-btn {
    display: inline;
}

a.hide-detail-btn {
    display: none;
}

.chat-commont-box.showhidechat {
    display: flex;
}

.hidediv {
    display: none;
}

.user-chat-detail {
    display: none;
}

.user-chat-detail.showhidedetail {
    display: flex;
}

.dash-app .support-mobile-sec {
    display: none;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.support-mobile-sec .todo-comp-tabs {
    padding-left: 15px;
    padding-right: 15px;
}

.support-mobile-sec .support-midd-sec {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 127px;
}

.support-mobile-sec .camp-tabs-part {
    position: fixed;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 1;
    top: 0px;
    padding-top: 20px;
    padding-bottom: 0px;
}

.support-mobile-sec .todo-comp-tabs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.support-mobile-sec .camp-tabs-part ul {
    margin-left: inherit;
    margin-right: inherit;
}

.support-mobile-sec .chat-height {
    padding-top: 0px;
}

.hidesec {
    display: none;
}

.support-mobile-sec .todo-comp-tabs.hidesec {
    display: none;
}

.support-mobile-sec .mob-camp-title.hidesec {
    display: none;
}

.support-mobile-sec .mob-camp-title.mobile-chat {
    display: none;
}

.support-mobile-sec .mob-camp-title.mobile-chat.showsection {
    display: block;
}

.support-mobile-sec .camp-midd-sec .col-md-7 {
    display: none;
}

.support-mobile-sec .camp-midd-sec .col-md-7.showsection {
    display: block;
}

.support-mobile-sec .support-midd-sec.midd-PT {
    padding-top: 70px;
}

.setting-tab-det {
    margin-bottom: 32px;
}

.settings-page-sec .camp-midd-sec {
    max-width: 1145px;
    margin-top: 0px;
}

.setting-title-border {
    gap: 10px;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #E4E5E8;
    color: #4D5361;
}

.setting-h-con h6 {
    margin-bottom: 0px;
    line-height: 28px;
}

.setting-row {
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid #E4E5E8;
    margin-bottom: 20px;
    padding-bottom: 20px;
    /* flex-wrap: wrap; */
}

.setting-row:last-child {
    margin-bottom: 0;
    padding-bottom: 0px;
    border-bottom: none;
}

.set-lebal-title {
    flex-shrink: 0;
    width: 360px;
}

.set-inputfield {
    position: relative;
    flex: 1 auto;
}

.setting-edit-icon {
    position: absolute;
    right: 10px;
    top: 10px;
    opacity: 0.6;
    z-index: 2;
}

.setting-form-section .form-control:disabled {
    background-color: #ededed;
    border-color: #D2D4DA;
    opacity: 0.5;
}

.setting-form-section .user-uploadphotos .upload-author-photo {
    width: 96px;
    height: 96px;
}

.setting-form-section .file-img-prev {
    width: 96px;
    height: 96px;
}

.setting-form-section .user-uploadphotos .upload-author-photo img {
    width: 100%;
    height: 100%;
}

.setting-form-section .upload-author-photo img.user-photo-icon {
    width: 50px;
    height: 50px;
}

.setting-form-section .browserbox .file-img-prev {
    top: 12px;
    align-items: flex-start;
}

.setting-form-section .user-uploadphotos .dragBox {
    padding-top: 52px !important;
}

.setting-form-section .dragBox {
    min-height: 100px;
}

.setting-search .camp-search input {
    max-width: 320px;
}

.save-setting {
    flex-shrink: 0;
}

.setting-form-section .setting-row .form-check {
    padding-top: 10px;
    gap: 10px;
    display: flex;
}

.setting-form-section .setting-row .form-check input,
.setting-form-section .setting-row .form-check label {
    cursor: pointer;
}

.row1 {
    display: flex;
    flex-wrap: wrap;
}

.setting-col-row {
    margin-left: -5px;
    margin-right: -5px;
    margin-top: 10px;
}

.setting-col {
    position: relative;
    float: left;
    width: 50%;
    padding-left: 5px;
    padding-right: 5px;
}

.setting-col-row .setting-edit-icon {
    right: 15px;
}

.mdi-upload::before {
    position: relative;
    content: "Update";
}

.tower-file {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.upload-photos {
    width: 95px;
    height: 95px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../images/user-gray-icon.svg) no-repeat center #F2F4F7;
    background-size: 55px;
}

.upload-photos input {
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.tower-file-details {
    position: absolute;
    left: 0;
    top: 0;
    width: 95px;
    height: 95px;
    border-radius: 100%;
    overflow: hidden;
    background-color: #F2F4F7;
}

.tower-file-details img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.buttonuploaddelete {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-top: 5px;
}

.buttonuploaddelete label,
.buttonuploaddelete button {
    cursor: pointer;
    line-height: 24px;
    font-size: var(--ft-16);
    color: #151923;
    font-weight: 600;
}

.buttonuploaddelete button {
    background-color: transparent;
    border: none;
    color: #4D5361;
}

.align-self-pt {
    align-self: flex-start;
    padding-top: 12px;
}

.setting-noti-row {
    border-bottom: 1px solid #E4E5E8;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.setting-noti-row:last-child {
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.email-push-noti {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
    font-size: var(--ft-16);
}

.email-push-noti:last-child {
    margin-bottom: 0px;
}

.noti-title {
    flex-shrink: 0;
    width: 300px;
    line-height: 24px;
    color: #4D5361;
}

.noti-title h6 {
    font-size: var(--ft-16);
    line-height: 24px;
    margin-bottom: 0px;
    color: #39404F;
}

.noti-action-sec {
    position: relative;
    flex: 1 auto;
    display: flex;
    margin-left: 30px;
    flex-direction: column;
}

.noti-row-col {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 32px;
}

.noti-row-col:last-child {
    margin-bottom: 0px;
}

.noti-switch label h5 {
    font-size: var(--ft-16);
    font-weight: 500;
    color: #39404F;
    margin-bottom: 0px;
}

.noti-switch label {
    color: #4D5361;
    margin-left: 15px;
    cursor: pointer;
}

.noti-action-sec .form-switch .form-check-input[type=checkbox] {
    cursor: pointer;
}

.noti-action-sec .noti-row-col input {
    float: none !important;
    height: 20px;
    margin: 0 !important;
    width: 35px;
    flex-shrink: 0;
}

.noti-action-sec .form-check-input {
    border-color: rgba(12, 17, 29, .3);
}

.noti-action-sec .form-switch .form-check-input {
    border-radius: 2rem;
}

.noti-action-sec .noti-switch {
    display: flex;
    align-items: center;
    padding-left: 0px;
}

.noti-suggest {
    max-width: 140px;
    width: 100%;
}

.noti-suggest .select-2-box {
    font-size: 14px;
    color: #39404F;
    font-weight: 600;
}

.noti-suggest .select2-container .select2-selection--single {
    height: 40px;
}

.noti-suggest .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
}

.noti-suggest .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #39404F;
    line-height: 38px;
}

.setting-midd-part .camp-setting-form-sec {
    font-size: var(--ft-16);
}

.setting-midd-part .camp-setting-form-sec .social-h {
    font-size: var(--ft-16);
    color: #151923;
    font-weight: 600;
}

.setting-midd-part .camp-setting-form-sec .social-box label p {
    color: #4D5361;
    line-height: 24px;
}

.country-phone {
    position: relative;
}

.country-phone.disabled:before {
    background-color: #ededed;
    opacity: .5;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    content: "";
    height: 100%;
    border-radius: 6px;
    z-index: 2;
}

.project-page-section .appoint-date-time-sec .tasks-listingbox {
    padding: 0px;
}

.pro-flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 16px 24px 10px 24px;
    border-bottom: 1px solid #EFF0F1;
    gap: 24px;
}

.open-project-btn {
    flex-shrink: 0;
}

.pro-list-page-det {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    margin-right: 30px;
}

.project-list-det {
    color: #4D5361;
    line-height: 24px;
    font-size: var(--ft-16);
}

.project-list-det h6 {
    color: #0C111D;
    line-height: 24px;
    margin-bottom: 5px;
}

.project-list-logo {
    margin-top: 7px;
    width: 64px;
    height: 64px;
    overflow: hidden;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #EFF0F1;
    flex-shrink: 0;
}

.project-list-logo img {
    max-height: 100%;
}

.open-project-btn {
    padding-top: 15px;
}

.open-project-btn .btn {
    padding: 8px 20px;
}

.pro-complete-det {
    padding: 12px 24px 16px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
}

.pro-complete-det ul {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}

.pro-complete-det li {
    display: flex;
    align-items: center;
    font-weight: 500;
    color: #4D5361;
}

.pro-complete-det li img {
    margin-right: 10px;
    width: 24px;
    max-height: 24px;
}

.pro-complete-det li strong {
    margin-left: 7px;
}

.project-complete {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    color: #4D5361;
}

.project-page-section .tasks-listingbox {
    margin-bottom: 24px;
}

.newproject-popup .modal-footer {
    justify-content: space-between;
}

.mob-btn-full {
    display: none;
}

.complet-project-midd-sec {
    padding: 0px 20px;
    font-size: var(--ft-16);
}

.pro-backbtn a {
    color: #0c111d;
    font-size: var(--ft-16);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 7px;
}

/* .project-comp-back-btn{ gap: 10px;padding-top: 40px;background-color: #fff;position: fixed;width: calc(50% - 154px);top: 0;margin-left: -20px;padding-left: 20px;padding-right: 20px;} */
.project-comp-back-btn {
    gap: 10px;
    padding-top: 40px;
    background-color: #fff;
}

.project-comp-back-btn .btn {
    border: none;
    padding: 8px 16px;
    gap: 5px;
    display: flex;
    align-items: center;
}

.pro-com-sort-det {
    text-align: center;
    color: #222834;
    line-height: 24px;
    max-width: 522px;
    margin: auto auto 50px auto;
}

.comp-pro-logo {
    margin: 0 auto 15px auto;
    width: 96px;
    height: 96px;
    border-radius: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.comp-pro-logo img {
    max-height: 96px;
}

.pro-com-sort-det h3 {
    margin-bottom: 10px;
    font-weight: 600;
}

.pro-comp-prog {
    color: #4D5361;
    font-weight: 600;
    gap: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pro-overview-box {
    background-color: #fff;
    border-radius: 16px;
    border: 1px solid #E4E5E8;
    box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 12px 0px rgba(16, 24, 40, 0.04);
    margin-bottom: 24px;
}

.pro-overview-box:last-child {
    margin-bottom: 0px;
}

.pro-description {
    padding: 14px 24px 24px 24px;
}

.pro-overview-title {
    border-bottom: 1px solid #E4E5E8;
    padding: 15px 24px 14px 24px;
}

.pro-overview-title h6 {
    margin-bottom: 0px;
}

.pro-left-PT {
    /*padding-top: 120px;*/
    padding-top: 60px;
    padding-bottom: 30px;
}

.project-left-panel {
    height: 100%;
}

.comp-project-boxbg {
    background-color: #fff;
    border-radius: 24px;
    border: 1px solid #E4E5E8;
    box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 12px 0px rgba(16, 24, 40, 0.04);
    height: calc(100% - 60px);
    position: fixed;
    width: calc(50% - 190px);
}

.project-right-panel {
    padding: 30px 0px 0px 0px;
    height: calc(100% - 30px);
}

.complate-project-tabs-sec {
    padding: 20px 12px;
    border-bottom: 1px solid #E4E5E8;
}

.complate-project-tabs-det {
    /*padding: 12px;*/
    height: calc(100% - 88px);
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.pro-tab-middle-sec {
    padding: 32px;
    height: calc(100% - 64px);
}

.pro-tab-middle-sec::-webkit-scrollbar {
    display: none;
}

.pro-tab-middle-sec .accordion-activity-sec::before {
    top: 113px;
    height: calc(100% - 145px);
}

.markproject-completed .form-check {
    display: flex;
    gap: 10px;
}

.markproject-completed .form-check-input {
    cursor: pointer;
    flex-shrink: 0;
}

.markproject-completed label.form-check-label {
    cursor: pointer;
}

.comp-desk-none {
    display: none;
}

.pro-backbtn a span.mobile-back-arrow {
    display: none;
}

.addguest-tags {
    /*padding-right: 78px;*/
    background-color: #fff;
    border: 1px solid #E4E5E8;
    border-radius: 8px;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

/*---------*/
.select2-results__option img.img-thumbnail {
    padding: 0;
    background-color: transparent;
    border: none;
    border-radius: 100%;
    max-width: 100%;
    height: auto;
    max-width: 24px;
    max-height: 24px;
    display: inline-flex;
    align-items: center;
    margin-right: 5px;
}

.select2-results__option span {
    font-size: 16px;
    font-weight: 500;
    color: #222834;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 0px;
    margin-left: 0px;
    background-color: #fff;
    border: 1px solid #D2D4DA;
    color: #39404F;
    font-size: 14px;
    font-weight: 500;
    padding: 3px 25px 5px 5px;
}

.select2-container--default .select2-selection--multiple li.select2-selection__choice {
    /* padding: 0px;
    border: none; */
    margin: 3px;
    
}

.select2-selection__choice__display .select2-selection__choice img.selected_option {
    padding: 0;
    background-color: transparent;
    border: none;
    border-radius: 100%;
    max-width: 100%;
    height: auto;
    max-width: 16px;
    max-height: 16px;
    display: inline-flex;
    align-items: center;
    margin-right: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    top: 0px;
    right: 2px;
    z-index: 1;
    color: #9EA2AC;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    margin: 0px;
    padding: 0px;
}

.select2-container .select2-selection--multiple {
    min-height: 43px;
}

.select2-container--default .select2-selection--multiple {
    background-color: transparent;
    /* border: none;
    border-radius: 0px; */
    padding-bottom: 1px;
    padding-right: 78px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    /* border: none; */
}

.select2-container .select2-search--inline .select2-search__field {
    font-size: 16px;
    font-weight: 500;
    color: #767676;
    padding: 0px 10px;
    opacity: 1;
    height: 37px;
    line-height: 33px;
}

.select2-container .select2-search--inline .select2-search__field ::-webkit-input-placeholder {
    opacity: 1;
    color: #767676;
}

.select2-container .select2-search--inline .select2-search__field ::-moz-placeholder {
    opacity: 1;
    color: #767676;
}

.select2-container .select2-search--inline .select2-search__field :-ms-input-placeholder {
    opacity: 1;
    color: #767676;
}

.select2-container .select2-search--inline .select2-search__field :-moz-placeholder {
    opacity: 1;
    color: #767676;
}

/*-------------*/
.header-desk-none {
    display: none;
}

.lead-mobile-title {
    display: none;
}

.leads-mobile-version {
    display: none;
}

.camp-filterbtn .select2-container {
    width: 100% !important;
}

.pro-edit-btn {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pro-edit-btn .btn-white {
    border: 1px solid #D2D4DA;
    gap: 8px;
    display: flex;
    padding-left: 10px;
}

.proj-mobile-tabs {
    min-height: 40px;
    align-items: center;
    margin-bottom: 9px;
    display: none;
}

.proj-mobile-tabs .backpage-link {
    position: absolute;
    left: 15px;
    top: inherit;
}

.project-overview-tab {
    justify-content: flex-end;
}

.all-project-tab {
    justify-content: center;
}

.dash.commingsoon-setup {
    display: flex;
}

.dash.commingsoon-setup .dash-app {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
}

.tasks-listingbox.disabled {
    position: relative;
    overflow: hidden;
    opacity: 0.7;
}

.tasks-listingbox.disabled:hover {
    border-color: #E4E5E8;
    background-color: #fff;
}

.tasks-listingbox.disabled::before {
    background-color: rgba(255, 255, 255, 0.50);
    border-color: #D2D4DA;
    position: absolute;
    left: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
}

.upgrad-disabled .modal-body {
    padding-bottom: 70px;
}

.upgrad-disabled .modal-body::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.40);
    content: "";
    z-index: 2;
}

.upgrad-disabled .modal-body .tooltipdiv {
    display: none;
}

.upgrad-disabled .current-info-plan {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 0;
    z-index: 3;
    left: 0;
}

.upgrad-disabled .modal-colse-btn .btn-primary {
    pointer-events: none;
    opacity: 0.4;
}

.commontable .table-md-btn {
    font-size: var(--ft-14);
    padding: 7px 20px;
}

.pagecomingsoon {
    text-align: center;
    padding: 100px 20px;
}

.cls-monthday {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.cls-monthday span {
    display: block;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    border-radius: 8px;
    border: 1px solid #D2D4DA;
    padding: 7px 14px;
    color: #39404F;
    font-size: var(--ft-14);
    font-weight: 600;
    line-height: 20px;
}

.clstodaydate {
    width: 100%;
    text-align: left;
}

.clstodaydatetxt {
    flex-shrink: 0;
    width: 80px;
}

.sm-btn.list-calender {
    color: #fff;
    width: 92px;
}

.cls-calendar-flex {
    display: flex !important;
}

.calendar-time-right {
    display: block;
    border-left: 1px solid #E4E5E8;
    padding-left: 14px;
}

.calendar-time-right span {
    display: block;
    background-color: #fff;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    border-radius: 8px;
    border: 1px solid #D2D4DA;
    padding: 6px 10px;
    color: #39404F;
    font-size: var(--ft-14);
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 7px;
    text-align: center;
    max-width: 105px;
}

.calendar-time-right span:last-child {
    margin-bottom: 0px;
}

.clsdaterangewidth.single {
    max-width: 360px !important;
}

.timedaterangepicker {
    box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
    border-color: #EFF0F1 !important;
    border-radius: 8px;
    font-family: 'Inter', sans-serif;
}

.timedaterangepicker::before {
    display: none;
}

.timedaterangepicker::after {
    display: none;
}

.timedaterangepicker.single {
    max-width: 360px !important;
    top: 50% !important;
    right: 0 !important;
    left: 0 !important;
    margin: -195px auto auto auto !important;
}

.datepupup-calender .modal-content {
    opacity: 0;
    visibility: hidden;
}

.selectimage-round {
    max-width: 24px;
    max-height: 24px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
}

.staff-leftbar-panel .left-navbar ul li a:hover,
.staff-leftbar-panel .left-navbar ul li.active a {
    background-color: transparent;
    color: #fff !important;
}

.staff-leftbar-panel .left-navbar ul li.active a img {
    filter: brightness(0) invert(1);
}

.billing-addnew-modal .modal-header h6 {
    margin-bottom: 0px;
}

.table-hed-title h6 {
    font-weight: 500;
    margin-bottom: 0px;
    line-height: 20px;
    color: #151923;
}

.table-hed-title span {
    line-height: 20px;
    color: #151923;
}

.camp-tab-dark-color td {
    color: #151923;
}

.camp-tab-dark-color .brand-icon,
.camp-overview-box-border .brand-icon {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
    background-color: #F7F6F4;
}

.camp-tab-dark-color .brand-icon img,
.camp-overview-box-border .brand-icon img {
    max-width: 20px;
    max-height: 20px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
}

.oddeven-table tr:nth-child(2n+1) .brand-icon {
    background-color: #ffffff;
}

.camp-tab-dark-color .brand-div {
    align-items: flex-start;
}

.camp-tab-dark-color .brand-div .brand-icon {
    margin-top: 3px;
}

.table-uni-code {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #151923;
    font-size: var(--ft-12);
}

.table-uni-code strong {
    font-weight: 500;
}

.cont-left {
    margin-left: 0;
    margin-right: 0px;
    padding-left: 0;
    padding-right: 0px;
}

.d-flex-height-full {
    display: flex;
    flex-direction: column;
    padding-bottom: 0px;
    height: calc(100vh - 179px);
    position: relative;
    justify-content: space-between;
    overflow: hidden;
    overflow-y: auto;
}

.note-comment-input {
    position: fixed;
    bottom: 20px;
    width: 100%;
    max-width: 855px;
}

.tasks-listingbox-staff-camp-note .d-flex-height-full {
    height: calc(100vh - 225px);
}

.pro-tab-middle-sec {
    position: relative;
}

.pro-tab-middle-sec .d-flex-height-full {
    height: calc(100vh - 264px);
    position: initial;
    margin-bottom: 20px;
}

.pro-tab-middle-sec .note-comment-input {
    position: absolute;
    width: calc(100% - 64px);
    bottom: -15px;
    left: 32px;
    max-width: inherit;
}

.left-top-sec .account-info .account-holder img {max-height: 50px;}
.form-logo img {max-height: 70px;}
.form-logo {margin-bottom: 20px;}
.userbox-info img.author-main-img {width: 40px; height: 40px; border-radius: 100%; object-fit: cover;}
.over-box-row {display: flex; align-items: flex-start; gap: 15px; padding: 15px !important; height: 100%;}
.over-box-icon {width: 50px; height: 50px; background-color: #f1f1f1; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.over-box-icon img {max-width: 38px; max-height: 38px; width: 100%;}
.cust-dash-board-box {margin-bottom: 30px !important;}
.cust-dash-board-box .col-lg-3 {width: 20%;}
.main-title-sec {display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 20px; flex-wrap: wrap; margin-top: 22px;}
.main-title-sec h2, .main-title-sec h3, .main-title-sec h4 {margin-bottom: 0px;}
.dashboard-table-sec {margin-bottom: 30px;}
.commontable .dt-layout-row {padding-left: 10px; padding-right: 10px; display: flex !important; /*flex-wrap: wrap;*/ align-items: center;}
.commontable div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell.dt-layout-start {flex-shrink: 0; margin-right: 20px;}
.commontable .dt-layout-row.dt-layout-table {padding-left: 0px; padding-right: 0px;}
.commontable div.dt-container div.dt-layout-row div.dt-layout-cell .dt-length, .commontable div.dt-container div.dt-layout-row div.dt-layout-cell .dt-search {display: flex; gap: 5px; align-items: center;}
.commontable div.dt-container div.dt-layout-row div.dt-layout-cell input,.commontable div.dt-container div.dt-layout-row div.dt-layout-cell select{ display: flex;padding: 7px 9px;border-radius: 8px;border: 1px solid #d6d6d6;background: var(--white);box-shadow: 0 1px 2px 0 rgba(16,24,40,.05);color: #767676;font-size: var(--ft-14);height: 40px;}
.commontable div.dt-container div.dt-layout-row div.dt-layout-cell select {cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; min-width: 70px; background-image: url(../images/select-box-arrow.png); background-repeat: no-repeat; background-position: right center;}    
.commontable .btn {padding: 5px 8px; line-height: 20px; font-size: var(--ft-14); font-weight: 500;}    
div.dt-container .dt-paging .dt-paging-button {width: 35px; height: 35px; padding: 0 !important;  border-radius: 6px !important;}
.sim-btn {text-align: right;}
.text-btn {font-size: 14px; font-weight: 500; padding: 7px 10px; border-radius:5px; background-color: #0c111d; color: #fff; border: 1px solid #0c111d; }
.text-btn:hover {color: #39404F;  background-color: #f1f1f1;  border-color: #D2D4DA;}
.action-btn-flex {display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 20px;}
.head-creatbtn {display: flex; align-items: center; justify-content: flex-end;}

div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover { box-shadow: 0 1px 2px 0 rgba(16,24,40,.05); border: 1px solid #d6d6d6 !important; background: none !important; background-color: #fff !important;}

.commontable div.dt-container .dt-paging .dt-paging-button:hover  { box-shadow: 0 1px 2px 0 rgba(16,24,40,.05); border: 1px solid #d6d6d6 !important; background: none !important; background-color: #fff !important; color: #111 !important;}

.setting-form-section .setting-row.status-setting  .form-check {padding-top: 0px;}


.addmorerowbtn {padding: 10px 18px; border-top: 1px solid #E4E5E8;}

hr {border-top-color:#E4E5E8; opacity: 1;}

.commontable textarea {height: 44px;}
.addremove-table .select2-container .select2-selection--single .select2-selection__rendered {padding-right: 28px;}

.cls-image-setting {width: 60px; height: 60px; overflow: hidden; border-radius: 100%; flex: inherit;}
.cls-image-setting img {width: 100%; height: 100%; object-fit: cover;}

.action-btn-width-setting {min-width: 120px;}

.register-radio-box .form-check-input {margin-right: 7px;}

.form-sec-list .form-input-icon .form-check .form-check-input[type="radio"] {margin-right: 7px;}

.on-bording-form-part .form-sec-list .form-check .form-check-input {margin-right: 7px;}

.cls-form-main-setting {padding-top: 15px;}
.cls-form-main-setting .reg-title {color: var(--darkblue);}
.cls-form-main-setting .reg-title h2 {color: var(--darkblue);}

.kbw-signature canvas {
    border-width: 2px;
    border-style: dashed;
    border-color: #ddd;
    background-color: #fff;
    cursor: url(../images/pen.cur), pointer;
    display: inline-block;
}

.kbw-signature {
    border: 0 !important;
    height: 180px !important;
    max-width: 700px !important;
    width: 100% !important;
    margin-bottom: 15px;
}

.showtextarea-div .condi-show-textarea {display: block;}
.condi-show-textarea {display: none;}


.btn-primary:disabled{
    background-color: #0c111d;
    border-color: #0c111d;
}

.pagination-cls ul.pagination {display: flex; padding-top: 10px; flex-wrap: wrap; justify-content: center; gap: 10px; align-items: center;}
.pagination-cls {padding-top: 25px;}
.pagination-cls .page-item .page-link { align-items: center;background: #fff!important;border: 1px solid #d0d5dd!important;border-radius: 8px;color: #39404f;display: inline-flex;font-size: var(--ft-14);font-weight: 600;gap: 8px;line-height: 20px;padding: 7px 14px;text-decoration: none!important;box-shadow: 0 1px 2px 0 rgba(16,24,40,.05); width: 40px; height: 40px; justify-content: center;}
.pagination-cls .page-item .page-link:hover{ background: 0 0!important;background-color: #f1f1f1!important;color: #39404f!important;border-color: #d0d5dd!important;}
.pagination-cls .page-item.active .page-link {background: none !important; background-color: #f1f1f1 !important; color: #39404f !important; border-color: #d0d5dd !important;}
.pagination-cls .page-item.disabled {background-color: transparent; opacity: 1;}
.pagination-cls .page-item.disabled .page-link  {background: none !important; background-color: #f7f7f7 !important; color: #a0a0a0 !important; border-color: #eaebed !important;}


.status-setting {display: flex; align-items: center; gap: 20px;}
.status-setting .status {display: flex; align-items: center; gap:8px;}

.attendences-tabs-sec {margin-bottom: 30px;}
.attendences-tabs-sec .form-tabs-btn {margin-bottom: 20px;}
.attendences-tabs-sec .form-tabs-btn ul {display: flex; align-items: center; gap: 10px; flex-wrap: wrap;}

.form-tabs-btn li a {
    font-size: 14px;
    font-weight: 600;
    color: #cccccc;
    display: flex;
    padding: 8px 16px;
    border-radius: 30px !important;
    border: 1px solid #EFF0F1;
    line-height: normal;
    position: relative;
    gap: 20px;
  }

.form-tabs-btn li a:hover, .form-tabs-btn li a.active, .form-tabs-btn li a.active span {
    background-color: var(--white) !important;
    color:#000 !important;
    border-color: #D2D4DA !important;
  }

#addArea {   
    margin-right: 15px;
}

span.remove-css{pointer-events: none;}

.form-check-label{display: flex;align-items: flex-start;}
.form-check-label span{padding-top: 0;
  margin: 0 21px;}
.form-check-label span{padding-top: 0 !important;}
.form-check-label{align-items: center;}
.form-check-label span{min-width: 134px;} 
.dayname{min-width: 220px;}
#sessionDesign{
    margin-bottom: 28px;
}



ul.column-setting li {display: flex; align-items: center; flex-wrap: wrap; gap: 5px;}
ul.column-setting li a {flex-shrink: 0;}

.commontable ul.column-setting li .btn {padding: 5px 5px; line-height: 14px;}
ul.column-setting li a img { height: 16px;}

.commontable table .reject_reason {padding: 5px 5px; line-height: 14px;}