@charset "utf-8";


/*staff-style 19-03-2024*/

.notification-midd-padd{padding-top: 0px;}
.notifications-inner-sec{max-width: 1014px;padding-left: 0px;  padding-right: 0px; margin: auto;}
.notifications-page-sec .camp-midd-sec {max-width: 1014px;padding-left: 0px;  padding-right: 0px;}
.notifications-tab .tasktodocomp .nav-link span{font-size: var(--ft-14);font-style: normal;font-weight: 600; width: 25px; height: 25px; background-color: #9EA2AC;  border-radius: 25px; display: block; color: #fff;}
.notifications-tab .tasktodocomp .nav-link.active span{background-color: #222834;}
.notificationcomp button{gap:10px; display: flex;}
.h-markread{font-size:var(--ft-16);font-weight: 600;}
.notific-h-row{margin-bottom: 24px;} 
#more {display: none;}
.viewmore{border: 0;background-color: transparent;color: #0C111D;font-size: var(--ft-16);font-weight: 600;padding: 0}
.notication-icon{width: 48px;height: 48px; border: 1px solid #E4E5E8; text-align: center; display: flex; align-items: center; justify-content: center; border-radius: 100%;}
.notifications-page-sec .tasks-listingbox .task-det h6{color: #222834;}
.notifications-page-sec .tasks-listingbox .task-cont, .notifications-page-sec .tasks-listingbox .task-comm-date{font-size: var(--ft-16);color:#4D5361;}
.notifications-page-sec .task-comm-date, .notifications-page-sec .task-comm-date span {color: #4D5361;}
.notifications-page-sec .tasks-listingbox .task-list-flex, .notific-comn-date{gap: 16px}
.notifications-page-sec .tasks-listingbox .taskcomment {margin-bottom: 8px;}  
.notifications-page-sec .task-det h6 { margin-bottom: 0;}
.notifications-page-sec .tasks-listingbox{margin-bottom: 16px;}
.notifications-page-sec .mark-readable.tasks-listingbox .taskcomment h6, .notifications-page-sec .mark-readable.tasks-listingbox .task-cont, .notifications-page-sec .mark-readable.tasks-listingbox .task-comm-date, .notifications-page-sec .mark-readable.tasks-listingbox .task-comm-date span, .notifications-page-sec .mark-readable.tasks-listingbox .viewmore{color:#9EA2AC;}
.notifications-page-sec .task-cont{margin-bottom:0px;}
.notifications-tab{padding: 0px 15px 14px 15px;border-bottom: 1px solid #EFF0F1;}
.header-col.h-right.camping-top-search{gap: 32px;}
.new-onbording,  .new-staff-camp-overview-secbtn{gap:24px;}
.camping-filter-sort-by, .new-staff-camping-left, .new-appointment-top-sec{gap:16px;}
.new-brand-icon, .new-creat-on-date {gap: 8px;}
.new-total-leadsbox{gap:20px;}
.totalbox{ flex-wrap: wrap;width: 100%;padding: 24px;}
.new-staff-camping-left, .new-staff-cam-billing{display: flex;} 
.new-staff-cam-billing{gap:12px;align-items: center;}
.new-staff-camp-support .associated-name span{color:#151923;}

/*Campaigns Page*/
.camping-top-search .camp-search input, .new-appointment-dass-midd-padd .camp-search input  {max-width: 247px;}
.staff-campaigns-page .camping-filter-sort-by .select2-container--default .select2-selection--single .select2-selection__rendered{font-weight: 600;    padding-right: 30px;}
.staff-campaigns-page .new-staff-camp-user .task-cont{margin-bottom: 0px;font-size:18px;color:#151923;font-weight: 500;}
.staff-campaigns-page .new-staff-camp-user .task-list-flex{margin-bottom: 8px;}
.staff-campaigns-page .new-spen-month-date{gap: 32px;text-align: right;}
.staff-campaigns-page .new-spen-month-date .spent-to-date label{font-size: var(--ft-16);font-weight: 400;color:#4D5361;}
.staff-campaigns-page .new-spen-month-date .spent-to-date p{font-size: 18px;font-weight: 600;color:#151923;}
.staff-campaigns-page .support-ticket-user{padding: 16px 20px;}
.onbording span{border-radius: 36px;background: #E3EFFD; padding: 4px 12px;color: #417FC6;text-align: center;font-size: var(--ft-14);font-weight: 500;}
.new-brand-icon h6, .new-plan-txt h6{margin-bottom: 0px;font-size:var(--ft-14);}
.new-plan-txt h6{font-weight: 600;letter-spacing: 0.49px;text-transform: uppercase;}
.new-creat-on-date{color:#4D5361;font-weight: 500;}
.new-staff-camping-overview{text-align: left;padding: 32px;}
.new-staff-camping-left .campaing-box-con span{line-height: 32px;}
.new-staff-camping-left .campaing-box-con span.live-badge{color:#027A48;border: 1.5px solid #027A48;}
.new-staff-camping-left .campaing-box-con {margin: 0px;}
.new-staff-camp-overview-secbtn .select-2-box .form-control{color: #222834;font-weight: 600;}
.new-staff-camp-overview-secbtn{margin-bottom: 16px;}
.totalbox h6{font-size: 30px;font-weight: 600;color:#151923;margin-bottom: 7px;}
.totalbox p{color:#6A7182;font-size: var(--ft-16);font-weight: 600;}
.new-staff-camp-logs .oddeven-table tr:nth-child(odd) {background-color: inherit;}
.new-staff-camp-logs  tr:nth-child(even), .new-staff-camp-logs .cstmTable thead tr { background-color: #FAFAFA;}
.view-btn .btn{ padding: 8px 24px;}
.campaign-leads-chart .table-title h3, .new-staff-camp-logs .table-title h3{color: #39404F;}
.new-staff-camp-logs .table-title h3{margin-bottom: 8px;}
.new-staff-camp-logs{padding-bottom: 32px;}
.new-task-det-inner{display: flex;justify-content: space-between;}
.new-task-det-inner span{font-size: var(--ft-16);font-weight: 400;color:#6A7182;}
.camp-midd-sec.staff-camp-appointment{max-width: inherit;padding-left: 30px;padding-right: 30px;}
.staff-camp-appointment-tabsec .app-time-sec{gap: 32px;}
.staff-camp-appointment-tabsec .appoint-date{text-align: left;}
.staff-camp-appointment-tabsec .appoint-date span{color: #4D5361;font-weight: 500;}
.staff-camp-appointment-tabsec .new-onboard-date h6{font-size: 20px;color: #39404F;}
.staff-camp-appointment-tabsec .new-onboard-date span{font-size:18px;}
.staff-camp-appointment-tabsec .appoint-date .brand-icon{display: flex;}
.staff-camp-appointment-tabsec .appoint-date .brand-icon img{margin-left: -10px;}
.staff-camp-appointment-tabsec .appoint-date .brand-icon img:first-child{margin-left: 0px;}
.staff-camp-appointment-tabsec .appoint-date .brand-icon span{background-color: #EFF0F1;display: flex;border-radius: 100%;width: 36px;
height: 36px;font-size: var(--ft-16);color: #4D5361;padding: 4px 0px;justify-content: center;align-items: center;border: 2px solid #fff;margin-left: -10px;}
.staff-camp-appointment-tabsec .appoint-date{padding-right: 30px;}
.staff-camp-appointment-tabsec .month-title h6{font-size: 20px;color:#0C111D;font-weight: 600;}
.usd-tag{z-index: 999999;right: 30px; top: 10px;bottom: 0;position: absolute;font-size: 16px;color:#0C111D;font-weight: 400;}
.appointment-page-sec .camp-midd-sec{max-width: inherit;}
.new-appointment-top-sec .fleter-dropdown{z-index: 1;}
.new-app-viewbtn, .new-app-viewbtn ul {display: flex; align-items: center; gap: 10px;}
.customers-photos {}
.customers-photos ul {display: inline-flex; align-items: center;}
.customers-photos li {display: inline-flex; width: 32px; height: 32px; border-radius: 100%; overflow: hidden; border: 2px solid #fff;}
.customers-photos li span {background-color: #EFF0F1; border: 2px solid #fff; width: 28px; height: 28px; border-radius:100%; display: flex; align-items: center; justify-content: center; color: #4D5361; font-weight: 500;} 
.customers-photos li img {width: 100%; height: 100%; object-fit: cover; }
.customers-photos li + li {margin-left: -7%;}
.customers-photos  li span{font-size: inherit;}

/*----------------------------------*/

.customers-page-sec .datesort-sec .date-select-top {flex-wrap: wrap;}
.datesort-sec {margin-bottom: 16px;}
.datesort-sec .date-select-top {justify-content: flex-start;}
.customerboxs {margin-bottom: 10px;}
.customerboxs .row {margin-left:-10px; margin-right: -10px;}
.customerboxs .col-6 {padding-left: 10px; padding-right: 10px; margin-bottom: 20px;}
.customer-list-box {/*box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);*/ background-color: #fff; padding: 24px; border: 1px solid #E4E5E8; border-radius: 12px;}
.cust-green-box {border-color: #A6F4C5; background-color: #F6FEF9; box-shadow: 0px 1px 3px 0px rgba(16, 40, 26, 0.10), 0px 1px 2px 0px rgba(16, 40, 27, 0.06);}
.customer-list-box h2 {margin-bottom: 0px; font-size: 22px;}
.cust-box-text {display: flex; align-items: center; gap:8px; font-size: var(--ft-14); color: #6A7182; line-height: 1.6; font-weight: 600; }
.cust-box-text span.box-bullet {background-color: #12B76A; border-radius: 100%; width: 8px; height: 8px;}
.staff-comm-table th {vertical-align: middle;}
.tb-blue-btn {color: #417FC6; background-color: #E3EFFD;}
.tb-green-btn {color: #12B76A; background-color: #D1FADF;}
.tb-orange-btn {color: #F79009; background-color: #FEF0C7;}
.tb-red-btn {color: #F04438; background-color: #FEE4E2;}
.cust-filter-btn{ display: flex;align-items: center;gap: 10px;}
.addcust-btn .btn{ padding-top: 9px!important;padding-bottom: 9px!important;border: none;}
.graybg-tab{ padding: 4px;background-color: #eff0f1;border-radius: 12px;display: inline-flex;flex-wrap: wrap;gap: 4px;}
.graybg-tab li{ display: inline-flex;}
.graybg-tab li .nav-link{ font-size: var(--ft-16);font-weight: 600;line-height: 20px;color: #9ea2ac;padding: 10px 16px;border-radius: 8px;border: 1px solid #eff0f1!important;display: flex;color: #9ea2ac!important;align-items: center;box-shadow: none;}
.graybg-tab li .nav-link.active{ box-shadow: 0 1px 2px 0 rgba(16,24,40,.05);border-color: #e4e5e8!important;color: #151923!important;}
.header-title-tabs {display: flex; align-items: flex-start; gap: 10px;}
.billing-header-tabs{margin-left: 15px;}
.billing-platform-tabs ul {margin-bottom: 0px;}
.billing-platform-tabs .tasktodocomp .nav-link {padding-top: 9px; padding-bottom: 9px;}
.billing-sub-tabs {margin-bottom: 5px;}
.staff-billing-header {margin-bottom: 15px;}
.staff-billing-header .header-col {flex-shrink: 0;}
.billing-header-row {display: flex; align-items: center; justify-content: space-between; width: 100%; flex-wrap: wrap; gap: 15px; margin-top: -5px;}
.staff-billing-header .header-row {flex-wrap: nowrap; align-items: flex-start;}
.billing-header-tabs, .staff-billing-header .header-col {margin-bottom: 5px; }
.billing-sub-tabs .billing-platform-tabs, .billing-sub-tabs .top-search-filter {margin-bottom: 10px;}
.filter-search {display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px; gap: 10px;}
.filter-search .search-form, .filter-search .filter-select {margin-bottom: 10px;}
.staff-search-addbtn {display: flex; align-items: center; gap: 10px;}
.staff-search-addbtn .search-form .form-input {padding-top: 8px !important; padding-bottom: 8px !important; width: auto;}
.staff-task-lr-panel {display: flex; align-items:flex-start; gap: 25px; }
.staff-task-right-panel {flex-shrink: 0; width: 365px; margin-top: 65px;  padding-left: 24px;  border-left: 1px solid #F0F0F0; position: relative; min-height: calc(100vh - 205px);}
.staff-task-left-panel {width: 100%;}
.staff-task-left-panel .appo-tabs-mb {margin-bottom: 20px;}
.staff-team-listing {font-size: var(--ft-16);}
.staff-team-listing h3 {color: #222834; line-height: 1.6; margin-bottom: 20px; display: flex; align-items: center;  gap: 10px;}
.staff-team-listing span {color: #6A7182; font-size: var(--ft-16); font-weight: 600; display: flex; justify-content: center; align-items: center; background-color: #E4E5E8; border-radius: 8px; min-width: 27px; height: 27px;}
.staff-team-listing li {margin-bottom: 20px;}
.staff-team-listing li a {display: flex; align-items: flex-start; gap: 10px;}
.staff-team-listing li a:hover {opacity: 0.7;}
.teamname-des {color: #4D5361; font-weight: 500; }
.teamname-des h6 {font-weight: 500; color: #222834; margin-bottom: 0px;}
.team-avtarimg {margin-top: 2px; width: 40px; height: 40px; overflow: hidden; border-radius: 100%;}
.team-avtarimg img {width: 100%; height: 100%; object-fit: cover;}
.staff-task-list .board-flex {min-height: calc(100vh - 205px); margin-left: -15px; margin-right: -15px;}
.staff-task-list .board-col {width: 33.3333%; padding-left: 15px; padding-right: 15px;}
.staff-task-list .board-graybg {padding: 16px 12px 10px 12px;}
.staff-task-list .board-title {gap: 10px; margin-bottom: 13px;}
.staff-task-list .board-title h6 {color: #6A7182; font-size: 18px; font-weight: 600;}
.staff-task-list .board-title .board-num {color: #6A7182; font-size:var(--ft-16); font-weight: 600; min-width: 26px; height: 26px; border-radius: 8px;}
.staff-task-list .board-listing li {margin-bottom: 13px;}
.staff-task-list .board-listing li a {padding: 24px 24px 16px 24px; }
.staff-task-border {padding-bottom: 16px; margin-bottom: 15px; border-bottom: 1px solid #EFF0F1;}
.staff-taskcode {margin-bottom: 15px; display: flex; align-items: center; justify-content: space-between;}
.staff-taskcode .cop-id {font-size: var(--ft-16); color: #4D5361; line-height: 1.5; margin-bottom: 0px;}
.tagmess {font-size: var(--ft-14); font-weight: 500; border-radius: 20px; padding: 3px 14px; color: #6A7182; background-color: #E4E5E8;}
.btn-orgbg {color: #DC6803; background-color: #FFFAEB;}
.btn-bluebg {color: #1570EF; background-color: #D1E9FF;}
.btn-greenbg {color: #039855; background-color: #D1FADF;}
.btn-lightredbg {color: #F04438; background-color: #FEE4E2;}
.staff-task-border h5 {font-size: 18px; color: #222834; margin-bottom: 2px;}
.staff-task-border .board-list-name {font-size: var(--ft-14); color: #4D5361; font-weight: 500;}
.staff-task-box-flex {display: flex; align-items: flex-start; flex-wrap: wrap; margin-left: -8px; margin-right: -8px;}
.staff-task-box-flex .staff-task-date {width: 50%; padding-left: 5px; padding-right: 5px; padding-top: 8px; padding-bottom: 8px;}
.staff-task-date h6 {font-size: var(--ft-14); font-weight: 500; margin-bottom: 0px; color: #222834; margin-bottom:6px;}
.staff-task-date data {font-size: var(--ft-16); font-weight: 500;}
.staff-userphoto-name {display: flex; align-items: center; gap: 10px;}
.staff-userphoto-name h6 {margin-bottom: 0px; color: #222834; font-size: var(--ft-16);}
.staff-avtar-sm-photo {flex-shrink: 0; width: 24px; height: 24px; border-radius: 100%; overflow: hidden;}
.staff-avtar-sm-photo img {width: 100%; height: 100%; object-fit: cover;}
.pop-avt-usernamephoto {color: #6A7182; font-weight: 500;line-height: 24px;display: flex; align-items: center; gap: 10px; padding-top: 10px; margin-bottom: 15px;}
.staff-ava-img-popup {display: flex; align-items: center; gap: 6px; font-weight: 500; color: #39404F;}
.staff-ava-img-popup img {object-fit: cover; width: 24px; height: 24px; border-radius: 100%; overflow: hidden;}
.staff-support-flex {display: flex; align-items: flex-start; gap: 24px;}
.staff-support-left-panel {width: 100%;}
.staff-support-right-panel {flex-shrink: 0; width: 100%; max-width: 498px;}
.tab-support-chart .todo-comp-tabs {margin-bottom: 20px;}
.support-main-chart {margin-bottom: 32px;}
.support-main-chart .overview-chart canvas {max-height: 300px;}
.ticketboxbg { background: #fff; border: 1px solid #e4e5e8; border-radius: 12px; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); transition: all .3s ease-in-out 0s;}
.ticketboxbg:hover {box-shadow: 0 1px 2px 0 rgba(16,24,40,.06),0 1px 3px 0 rgba(16,24,40,.1);}
.ticket-list-box {margin-bottom: 16px; font-size: var(--ft-16); }
.ticket-list-box a {padding: 16px 24px; display: flex; align-items: flex-start; gap: 12px;}
.ticket-user-photo {flex-shrink: 0; width: 48px; height: 48px; border-radius: 100%; overflow: hidden;}
.ticket-user-photo img {width: 100%; height: 100%; object-fit: cover;}
.ticket-user-name {display: flex; align-items: flex-start; justify-content: space-between; gap: 12px;}
.ticket-user-name h6 {margin-bottom: 8px;}
.online-ticket-user {box-shadow: 0 1px 2px 0 rgba(16,24,40,.06),0 1px 3px 0 rgba(16,24,40,.1);}
.online-ticket-user .ticket-sub-title, .online-ticket-user .ticket-sm-det {font-weight: 600;}
.ticket-user-detail-sec {width: 100%; padding-top: 2px;}
.ticket-sub-title {color: #222834; margin-bottom: 1px;}
.ticket-sm-det {color: #4D5361; text-overflow: ellipsis; overflow: hidden; line-height: 24px;  -webkit-line-clamp: 1; -webkit-box-orient: vertical;  display: block; display: -webkit-box;} 
.ticket-time {flex-shrink: 0px; display: flex; align-items: center; gap: 7px;  font-weight: 500; color: #4D5361; flex-shrink: 0;}
.openticket-flex {display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 16px;}
.openticket {display: flex; align-items: center; gap: 10px;}
.viewallticket a {font-weight: 600; color: #0C111D;}
.viewallticket a:hover {color: #9EA2AC;}
.openticket h5 {margin-bottom: 0px;}
.openticket-user-count {background-color: #222834; color: #fff;  font-weight: 600; line-height: 24px; padding: 0px 7px; border-radius: 30px;}
.online-ticket-user .online-user {background-color: #4bc27d; width: 8px; height: 8px; border-radius: 100%;}
.online-ticket-user .orange-bullet {background-color: #F79009;}
.chart-box-padd {padding:20px 24px 24px 24px; height: 100%;}
.chart-box-flex {display: flex; align-items: flex-start; gap: 30px;}
.box-widht-50 {width: 50%;}
.chart-detail {padding-left: 5px; padding-right: 5px; flex-shrink: 0;}
.chart-det-row {display: flex; align-items: flex-start; justify-content: space-between; gap:20px 0px; flex-wrap: wrap; margin-left: -5px; margin-right: -5px;}
.chart-col {width: 50%; padding-left: 5px; padding-right: 5px;}
.chart-times {font-weight: 500; color: #9EA2AC; padding-left: 20px;}
.chart-pers {display: flex; align-items: center; gap: 12px; font-size: 20px; color: #222834; line-height: 30px; font-weight: 600;}
.chart-bullet {background-color: #4bc27d; width: 8px; height: 8px; border-radius: 100%; flex-shrink: 0;}
.red-bullet-point {background-color: #f45b55;}
.purple-bullet-point {background-color: #6E70C8;}
.green-bullet-point {background-color: #4BC27D;}
.orange-bullet-point {background-color: #FF9139;}
.yellow-bullet-point {background-color: #FFC646;}
.blue-bullet-point {background-color: #1292EE;}
.gray-bullet-point {background-color: #A7B3BE;}
.lightblue-bullet-point {background-color: #D5E3FE;}
.selebox-email-phone-flex {display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 24px;}
.chart-phone-email ul {display: flex; align-items: center; gap: 20px;}
.chart-phone-email li {display: flex; align-items: center; gap: 10px; font-size: var(--ft-16); font-weight: 500;}
.support-selectbox .select2-container--default .select2-selection--single .select2-selection__rendered {color: #222834; font-weight: 600; font-size: 16px;}
.support-selectbox .select2-container .select2-selection--single .select2-selection__rendered {padding-right: 32px; min-width: 210px;}
.chart-container {position: relative; max-width: 250px; margin-left: auto; margin-right: auto;}
.cart-value {display:flex; align-items: center; justify-content: center; font-size: 18px; color: #222834; font-weight: 600; gap: 10px; margin-bottom: 10px;}
.cart-value span {font-size: 24px; margin-right: 4px;}
.chart-container .tagmess {padding: 2px 10px; line-height: 20px; display: inline-flex;}
.chart-center-position {position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin:14px auto auto auto; z-index: 0; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.chart-container canvas {z-index: 2; position: relative;}
.three-col-chart .chart-col {width: 100%;}
.three-col-chart .left-chart {width: 66%;}
.three-col-chart .chart-detail {width: 34%;}
.three-col-chart .chart-box-flex {gap: 10px;}
.three-col-chart .chart-det-row {gap: 15px 0px;}
.staff-support-ticket .support-midd-caht {max-height: 630px;}
.backtopage {padding: 0px; margin-bottom: 20px;}
.totalbox .selebox-email-phone-flex h6  {font-size: 18px;}
.staff-overview-sel-date {display: flex; gap: 24px;}
.overview-selectbox .select2-container .select2-selection--single .select2-selection__rendered {padding-right: 32px; min-width: inherit;} 
.staff-overview-left-panel {width: 100%;}
.staff-overview-right-panel {flex-shrink: 0; width: 100%; max-width: 625px;}
.overview-gap {gap: 18px;}
.overview-box-widht {align-items: center;}
.overview-box-widht .left-chart {max-width: 150px;}
.clientlead-flex {display: flex; align-items: flex-start; gap: 32px; }
.overview-chart-det h3 {margin-bottom: 0px; font-size: 30px; font-weight: 600; line-height: 1.2;}
.overview-chart-det {color: #6A7182; font-size: 14px; font-weight: 500;}
.lead-chart-box {display: flex; gap: 11px;}
.lead-chart-color {width: 6px; height: 12px; flex-shrink: 0; margin-top: 9px;} 
.purple-strip {background-color: #A881ED;}
.yellow-strip {background-color: #EDE06D;}
.orange-strip {background-color: #EC937F;}
.green-strip {background-color: #7CEE95;}
.blue-strip {background-color: #739EEF;}
.flex-chart-det {padding-top: 10px;}
.flex-chart-det ul li {display: flex; align-items: center; gap: 15px; margin-bottom: 8px; }
.flex-chart-det ul li:last-child {margin-bottom: 0;}
.flex-chart-det ul li .lead-chart-color {margin-top: 0px;}
.camp-budget-box {margin-bottom: 32px;}
.camp-budget-box:last-child {margin-bottom: 0px;}
.camp-budget-box h6 {margin-bottom: 24px;}
.camp-budget-box .Campaign-budget-chart .chart-container {max-height: 155px;}
.camp-budget-box .chart-box-flex {gap: 20px;}
.campstaff-bud-flex {display: flex; justify-content: space-between; gap: 15px; flex-wrap: wrap;}
.bug-user-num-list {padding-top: 10px;}
.bug-count-box {margin-bottom: 24px;}
.bug-count-box:last-child {margin-bottom: 0px;}
.bug-num-flex {display: flex; align-items: center; gap: 10px;}
.bug-num-flex  h3 {margin-bottom: 5px;}
.numcamp {font-size: 14px; color: #6A7182; line-height: 20px;}
.rev-brackdown-chart {text-align: center; margin-bottom: 32px; max-width: 370px; margin-left: auto; margin-right: auto;}
.campaign-leads-chart.bus-rev-chart .overview-chart canvas {max-height: 285px;}
.rev-chart-list {display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; gap: 15px; flex-wrap: wrap;}
.rev-chart-list:last-child {margin-bottom: 0px;}
.rev-chart-pro-price {font-size: 18px; font-weight: 600; color: #222834;}
.rev-chart-pro-name {color: #4D5361; font-size: var(--ft-16); font-weight: 500; display: flex; align-items: center; gap: 15px;}
.rev-chart-pro-name span.chart-bullet-bg {width: 16px; height: 16px;}
.rev-chart-pro-name span.chart-bullet-bg.graybg1 {background-color: #9EA2AC;}
.rev-chart-pro-name span.chart-bullet-bg.graybg2 {background-color: #6A7182;}
.rev-chart-pro-name span.chart-bullet-bg.graybg3 {background-color: #4D5361;}
.rev-chart-pro-name span.chart-bullet-bg.graybg4 {background-color: #0C111D;}
.min-char-height {min-height: 255px;}
.total-ravenue-title {display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; gap: 15px;}
.total-ravenue-title h6 {margin-bottom: 0px;}
.total-ravenue-title .profit-box span {font-size: 16px;}
.total-ravenue-title .profit-box {margin-bottom: 0px;}
.total-ravenue-genrate, .totla-ravanue-chart {margin-bottom: 20px;}
.totla-ravanue-chart {max-height: 75px; width: 60%;}
.total-ravenue-genrate h2 {margin-bottom: 12px; line-height: 38px;}
.ravenue-review {font-size: var(--ft-16); color: #6A7182; font-weight: 500;}
.ravenue-review span {color: #222834;}
.total-ravanue-flex {display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.tot-rav-flex {display: flex; align-items: center; justify-content: space-between; gap:20px; margin-bottom: 10px; font-size: 18px; color: #222834; font-weight: 500; line-height: 28px; flex-wrap: wrap;}
.tot-rav-flex:last-child {margin-bottom: 0px;}
.tot-rav-price {color: #4D5361;}
.client-lead-char-box .clientlead-flex {flex-wrap: wrap;}
.client-lead-char-box .chart-box-flex .chart-detail {flex-shrink: inherit;}
.rav-anal-chart .bus-rev-chart .selebox-email-phone-flex, .rav-anal-chart .chart-phone-email ul {flex-wrap: wrap;}
.totla-ravanue-chart canvas {width: 100% !important; max-height: 75px;}
.company-left-panel .user-avtar-img {width: 48px; height: 48px; margin: 0px;}
.company-left-panel .browserbox {width: 100%;}
.new-camp-data .setting-row .set-lebal-title {font-weight: 500;}
.company-left-panel .browserbox {border-radius: 12px;  border-color: #d6d6d6;  background: #fff; padding: 16px;}
.company-left-panel .setting-form-section .file-img-prev {width: 45px; height: 45px;}
.company-left-panel .setting-form-section .dragBox {padding-top: 45px !important; font-size: 12px; color: #4D5361; min-height: 95px;}
.company-left-panel .setting-form-section .dragBox p {margin-bottom: 0px;}
.company-left-panel .setting-form-section .dragBox span {font-size: var(--ft-14); font-weight: 400; display: inline-flex;}
.company-left-panel .setting-form-section .dragBox strong {font-size: var(--ft-16) } 
.company-full-width {max-width: 100%;}
.staff-campaigns-page .camping-filter-sort-by .filter-padding .select2-container--default .select2-selection--single .select2-selection__rendered {padding-right: 15px;   padding-left: 42px;}
.campaign-sub-sec {margin-bottom: 30px;}
.company-billing-box-mb {margin-bottom: 30px;}
.comp-pricing-flex {display: flex; align-items: flex-start; gap: 30px; flex-wrap: wrap; margin-bottom: 10px;}
.comp-pricing-flex .ac-pricing p {font-size: var(--ft-16); font-weight: 500; color: #4D5361;}
.comp-pricing-flex .ac-pricing h3 {font-size: 30px; font-weight: 600;}
.comp-pricing-flex .ac-pricing .currency {top: -3px;}
.comp-billing-title {margin-bottom: 10px;}
.comp-planname {color: #4D5361; letter-spacing: 0.49px; font-weight: 600; font-size: var(--ft-14);}
.company-billing-box-mb .ac-con h4 {font-size: var(--ft-16); color: #4D5361; font-weight: 500;}

.mobile-tab-profile {display: none !important;}

.company-profile-form .campaign-box {padding: 0 0 20px 0;}
.company-profile-form .user-avtar-img {margin: 0px;}
.company-profile-form .new-camp-data {padding-left: 0; padding-right: 0px;}
.company-profile-form .browserbox {width: 100%;}
.company-profile-form .browserbox .dragBox {padding-top: 70px !important;}
.company-profile-form .user-avtar-img {width: 48px; height: 48px; margin: 0px;}
.company-profile-form .setting-form-section .file-img-prev {width: 48px; height: 48px;}
.company-profile-form .setting-form-section .file-img-prev img {width: 100%;}
.company-profile-form .campaign-data li span {display: inline-block; font-weight: 400;}


 .staff-campaigns-page .camping-filter-sort-by .camp-select .select2-container--default .select2-selection--single .select2-selection__rendered  {padding-right: 15px;   padding-left: 42px;}
 .staff-campaigns-page .camping-filter-sort-by .bud-select .select2-container--default .select2-selection--single .select2-selection__rendered {font-size: var(--ft-14);}
 
 .filter-select.camp-select.sel-ft-16 .select2-container  .select2-selection--single .select2-selection__rendered  {font-size: var(--ft-16); font-weight: 600;}