/* added untracked files */
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;500;600;700;800&display=swap');
@import url('https://fonts.cdnfonts.com/css/neue-helvetica-bq');

html{
    height: 100%;
}
body{
    background: #fff;
    font-family: 'Inter', sans-serif !important;
    line-height: 1.4;
    font-size: 0.875rem;
}
.block-content-outer > h3 {
    font-size: 24px;
}
a{
    color:#0E1F5E;
}
.col-md-4 {
    width: 33.33333333%;
}
.container-center.animated.slideInDown{
    margin-top:3%;
}
.navigation,
.navbar-default{
    background: transparent;
}
.navbar-default .navbar-brand, .navbar-default .navbar-brand:focus{
    padding:3px;
    background: transparent;
    height: 50px;
}
.navbar-default .navbar-brand{
    height: 50px;
}
.navbar-default .navbar-brand:hover{
    background: transparent;
}
.rd-dash-sidebar-item-details-secondary
{
	padding-left:5px;
	font-size:smaller;
}

.stats-brief
{
	font-size:11px;
}
.profile-link img{
    height: inherit;
    margin: 0;
}
.navbar-nav > li > a.top.dropdown-toggle{
    padding: 11px 12px 7px;
    background: #E2E2F6;
    border-radius: 100px;
    margin-top: 8px;
}
.navbar-nav > li > a.infobutton {
    padding-top: 22px;
}
.navbar-nav > li > a.settingsbutton {
    padding-top: 21px;
}
.navbar-nav > li > a {
    padding: 23px 15px 10px;
    text-transform: uppercase;
    font-weight: 500;
}
.profile_link ul li a{
    padding-top:10px!important;
    padding-bottom:10px!important;
}
.main-menu-icon img{
    max-width: 25px;
}

.luna-nav.nav li > a, .luna-nav.nav .nav-category{
    padding:12px 15px 12px 15px;
    color: #0F0F0F;
    text-align: left;
    font-size: 13px;
    font-weight: 400;
}
.luna-nav.nav li > a:focus,
.luna-nav.nav li > a:active{
    color: #0F0F0F;
}
.luna-nav.nav li > a svg{
    margin-right: 10px;
    position: relative;
    top:2px;
    display: table;
    float: left;
}
.luna-nav.nav li > a{
    padding:15px 25px;
    line-height: 20px;
}
.navigation{
    background: #EDEFFF;
}
body > .wrapper > section.content #block0body .tablewrapper{
    padding: 10px 0;
}
body > .wrapper > section.content .container-fluid{
    padding-left: 0;
    padding-right: 0;
}
body > .wrapper > section.content{
    border-radius: 50px 0 0 0;
    background: #fff;
}
.luna-nav.nav{
    background: #EDEFFF;
    padding: 20px;

}
.navigation:before{
    background: #EDEFFF;
}
.allbody > .wrapper{
    background: #fafafa;
}
.luna-nav.nav li > a .main-menu-text{
    font-size: 14px;
    position: relative;
    width: 100%;
    display: table;
}
.luna-nav.nav li.active > a .main-menu-text i,
.luna-nav.nav li > a:hover .main-menu-text i{
    color: #fff;
}
.luna-nav.nav li > a .main-menu-text i{
    font-size: 25px;
    color: #529cc4;
    padding-right: 10px;
}
.luna-nav.nav li > a img{
    position: absolute;
}

.luna-nav.nav li > a:hover{
    color: #000;
    background: #fff;
    border-radius: 50px;
    box-shadow: 3px 1px 21px -3px rgba(0,0,0,0.07);
}
.viewicon i{
    font-size: 16px;
    padding-left: 10px;
    padding-top: 4px;
}
.at-cell-preview{
    text-align: center;
}
.at-cell-campaigns{
    text-align: center;
}
.ab-button {
    color: #fff;
    background: #0E1F5E;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    border-width: 1px;
    border-color: transparent;
    border-radius: .375rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.ab-button:focus, .ab-button.focus {
    background-color: rgba(97, 103, 121, 0.1);
    border-color: #616779;
    box-shadow: none;
    color: #ffffff;
    outline: 0 none;
}
.ab-button:hover, .ab-button:focus {
    background-color: #2050F4;
    color: #fff;
}

.panel-profile .media-usermeta {
    color: #767676;
    margin-top: 4px;
    display: inline-block;
}
.panel-profile .media-usermeta span{
    display: table;
    clear: both;
}
.panel-body.people-info{
    background: #fff;
}
.panel-body.people-info .col-sm-2 {
    width: auto!important;
    margin-right: 15px;
}
.panel-profile.list-view .media {
    margin-top: 0;
    float: left;
    display: table;
}
.panel-profile .media-usermeta img{
    position: relative;
    top:-2px;
}
.panel-profile .media-usermeta i {
    display: inline-block;
    margin-right: 5px;
    vertical-align: baseline;
}
.panel-profile .people-info .row {
    margin: 0;
}
.panel-profile .people-info .row + .row {
    margin-top: 1px;
}
.panel-profile .people-info .col-sm-4 {
    padding: 0;
}
.panel-profile .people-info .col-sm-4:first-child > .info-group {
    margin-left: 0;
}
.panel-profile .people-info .social-account-list > i {
    font-size: 28px;
}
.panel-profile .people-info h4 {
    color: #259dab;
    font-weight: 500;
    margin: 9px 0 8px;
}
.panel-profile .people-info .fa, .panel-profile .people-info .glyphicon {
    color: #3b4354;
    font-size: 14px;
    margin-right: 5px;
    vertical-align: baseline;
}
.panel-profile .people-info .info-group {
    background-color: #fff;
    margin-left: 0px;
    padding: 15px 0px;
    padding-top:5px;
    font-size: 20px;
    color: #767676;
    line-height: 10px;
}
.panel-profile .people-info .info-group span{
    margin-left:3px;
    position: relative;
    top:-2px;
    font-size: 14px;
}
.panel-profile .people-info .info-group label {
    color: #767676;
    display: block;
    font-size: 13px!important;
    font-weight: 400;
    letter-spacing: 0.5px;
    margin-bottom: 0px;
    text-transform: uppercase;
    float:left;
}
.panel-profile .people-info .info-group .social-account-list {
    padding-top: 2px;
}
.panel-profile .people-info .info-group .social-account-list > i {
    font-size: 28px;
    line-height: 17px;
    margin: 4px 2px 0;
}
.panel-profile .people-info .info-group .social-account-list > i.fa-facebook-official {
    color: #3a5795;
}
.panel-profile .people-info .info-group .social-account-list > i.fa-twitter {
    color: #55acee;
}
.panel-profile .people-info .info-group .social-account-list > i.fa-dribbble {
    color: #ea4c89;
}
.panel-profile .people-info .info-group .social-account-list > i.fa-github {
    color: #4078c0;
}
.panel-profile .people-info .info-group .social-account-list > i.fa-linkedin {
    color: #0073b2;
}
.panel-profile .people-info .info-group .social-account-list > i.fa-skype {
    color: #4bb4ff;
}
.panel-profile.list-view .media {
    margin-top: 0;
    float: left;
    display: table;
}
.panel-profile.list-view .media .media-left {
    padding-right: 15px;
    min-width: 80px;
    float: left;
}
.panel-profile.list-view .media .media-object {
    border: 0px solid #eaecf0;
    padding: 0px;
    width: 48px;
}
.panel-profile.list-view .media .media-heading {
    color: #3b4354;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 2px;
    margin-top: 5px;
}
.info-group a{
    color: #31b0d5;
}
.media-heading a{
    color: #000;
}
.panel-profile.grid-view .panel-heading {
    position: relative;
}
.panel-profile.grid-view .panel-heading .people-actions {
    position: absolute;
    right: 15px;
    top: 15px;
}
.panel-profile .panel-heading{
    clear: both;
    display: table;
    width: 100%;
    padding-bottom: 0px;
    background: #fff;
}
.panel{
    margin-bottom: 10px;
}
.panel-profile.grid-view .panel-profile-photo {
    display: inline-block;
}
.panel-profile.grid-view .panel-profile-photo img {
    border: 2px solid #dbdfe6;
    padding: 2px;
}
.panel-profile.grid-view .panel-profile-name {
    font-size: 16px;
    margin: 20px 0 5px;
}
.panel-profile.grid-view .info-group {
    background-color: transparent;
    border-top: 1px solid #dbdfe6;
    margin-left: 0;
    padding: 10px 0;
}
.panel-profile.grid-view .info-group.last {
    padding-bottom: 0;
}
.panel-profile.grid-view h4 {
    margin: 5px 0 0;
}
.panel-profile.grid-view .row {
    margin: 0;
}
.panel-profile.grid-view .col-xs-6 {
    border-left: 1px solid #dbdfe6;
    padding: 0;
}
.panel-profile.grid-view .col-xs-6 > .info-group {
    padding-left: 20px;
}
.panel-profile.grid-view .col-xs-6:first-child {
    border-left: 0 none;
}
.panel-profile.grid-view .col-xs-6:first-child > .info-group {
    padding-left: 0;
}
.img-circle {
    border-radius: 50%!important;
}
.media-left, .media-right, .media-body {
    display: table-cell;
    vertical-align: top;
    width: auto;
}
.panel-options {
    margin: 0;
    padding: 0;
    float: right;
    list-style: none;
}
.panel-options li{
    float: left;
    margin-right: 15px;
    text-align: center;
}
.panel-options li a{
    font-family: 'Inter', sans-serif;
    text-align: center;
    font-size: 18px;
    border-radius: 100px;
    border: 1px solid #e62117;
    width:30px;
    height:30px;
    display: table;
    padding-top:3px;
}
.profilesidebarright .block-content-outer{
    border:0px;
    border-radius: 0px!important;
    box-shadow: none!important;
}

.profilesidebarright .nav{

    border:0px solid #dce2e4;
}

.profilesidebarright{
    margin-top:15px;
}
.breadcrumb a{
    color:#3e3c3c!important;
}

.breadcrumb{
    background: transparent;
    border-radius: 0px;
    padding: 5px 0px;
    margin-bottom: 0;
}
.profilesidebarright .nav-tabs > li{
    margin-bottom: 0px;
    border-right:0px solid #dce2e4;

}
.nav-tabs > li > a{
    margin-right:0px;
    border:0px solid;
}
.profilesidebarright .adminbuttons button{
    margin-bottom: 5px;
}

.campainsection .nav-tabs > li > a{
    padding: 11px 12px 9px!important;
}

.campainsection .nav-tabs > li.active > a, .campainsection .nav-tabs > li.active > a:hover,
.profilesidebarright .nav-tabs > li.active > a, .profilesidebarright .nav-tabs > li.active > a:hover{
    font-weight: 600;
    color: #0E1F5E;
    border-radius: 100px;
    background: #EDEFFF;
    border: 1px solid #EDEFFF;
    min-width: 45px;
    padding: 11px 12px 10px!important;

}
.customerinfo .video_item .videoinfo{
    min-height: inherit;
}
.customerinfo .video_item{
    max-width: 47%;
}
.profilesidebarright .nav-tabs > li > a{
    color: #777EBB;
    text-transform: none;
    font-weight: 400;
    border-radius: 100px;
    border: 1px solid #EDEFFF;
    min-width: 50px;
    text-align: center;
    padding: 12px 13px 11px!important;
    font-size: 16px;
    line-height: 16px;
}
.profilesidebarright .nav-tabs > li.active:first-child,
.profilesidebarright .nav-tabs > li:first-child{
    border-left: 0px solid #ddd;
    margin-left: 0px!important;
}
.profilesidebarright .nav-tabs > li{
    border: 0px solid #ddd;
    border-bottom: 0px solid #dbdce0;
    margin-left: 20px;
}
.profilesidebarright .nav-tabs > li.active{
    border: 0px solid #ddd;
    border-bottom: 0px solid #0E1F5E;
    border-left: 0px;
    margin-bottom: -1px;
    top:1px;
}

.second-row-tabs ul > li{
    margin-left: 0!important;
}
.second-row-tabs ul li.active > a{
    background: transparent!important;
}
.second-row-tabs ul li > a{
    border-radius: 0!important;
    font-size: 15px!important;
    border: 0px!important;
    margin-left: 0!important;
}

.video_item img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    max-height: 100%;
    margin:0px auto;
    max-width: 100%;
    height: 100%;
}
.video_item .edit.pageurl img{
    top:-2px;
}
.video_item .edit img{
    position: relative;
    height: auto;
}

.label-info:hover,
.label-info{
    color: #9e2ff2!important;
    background: #f5e9ff!important;
    font-weight: 500;
    font-size: 12px;
}

.profilesidebar h2{
    color: #fff;
    font-weight: 400;
}
.profilesidebar .list-group {
    margin: 0px 0 20px;
}

.profilesidebar .list-group-item{
    background: none;
    border: 0px;
    color: #777EBB;
    display: table;
    width: 100%;
    padding-left: 0px;
    font-weight: 400;
    text-transform: uppercase;
    border-radius: 0px;
}
.profilesidebar .full-info .list-group-item{
    color: #777EBB;
    font-size: 13px;
}
.profilesidebar .full-info .list-group-item span{
    font-size: 14px;
    line-height: 16px;
}
.profilesidebar .list-group-item div{
    max-width: 100%;
    display: table;
}
.profilesidebar .list-group-item span{
    float: right;
    max-width:70%;
    text-align: right;
    font-weight: 400;
    color: #0F0F0F;
    text-transform: none;
}

.profilesidebar .btn-dark:hover{
    color: #fff;
    background: #7858F4;
}
.profilesidebar .btn-dark{
    background: #0E1F5E;
    border-radius:50px;
    padding: 15px 30px;
}
.profilesidebar .list-group-item div.referral-customer-url-side-info span{
    float: right;
    width: auto;

}
.profilesidebar .btn-quirk:hover{
    color: #fff;
    background: #7858F4;
}
.profilesidebar .btn-quirk{
    color: #0F0F0F;
    border: 1px solid #CBCBE2;
    border-radius:50px;
    padding: 15px 30px;
}
#right-column .right-column-content{
    display: table;
    width:100%;
}
.customerimg{
    border-radius: 250px!important;
    /* height: 150px;
    width: 150px; */
    display: block;
    border: 0px solid #505b72;
    /* margin: 0px auto; margin not reqd*/
    margin-bottom: 10px;
}
.customerimg img{
    border-radius: 250px!important;
    border:0px solid #262b35;
    max-width: 100%;
    display: table;
}

.profile-btn-follow{
    color: #fff;
}
.btn-default.profile-btn-follow{
    border-color: #ccc;
}
.profilesidebarright .table-responsive{
    width: 100%;
    margin-left: 0;
}
.profilesidebarright .nav{
    margin:0px 0px 10px 0;
}
.profilesidebarright .common_adminpanel{
    display: table;
    background: transparent;
    width: 100%;
    padding: 10px;
    border: 0px solid #ddd;
}
.panel-body.people-info{
    display: table;
    width: 100%;
    padding: 0px;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
    border-color: #CBD7E1;
}

.vehicle_condition{
    background: #f0f0f0;
    color: #666;
    font-size: 18px;
    border-radius: 100px;
    display: flex;
    height: 34px;
    width: 34px;
    align-items: center;
    justify-content: center;
    float: left;
}
#smsblastform table tr td{
    vertical-align: middle;
}
#modal-container{
    z-index: 9998!important;
}
#modal-overlay{
    z-index: 9998!important;
}

.customername{
    display: block;
    float: left;
}
.navigation{
    margin-top: 125px;
}

.navigation nav{
    background: #fff;
}
.navigation{
    width:240px;
}
.navbar{
    border:0px solid #e8e8e8;
    margin-bottom: 0px;
    border-radius: 0px;
    position: relative;
    z-index: 999;
}
.left-nav-toggle{
    padding-bottom: 3px;
    padding-left: 10px;
    padding-top:15px;
    width: 80px;
    height: 80px;
    text-align: center;
    background: #529cc4;
}
.left-nav-toggle a{
    color: #fff;
    font-size: 40px;
}
.memberstats .campaignsstats .emailcampaigns .startcampaignbtn .btn.submitnewbutton{
    background: #0E1F5E;
    border-color: #0E1F5E;
    padding: 10px 25px;
    border-radius: 7px;
}

.navbar > .container-fluid .navbar-brand{
    margin-left: 20px;
    padding-top:5px;
    display: table;
}
.navbar-form .form-control{
    background: #E2E2F6;
    border-radius: 100px;
}
.navbar > .container-fluid{
    padding-right: 0px;
}
.navbar .container-fluid{
    padding: 10px 0;
}
.navbar-default .navbar-collapse{
    box-shadow: none;
}
.content{
    margin-top: 0px;
    background: #fafafa;
    margin-left:240px;
    min-height: calc(100vh - 55px);
    padding-bottom: 0;
}
tr.admintable_row:hover td.at-cell-actions_col{
    height: 20px;
}

.at-cell-actions_leads,
.at-cell-actionscolumn,
.at-cell-actions_col{
    position: relative;
    padding-top: 17px!important;
}
.at-cell-actions{
    position: relative;
}
.at-cell-actions .atdropdownitems,
.at-cell-actions_leads .atdropdownitems,
.at-cell-actionscolumn .atdropdownitems,
.at-cell-actions_col .atdropdownitems{
    right:5px;
    z-index: 100;
}
.filters-section .referral_filter_buttons:hover {
    border:1px solid #CBCBE2;
}
.filters-section .referral_filter_buttons.current {
    border-color: #0E1F5E;
    color: #0E1F5E;
}
.filters-section .referral_filter_buttons{
    padding: 7px 20px!important;
    margin-top: 5px;
}
.leads_list .blocktitlesection{
    width: 20%;
}
.at-cell-actions_col a{
    padding: 0 10px;
}
.content:before{
    background: #EDEFFF;
}
.navbar-form input.form-control{
    width: 100%;
    float: left;
    border: 0px solid #ccc;
    box-shadow: none;
    border-radius: 100px;
}
.navbar-right{
    margin-right: 0;
}
.navbar .container-fluid{
    margin-left: 0px;
    padding-left: 0px;
}

.view-header .header-icon{
    color: #529cc4;
}
.btn-accent:hover{
    background: none;
    border-color: #529cc4;
    color: #529cc4;
}
.btn-accent{
    border-color: #529cc4;
    color: #529cc4;

}
.navbar-default .navbar-form .form-control::placeholder{
    color: #777EBB;
    font-weight: 400;
    font-size: 14px;
}
.navbar-form .form-control:focus::placeholder{
    color: #fff;
}
.navbar-form .form-control:focus{
    background: #fff!important;
}
.navbar-default .navbar-form .form-control{
    height: 40px;
    border-color: #dcdcdc;
    padding-left: 40px;
    color: #777EBB;
}
.navbar-default .navbar-form{
    width: 40%;
    max-width: 380px;
    position: relative;
    margin-left:100px;
    float: right!important;
    margin-right: 30px;
}
.left-nav-toggle a:focus,
.left-nav-toggle a:hover{
    color: #fff;
}
.left-nav-toggle:hover a{
    color: #fff;
}
.navbar-form button{
    border-radius: 0px;
    border: 0px solid;
    border-left: 0px solid;
    background: transparent;
    line-height:20px;
    padding:12px 0px 8px;
    font-size: 17px;
    position: absolute;
    left:15px;
}
.luna-nav.nav{
    padding-top: 0px;
}
.luna-nav.nav li.active > a{
    border-left: 0px solid;
    background: #fff;
    border-radius: 50px;
    box-shadow: 3px 1px 21px -3px rgba(0,0,0,0.07);
}
a{
    color: #0E1F5E;
}
a:hover, a:focus{
    color: #222;
    text-decoration: none;
}
h1, h2, h3, h4, h5, h6{
    color: #5a6779;
    font-family: 'Inter', sans-serif;
}
th{
    color: #333;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
    color: #4d4e53;
}
.table > tbody > tr > td{
    padding: 15px 16px 15px 15px;
}
.panel.panel-filled{
    background: #fff;
}
label{
    color: #000;
}
.navigation:before{
    width: 240px;
}
footer p{
    color: #666;
    font-size: 11px;
    text-align: center;
}
footer{
    color: #000;
}

select.form-control {
    height: 50px;
}
.customerdetails:hover{
    background: #f8f8f9;
    border: 1px solid #e7e7e7;
    color: #5a6779;
}
.profilesidebarright .adminbuttons{
    display: table;
    width: 100%;
}
.profilesidebarright .availabletags .tag-wrap {
    padding: 10px 20px 12px 20px;
}
.profilesidebarright h3{
    clear: both;
    margin-top: 10px;
}
.customerdetails{
    border: 1px solid #e7e7e7;
    padding: 0px;
    background: #f8f8f9;
}
.add_contact input[type="submit"]{
    background: #0E1F5E;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: normal;
    border-radius: 3px;
    padding: 15px 50px;
}
.nice-select{
    line-height: 25px!important;
    width: 100%;
}
.nice-select img{
    padding-right: 10px;
}
#admintablerow-rewards_id .list,
#admintablerow-rewards_id .nice-select{
    width: 100%;
}
.nice-select:after{
    height: 10px!important;
    width: 10px!important;
    top:55%!important;
    border-bottom: 0px solid transparent!important;
    border-left: 5px solid transparent!important;
    border-right: 5px solid transparent!important;
    border-top: 5px solid #777EBB!important;
}
.nice-select.open:after{
    top:40%!important;
}
.nice-select.open .list{
    /* top:45px; */
    box-shadow: 0 3px 22px -2px rgba(0,0,0,0.1);
}
.sharebuttom ul{
    padding-top: 5px!important;
    display: table;
    width: 100%;
}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus{
    background-color: #F1F3F4!important;
}
.sharebuttom{
    padding: 0 20px;
}
.videodashboard .customer_video_list .video_item{
    width: 33.333%;
}
.customer_video_list .video_item{
    width: 100%;
}
.customer_video_list{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.videodashboard{
    width:100%;
    display: flex;
    flex-wrap: wrap;
    margin-left: 0px;
    margin-right: 0px;
}

.sharebuttom ul{
    list-style: none;
    margin:0px;
    padding: 0px;
}
.video-title a{
    color:#167ac6;
    font-weight: 500;
}
.video-description{
    padding:0px 10px;
}
.video-title{
    padding:5px 10px;
}
.sharebuttom ul li{
    float: left;
    flex: 1;
    text-align: center;
    margin-right: 10px;
}
.sharebuttom ul li span{
    font-size: 20px;
}
.sharebuttom ul li:first-child a{
    font-size: 12px;
    color: #777EBB;
}
.sharebuttom ul li:last-child{
    border-right: 0px solid #e2e2e2;
    float: right;
}
.sharebuttom ul li a i{
    font-size: 18px;
}
.sharebuttom ul li a{
    font-size: 14px;
    color: #4ab4ff;
    display: table;
    width: 100%;
    padding:10px 15px;
}
.sharebuttom ul li a.pageurl{
    color: #777EBB;
}

.videoscreen{
    background: #000;
    border: 0px solid #e2e2e2;
    display: table;
    width: 100%;
    border-radius: 10px 10px 0 0;
}

.helpvideos.popup .videoscreen{
    border-radius: 10px;
}

.dashboard .small{
    text-align: center;
}
.dashboard .block h2{
    text-align: left;
    font-size: 24px;
    font-weight: 600;
    margin: 30px 0px;
}

.videoscreen.audioscreen img{
    margin-top: 10px;
    max-width: 100%;
}
.videoscreen.audioscreen {
    padding-bottom: 20.25%;
}
.videoscreen {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}
.videoscreen video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video_item{
    background: #FFF;
    padding: 0px;
    margin-right: 25px;
    margin-bottom: 25px;
    width: 22%;
    border-radius: 12px;
    border: 2px solid #f0f0f3;
}
.customer_video_list .video_item{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    margin-right: 10px;

}
.video_item:hover{
    /* background: #fff; */
    box-shadow: 0 3px 22px -2px rgba(0,0,0,0.1);
}
.video_item:hover .sharebuttom ul li:first-child a,
.video_item:hover .sharebuttom ul li a.linkedin,
.video_item:hover .sharebuttom ul li a.twitter,
.video_item:hover .sharebuttom ul li a.facebook{
    color: #0E1F5E;
}
.video_item:hover svg g{
    fill: #0E1F5E;
}
.videoscreen-wrapper{
    border: 0px solid #e2e2e2;
    margin-bottom: 10px;
    padding-top: 0px;
}

.luna-nav.nav li > a .main-menu-text > div .icon{
    background: url("images/naviconset.png") no-repeat 0 0;
    display: table;
    width: 30px;
    height: 30px;
}

.luna-nav.nav li > a .main-menu-text > div.nav-add .fa {
    padding-right: 8px;
    padding-left: 8px;
}
.luna-nav.nav li > a .main-menu-text > div.lists-icon .fa,
.luna-nav.nav li > a .main-menu-text > div.nav-startcamp .fa {
    padding-right: 8px;
    padding-left: 8px;
}

.main-menu-text > div{
    padding-top: 0px!important;
    padding-left: 0px;
    height: 30px;
    vertical-align: middle;
    display: flex;
    align-items: center;
}

.customer_video_list .video_item video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.col-md-6{
    width:50%;
}
.request_buttons{
    max-width: 400px;
    margin: 0px auto;
}
.request_buttons:first-child{
    margin-top:0px;
}
.request_buttons .btn:hover{
    background: #0E1F5E;
    color: #fff;
    border-color: #0E1F5E;
}
.request_buttons .btn{
    border-color: rgba(68, 70, 79, 1);
    color: rgba(68, 70, 79, 1);
    margin-bottom: 10px;
}

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}


.js .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    font-size: 0.875rem;
    line-height: 1.25rem;
    border-radius: 0;
    outline: none;
}

.no-js .inputfile + label {
    display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}


/* style 1 */
.customeruploadpage section.content{
    padding-top: 30px!important;
}
.customeruploadpage .blocktitlesection{
    width: 100%;
    padding-left: 16px;
}

.uservideowrap{
    float: none;
    margin: 0px auto;
    display: table;
    margin-bottom: 60px;
}
.uservideo #block0title{
    text-align: center;
}
.socialshare{
    margin-top:30px;
    margin-bottom:20px;
    float: left;
}
.socialsharewrap{
    float: left;
    margin-top:25px;
    margin-bottom:20px;
    margin-left:20px;
}
.socialsharewrap td{
    vertical-align: middle!important;
}
.fb-button:hover{
    color: #fff;
}
.fb-button{
    font-size: 18px;
    border-radius: 0px;
    background: #3b579d;
    padding:5px 60px;
    color: #fff;
    text-align: center;
}
.tw-button:hover{
    color: #fff;
}
.tw-button{
    font-size: 18px;
    border-radius: 0px;
    background: #5ea9dd;
    padding:5px 60px;
    color: #fff;
    text-align: center;
    margin-left:5px;
    margin-right:5px;
}
.linked-button:hover{
    color: #fff;
}
.linked-button{
    font-size: 18px;
    border-radius: 0px;
    background: #006599;
    padding:5px 60px;
    color: #fff;
    text-align: center;
}
.videopage .videodescription,
.videopage .videotitle{
    text-transform: none;
}
.profilesidebar .adminbuttons button{
    color: #ffffff;
    background-color: transparent;
    border:1px solid #2b9312;
    width: 100%;
}
.profilesidebar .adminbuttons button.ab-button{
    color: #3c3c3c;
}
.profilesidebar.videopage .label-info{
    margin-right: 7px;
}
.profilesidebar .adminbuttons{
    text-align: center;
    margin-top:20px;
}
.videotable .settingssection{
    text-align: center;
}
.videotablescreen .video-description.labels{
    display: table;
    width:100%;
    padding:10px;
}
.video-description .label-info{
    margin:0px 5px;
}
.videotable span{
    padding: 6px 2px;
    font-size: 12px;
    color: #000;
    display: table;
    margin: 0px auto;
}
.videotable .settingssection span{
    display: table;
    color: #000;
    float: left;
    font-size: 12px;
    padding: 6px 2px;
}
.videotable .settingssection a{
    float: left;
    width: inherit;
    padding:0px 10px;
}
.socialsharewrap.locations,
.socialsharewrap.settingspage{
    display: table;
    width: 100%;
    padding:0px 40px 40px;
    background: #fff;
    margin: 0px;
    margin-bottom: 30px;
}
.csv-button{
    color: #fff!important;
    background: #cc181e;
    border-radius: 4px;
    padding: 7px 25px;
    font-size: 12px;
    font-weight: normal!important;
}
.aui-message{
    display: table;
    width: 100%;
}
.no_videos{
    background: #cc181e;
    color: #fff;
}
.has_videos{
    background: #008000;
    color: #fff;
}
.panel.panel-filled h2{
    text-align: center;
    color: #0E1F5E;
    margin: 5px 0;
    font-family: 'Inter', sans-serif;
    font-size: 48px;
    font-weight: bold;
}
.dashboard .small{
    font-size: 16px;
}
.panel.panel-filled .panel-body{
    background: url(images/trianglebg.png) no-repeat top right #fff;
    padding: 30px 10px;
    box-shadow: 0 3px 2px -2px rgba(0,0,0,0.2);
}

.video_item .videoinfo .received-info span{
    font-size: 16px;
    font-weight: 500;
    color: #8289C3;
}
.help_section .video_item .videoinfo .customer-info span:first-child{
    font-weight: bold;
}
.help_section .video_item .videoinfo .customer-info span{
    width: 100%;
}
.video_item .videoinfo .received-info img{
    position: relative;
    top:1px;
    padding-right: 5px;
    float: left;
}

.video_item .videoinfo .received-info .clockicon{
    top:-1px;
    padding-right: 0px;
    padding-left: 10px;
}
.video_item .videoinfo .received-info span{
    padding-left: 10px;
    font-size: 14px;
    font-weight: 400;
}
.video_item .videoinfo .received-info{
    font-weight: 400;
    font-size: 14px;
    color: #8289C3;
    margin-top:10px;
    padding-top:3px;
}
.video_item .videoinfo a span{
    font-weight: 500;
    position: relative;
    top:2px;
    font-size: 18px;
}
.video_item .videoinfo a img{
    padding-right: 7px;
    float: left;
}
.video_item .videoinfo a{
    color: #666666;
}
.video_item .videoinfo{
    padding:30px 20px 0 20px;
    min-height: 120px;
    flex-grow: 1;
}
.sharebuttom ul li .error{
    line-height: 40px;
    color: red;
}
.video_item .videoinfo img{
    position: relative;
    height: auto;
    top:4px;
}
.video_item .videoinfo .vide-status{
    color:#807f7f!important;
    display: table;
    width: 100%;
    font-size: 12px;
}
.video_item .videolist-tags{
    margin-top: 10px;
}
.video_item .videoinfo .vide-status.vide-status-published{
    color: #2FBB66!important;
}
.add_asset_button:active,
.add_asset_button:focus,
.add_asset_button:hover,
.add_asset_button{
    background: #FCFBFF;
    border: 1px solid #CBCBE2;
    color:#0E1F5E;
    font-size: 14px;
    padding: 10px 30px;
    margin-bottom: 10px;
    border-radius: 50px;
}
.add_asset_button{
    border: 1px solid #CBCBE2;
}
.extended_search_button:active,
.extended_search_button:focus,
.extended_search_button:hover,
.extended_search_button{
    background: #f0f0f0;
    border: 1px solid #ccc;
    color:#000;
    font-size: 14px;
    padding: 7px 30px;
    margin-bottom: 10px;
}
.add_asset_button.current{
    background: #0E1F5E;
    color: #fff;
}
.dash-period-messages-today .panel.panel-filled h2{
    color: #0aaaed;
}
.dash-period-messages-recieved .panel.panel-filled h2{
    color: #10bc78;
}
.addcustomer h2{
    text-align: center;
    margin-bottom: 40px;
    color: #5a6779;
}
.addcustomer .adminform_form{
    background: transparent;
    margin-bottom: 0;
    padding: 0;
}
.addcustomer{
    width:100%;
    margin: auto;
    max-width: 900px;
    background: #fff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    display: table;
    border-radius: 5px;
    padding:40px 60px 40px;
    margin-bottom: 40px;
}
.firststepbutton{
    margin-top: 20px;
}
.emails_choose .nextsequence .email_container{
    width: 92%;
    float: right;
}
.emails_choose .nextsequence .email_container:after,
.emails_choose .nextsequence .email_container:before{
    content: '';
    display: none;
}
.emails_choose .email_container label{
    float: left!important;
    width: auto!important;
    display: table!important;
    color: #000;
    font-size: 20px;
}
.emails_choose .email_container .nice-select{
    margin-top:15px;
    min-width: 50%;
}
.sequence_select-wrapper{
    display: block;
    width: 100%;
}
.select_container{
    display: inherit;
    width: 100%;
}
.emails_choose .email_container:before{
    content:'';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 15px 0;
    border-color: transparent #dddddd transparent transparent;
    position: absolute;
    left: -15px;
}
.emails_choose .email_container:after{
    content:'';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 14px 14px 0;
    border-color: transparent #fff transparent transparent;
    /* position: absolute; */
    left: -14px;
    top:21px;
}
.emails_choose .email_container{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background: #fff;
    border:1px solid #dddddd;
    border-radius: 5px;
    padding: 20px;
    position: relative;
    width: calc(100% - 60px);
}
.dayselect{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.dayselect .nice-select{
    margin-left: 5px!important;
    margin-right: 5px;
}

.removesequence a{
    color: red;
}
.removesequence{
    position: absolute;
    right: 10px;
}
.emails_choose .email_row.lastchild .numbers:after{
     display: none;
}
.emails_choose .email_row .numbers span{
    background: #fff;
    border-radius: 50px;
    width:40px;
    position: relative;
    z-index: 99;
    height:40px;
    text-align: center;
    padding-top: 7px;
    margin-top:20px;
    border:1px solid #ddd;
    font-size: 18px;
    color: #000;
    display: table;
}
.emails_choose .email_row .numbers{
    float: left;
    width:60px;
}
.emails_choose .email_row{
    display: table;
    width: 100%;
    margin-bottom: 40px;
}
.addcustomer label.checkbox-container{
    margin: 0;
    float: left;
}
.addcustomer label{
    margin-top:20px;
    color: #999a9b;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 400;
    width: 100%;
}
.contentwizard .checkbox_box > div > h4{
    margin-bottom: 15px;
}
.contentwizard .checkbox_box > div {
    margin-top: 15px;
}
#dashboard-conversation-text{
    border: 0px!important;
}
.sms_radiobuttons label,
.bullet_points_fields label,
.media_radiobuttons label{
    width: auto;
    margin-top: 10px;
    padding-left: 5px;
}
.sms_radiobuttons,
.bullet_points_fields,
.media_radiobuttons {
    margin-right: 20px;
    display: flex;
}
.campaignwizard .summary .label {
    line-height: 30px;
    margin-bottom: 0px;
}
.campaignwizard .summary .label .summaryvalue {
    display: table;
    float: left;
    font-size: 17px;
    font-weight: 300;
    white-space: normal;
    max-width: 68%;
}
.campaignwizard .summary .label span {
    display: table;
    float: left;
    padding: 1px 15px 0px 0;
    font-weight: 500;
    font-size: 14px;
    min-width: 250px;
}
.campaignwizard .summary .label, .company_summary .label {
    color: #5a6779;
    font-size: 14px;
    margin-bottom: 15px;
    display: table;
    width: 100%;
    text-align: left;
}
.campaignwizard #custom_sharing_message, .campaignwizard #custom_sms_notification, .campaignwizard #upload_video_content, .campaignwizard #upload_image_content, .campaignwizard #custom_thankyou_content , .campaignwizard #custom_landing_content {
    display: none;
    width: 100%;
}
.checkboxes span{
    padding-left:6px;
    top: -1px;
    position: relative;
}
.video_item .videoinfo .videolist-uploaded-info{
    font-weight: 400;
    font-size: 14px;
    color: #8289C3;
    margin-top: 10px;
    padding-top: 3px;

}
.video_item .videoinfo .videolist-customer-info{
    margin-bottom: 15px;
}
.video_item .videoinfo .videolist-customer-info a{
    color: #78909c;
}
.video_item .videoinfo .videolist-customer-info a span{
    font-size: 14px;
    font-weight: 400;
    color: #0F0F0F;
    top: 0px;
}
.checkboxes{
    display: table;
    float: left;
    margin: 10px 20px 10px 0;
}
.addcustomer sup{
    top:-5px;
}
.adminform_form sup{
    top:-4px;
    right: -2px;
}
.video-list .videoscreen-wrapper .sharebuttom{
    align-items:flex-end;
    position: relative;
    bottom: 0;
    margin-bottom: 30px;
}

.videoid span{
    background: #0E1F5E;
    height: 33px;
    padding:4px 15px;
    position: relative;
    top:3px;
    color: #fff;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
.videoid{
    position: absolute;
    z-index: 999;
    left:0px;
    top:25px;
}
.sharebuttom ul li.editsection a img{
    position: relative;
}
.sharebuttom ul li.editsection a{
    width: 100%;
    color: #16181b;
}
.video-list .videoscreen-wrapper{
    height: 100%;
    display: flex;
    flex-direction: column;
}
.profilesidebar{
    background: transparent;
    box-shadow: none;
    position: relative;
    display: table;
    float: left;
    padding: 0px;
    margin-right: 0px;
    margin-bottom: 40px;
    margin-top:15px;
    border-radius: 3px 3px 0 0!important;
    max-width: 320px;
}
.profilesidebar h2{
    color:#404040;
    font-size: 24px;
    margin-top: 0px;
    margin-bottom: 5px;
    max-width: 100%;
    width: 100%;
    text-align: left;
}
.customerinfo{
    float: right;
    max-width: 95%;
}
.settingspage .social_wrapper{
    display: table;
    margin: 0px auto;
}
.initia_message form{
    padding-top:30px;
}
.embed_grid #adminform_table0-0 tr td:first-child{
    margin-bottom:15px;
}
.embed_grid .table-responsive{
    width: 100%;
}
.embed_grid #adminform_table0-0 td{
    display: table;
    width: 100%;
    padding-bottom: 10px;
}

.settingspage .at-cell-preview a{
    font-size: inherit;
    height: inherit;
    width: inherit;
    padding: inherit;
    margin: inherit;
}
.settingspage .action_links a{
    padding: 0;
    height: auto;
    font-size: inherit;
    width: auto;
    margin-right: 0;
}
.settingspage a{
    border-radius: 100px;
    height: 60px;
    display: table;
    float: left;
    width: 85px;
    padding: 20px;
    font-size: 30px;
    margin-right: 20px;
}
.settingspage table tr td a{
    width: auto!important;
}
.customer-side-info-title{
    color:#0F0F0F;
    font-size: 32px;
}
.customer-side-info-phone, .customer-side-info-email{
    color:#0F0F0F;
    text-align: center;
    float: none;
    clear: both;
    display: table;
    font-size: 15px;
    width: 100%;
}
.btn-danger.edit-customer:focus,
.btn-danger.edit-customer:active,
.btn-danger.edit-customer:hover{
    background-color: transparent!important;
}
.profile-btn-follow.addreferral{
    padding: 10px 20px 10px 20px;
    font-size: 13px;
    font-family: 'Inter', sans-serif;
    display: table;
    float: left;
    border-radius: 5px;
    border: 1px solid #0E1F5E;
    color: #0E1F5E;
    margin-right: 20px;
}
input[type="submit"]{
    background-color: #0E1F5E;
    border:0px solid;
    border-color: inherit;
    color: #fff;
    user-select: none;
    -moz-user-select: none;
    background-image: none;
    border-radius: .375rem;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.btn-danger.edit-customer{
    text-indent: -9999px;
    background: url(../default/images/editpencil.png) no-repeat center bottom;
    padding: 0;
    background-size:12px 12px;
    float: left;
    display: table;
    width:15px;
    height: 15px;
    border:0px;
    margin-left: 10px;
    position: absolute;
    right: -10px;
    top: -14px;
}
.tagitem .customer-link{
    padding: 0px 10px;
}
.tagitem .tag-wrap{
    float: left;
    padding:12px 10px 8px 10px;
}
.tagitem .deletetag{
    border-left: 1px solid #e7e7e7;
    padding: 12px 7px;
    display: table;
    float: right;
}
.tagitem a{
    font-weight: normal;
}
.addtag-button a{
    background: #0E1F5E;
    border-radius: 5px;
    color: #fff;
    padding:13px 30px;
    font-size: 14px;
}
.addtag-button{
    display: inline-flex;
    float: left;
}
.tagitem{
    display: table;
    float: left;
    font-size: 14px;
    font-weight: 600;
    color: #5a6779;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    margin:0px 15px 15px 0;
    background: #f8f8f9;
}
.memberstats .stats:first-child span{
    color: #10bc78;
}
.memberstats .stats span{
    display: table;
    width: 100%;
    font-size: 35px;
    font-weight: bold;
    color: #0aaaed;
}
.memberstats .stats{
    text-align: center;
}
.memberstats .small{
    font-size: 12px;
}
.memberstats h4{
    text-align: center;
    font-weight: 600;
    font-size: 28px;
    margin-top:20px;
    padding-top: 10px;
    border-top: 1px solid #f0efef;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
    color: #0F0F0F;
    background: #F5F6FF;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{
    color: #0F0F0F;
    background: #F5F6FF;
    border-radius: 4px;
}
.pagination > li > a, .pagination > li > span{
    border: 0px solid #ddd;
    border-radius: 4px;
    color: #8289C3;
    font-size: 14px;
}
.pagination{
    margin-left: 20px;
}
.bottom_buttons .skip{
    margin-right: 20px;
}
.bottom_buttons{
    margin-top:30px;
    display: table;
    width: 100%;
}
.stepssection{
    margin: 0px auto 0;
}
.stepssection ul li.line{
    background: transparent;
    border: 0px solid;
    width: auto;
    padding: 0px;
}
.stepssection ul li.line.active{
    background: transparent;
    border: 0px solid;
    width: auto;
    padding: 0px;
}
.stepssection ul li.line.active:before{
    background: #b8e5fd;
}
#campaign_name{
    float: left;
    max-width: 75%;
    margin-right: 10px;
}
.addcustomer input[type="text"]{
    border-color: #dfdddd;
    border-radius: 6px;
}
.addcustomer.invite{
    margin: 0px auto;
}
.addcustomer.invite h2, .addcustomer.invite h4{
    text-align: center;
    margin-bottom: 20px;
}
.settingspage .previewinviteurl{
    width: 100%;
    font-size: 14px;
    height: inherit;
    padding-top: 0px;
    margin-top: 0px;
    text-align: right;
}
.embed_grid h2{
    font-size: 20px;
}
.embed_grid .socialsharewrap .table-responsive{
    margin-left: 0;
    margin-right: 0;
}
.embed_grid .socialsharewrap{
    padding: 25px;
    border-radius: 10px;
    border: 1px solid #efefef;
}
.assets_section .videoinfo .customer-info{
    flex-grow: 1;
    min-height: 50px;
}
.assets_section .video_item:hover svg g{
    fill: #fff;
}
.assets_section .videoscreen-wrapper{
    display: flex;
    flex-direction: column;
    height: 100%;
}
.assets_section .video_item .videoinfo .customer-info span{
    white-space: inherit;
}
.assets_section .videoinfo{
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
}
.profilesidebarright.settings_tabs .nav::after {
    position: relative;
    width: 100%;
    height: 2px;
    background: #dbdce0;
    display: table;
    top: -2px;
    z-index: 1;
}
.profilesidebarright.settings_tabs .nav-tabs > li {
    position: relative;
    float: left;
    z-index: 2;
    border-right: 0px solid #dce2e4;
    margin: 0;
}
.profilesidebarright.settings_tabs .nav-tabs > li.active > a:hover {
    border: 0px;
    border-bottom: 2px solid #4D5BED;
    min-width: 10px;
    padding: 9px 10px 10px 10px!important;

}
.profilesidebarright.settings_tabs .nav-tabs > li.active > a {
    background: transparent;
    border-bottom: 2px solid #4D5BED;
    color: #4D5BED;
    border-radius: 0;
    margin-bottom: 1px;
    padding: 9px 10px 10px 10px!important;
}
.profilesidebarright.settings_tabs .nav-tabs > li > a {
    text-transform: none;
    padding: 10px!important;
    margin-right: 0px;
    border: 0px solid;
    font-size: 14px;
    color: #92929d;
}
.embed_grid #admintablerow-invite_url td:first-child, .embed_grid #admintablerow-initial_message td:first-child, .embed_grid #admintablerow-inviteupload_url td:first-child {
    margin-bottom: 15px;
}
.embed_grid #admintablerow-invite_url td, .embed_grid #admintablerow-initial_message td, .embed_grid #admintablerow-inviteupload_url td {
    display: table;
    width: 100%;
    padding-bottom: 10px;
}

.socialsharewrap {
    margin: 25px auto 20px;
    display: table;
}
.invitecode form{
    margin-bottom: 0px;
}
.addcustomer input[type="submit"]{
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    border-width: 1px;
    border-color: transparent;
    border-radius: .375rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.contentwizard input[type="checkbox"] {
    margin-top: 0;
    position: relative;
    top: -2px;
    margin-right: 5px;
}
.contentwizard .checkbox_box label {
    width: auto;
    margin-top: 0;
}
.stepssection ul{
    list-style: none;
    display: table;
    padding: 0px;
    margin: 30px 0;
}
.stepssection ul li.active{
    background: transparent;
    border-color: #195170;
    color: #fff;
}
.stepssection .steps{
    display: table;
    margin: 0px auto;
    padding: 0px;
}
.stepssection h2{
    text-align: center;
    font-size: 24px;
    color: #5a6779;
    font-weight: 600;
}
.aui-message
{
    padding:15px;
    margin-bottom:20px;
    border:1px solid transparent;
    border-radius:4px;
}

.aui-message a
{
    font-weight:bold;
    text-decoration:none;
}

.aui-message-success
{
    color:#468847;
    background-color:#dff0d8;
    border-color:#d6e9c6;
}

.aui-message-success a
{
    color:#356635;
}

.aui-message-info
{
    color:#3a87ad;
    background-color:#d9edf7;
    border-color:#bce8f1;
}

.aui-message-info a
{
    color:#2d6987;
}

.aui-message-warning
{
    color:#c09853;
    background-color:#fcf8e3;
    border-color:#fbeed5;
}

.aui-message-warning a
{
    color:#a47e3c;
}

.aui-message-error
{
    color:#b94a48;
    background-color:#f2dede;
    border-color:#eed3d7;
}

.aui-message-error a
{
    color:#953b39;
}
.backarrow:hover{
    color: #858585;
}
.backarrow{
    color: #858585;
    font-size: 18px;
    background: url(images/backarrow.png) no-repeat left center;
    padding-left: 30px;
    margin-top:6px;
}
.finish-step span{
    max-width: 75%;
    float: left;
    display: table;
}
.finish-step{
    margin-top:20px;
}

.schedule_buttons .startnow {
    background: #0E1F5E;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: normal;
    padding: 9px 30px;
    border-radius: 5px;
    color: #fff;
}
.schedule_buttons .startnow.schedule{
    background: #fff;
    color: #282c37;
    margin-left: 30px;
}
.addcustomer.last_step h3{
    margin-bottom: 10px;
}
.addcustomer h3{
    color: #5a6779;
    font-weight: bold;
    font-size: 24px;
}
.finishimport{
    margin-left: 40px;
}
.last_step .schedule_buttons{
    margin-top:50px;
}
.add_client_button:hover, .add_client_button:focus{
    background: url(images/addcustomers-active.png) no-repeat center left #0E1F5E;
    background-position-x: 15px;
    padding-left: 45px;
}
.add_client_button{
    background: url(images/addcustomers-active.png) no-repeat center left #0E1F5E;
    padding-left: 45px;
    background-position-x: 15px;
}
#savesearch .adminform_savebutton{
    padding: 0;
    margin-top: 20px;
    text-align: center;
}
#savesearch .adminform_savebutton input{
    margin: auto;
}
#savesearch .modal-dialog{
    max-width: 25rem;
    position: relative;
    top:25%;
}
#savesearch .modal-content{
    padding: 1.5rem;

}
.modal-content{
    background: #fff;
    border: 1px solid #ababab;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2);
    padding: 40px;
    font-size: 0.875rem;
    border-radius: 0px;
}
.modal-backdrop.in{
    opacity: 0.6;
}
.modal-backdrop{
    background: #fff;
}
#extendedsearch .modal-dialog{
    min-width: 52%;
    top:7%;
}
.embed_grid{
    clear: both;
    padding-top:20px;
}
.publish_button:hover{
    text-decoration: none;
}
.publish_button{
    padding: 5px 15px;
    background: #0E1F5E;
    color: #fff!important;
    border-radius: 5px;
    font-size: 14px;
}
#ui-datepicker-div{
    z-index: 9999!important;
}
.scheduleform{
    max-width: 900px;
}
.scheduleform #admintablerow-hrs{
    width:48%;
    float: left;
}
.scheduleform #admintablerow-min{
    width:48%;
    float: right;
}
.shopbutton{
    background: #0E1F5E;
    display: table;
    margin: 0px auto;
    margin-bottom: 20px;
    clear: both;
    padding:10px 40px;
    border-radius: 5px;
    color: #fff!important;
    text-decoration: none!important;
    text-transform: uppercase;
    font-size: 18px;
}
#modal-container .ab-button{
    background: #0E1F5E;
    color: #fff;
}

.campaign_wizard input[type="file"].form-control{
    display: table;
    padding: 8px 12px;
    height: 36px;
    margin-top: 10px;
}
input[type="checkbox"].form-control{
    display: table;
    box-shadow: none;
    width: initial;
    float: left;
    line-height: 10px;
    height: inherit;
    margin-right: 10px;
}
.addcustomer.invite .add_contact .row:last-child{
    margin-top: 15px;
}
.addcustomer.invite .add_contact .row #userfile{
    background: transparent;
    border-radius: 0px;
    border: 0px solid;
    border-bottom: 1px solid #fff;
    box-shadow: none;
    color: #fff;
    height:inherit;
}
.audioscreen-wrapper .playvideobutton{
    top:30px;
}
.text-center.videoeditor .adminbuttons.adminbuttons{
    text-align: left;
}
.luna-nav.nav li > a .main-menu-text i.audio_files{
    font-size: 19px;
    margin-bottom: 3px;
}
.hpcstmt-wdgt1-cell-title{
    font-size: 18px;
}
.hpcstmt-wdgt1-row{
    margin-top:20px;
}
.testimonial_item .testimonilscreen{
    padding: 20px 20px 0;
}
.testimonial_item .testimonilscreen img{
    position: unset;
    max-width: 150px;
    height: auto;
    margin: 0 auto 20px;
    display: table;
    float: none;
}
.testimonial-title{
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}
.testimonial-desct{
    font-size: 16px;
    font-style: italic;
    text-align: center;
}
.test-description{
    text-align: center;
    font-size: 16px;
    font-style: italic;
    padding-top:10px;
}
.test-title{
    text-align: center;
    font-size: 18px;
    padding-top:10px;
}

.testimonialeditor a{
    display: table;
    margin: auto;
}
.testimonial-wrp .customer-name{
    text-align: center;
    font-size: 16px;
    padding-top: 10px;
}
.testimonial-wrp img,
.testimonialeditor img{
    max-width: 150px!important;
    height: auto;
    margin: 0 auto 20px;
    display: table;
    float: none;
}
.testimoniallist{
    align-items: end;
}
.testimonilscreen .image-testimonial img{
    position: unset;
    max-width: 150px;
    height: auto;
    margin: 20px auto 0;
    display: table;
    float: none;
}
.testimoniallist-description{
    font-size: 14px;
    padding-bottom: 15px;
}
.testimoniallist-title{
    font-weight: bold;
    font-size: 14px;
}
.videobuttons{
    display: table;
    width: 100%;
    margin: 10px 0;
}
.videobuttons a{
    padding:8px 20px;
    border: 1px solid #25aeeb;
    border-radius: 5px;
    margin-right: 10px;
    color: #25aeeb;
    margin-bottom: 15px;
    display: table;
    float: left;
}
.navbar-brand > img{
    max-height: 50px;
}
#js-tags-selector-selectized{
    height: 20px;
}
.dayselect .nice-select{
    width:100px!important;
    min-width:100px!important;
}
.add_sequence_item a.startnow{
    position: relative;
    top: -20px;
    background: #0E1F5E;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: normal;
    padding: 9px 20px;
    border-radius: 5px;
    color: #fff;
    box-shadow: -0.5px -0.2px 1px 1px rgba(0,0,0,0.2);
    margin: auto;
    display: table;
}
.add_sequence_item{
    width: 100%;
    padding-top: 0;
}
.capitalize{
    text-transform: capitalize;
}

.memberstats .campaignsstats .row .stats .percents{
    font-size: 14px;
    padding-top: 5px;
    color: #ccc;
}
.memberstats .campaignsstats .row .stats.blue i{
    color: #0aaaed;
}
.memberstats .stats:first-child i,
.memberstats .stats:first-child span{
    color: #666;
}
.memberstats .campaignsstats .row .stats.red i,
.memberstats .campaignsstats .row .stats.red span{
    color:#f47d52;
}
.memberstats .campaignsstats .row .stats.green i,
.memberstats .campaignsstats .row .stats.green span{
    color:#3bb397;
}
.memberstats .campaignsstats .row .stats{
    display: flex;
    width: 100%;
}
.dash-total-requested{
    width: 100%;
}
.memberstats .campaignsstats .emailcampaigns .table-striped i{
    color: #666;
    font-size: 14px;
}

.memberstats .campaignsstats .emailcampaigns .startcampaignbtn{
    display: table;
    margin: auto;
}
.memberstats .campaignsstats .emailcampaigns .table-striped.fullstats tbody tr td.openers{
    color: #6fa6e0;
}
.memberstats .campaignsstats .emailcampaigns .table-striped.fullstats tbody tr td.clickers{
    color: #4eb798;
}
.memberstats .campaignsstats .emailcampaigns .table-striped.fullstats tbody tr td.unsubscr{
    color: #f38752;
}
.memberstats .campaignsstats .emailcampaigns .table-striped.fullstats tbody tr td{
    color: #5b6674;
    font-size: 14px;
}
.memberstats .campaignsstats .emailcampaigns .table-striped thead td{
    text-transform: uppercase;
    font-size: 13px;
    color: #767b84;
}
.memberstats .campaignsstats .emailcampaigns .table-striped{
    margin-top:20px;
}
.memberstats .campaignsstats .emailcampaigns .table-striped > tbody > tr:nth-of-type(2n+1){
    background: transparent;
}
.memberstats .campaignsstats .emailcampaigns .blocktitle{
    color: #666;
    font-size: 20px;
}
.memberstats .campaignsstats .emailcampaigns{
    text-align: left;
}
.memberstats .campaignsstats .secondblock{
    margin-top:25px;
}
.memberstats .campaignsstats .row{
    display: flex;

}
.memberstats .campaignsstats .stats > div i{
    font-size: 35px;
}
.memberstats .campaignsstats .stats > div span{
    font-weight: normal;
    font-size: 45px;
}
.memberstats .campaignsstats .stats > div.sequencedetails{
    padding: 0;
}
.memberstats .campaignsstats .stats > div{
    border: 0px solid #ccc;
    background: #fff;
    padding:20px 0 0;
    width: 100%;
    font-size: 16px;
}
.campaignsheader{
    margin-bottom: 20px;
}
.campaignsheader .nav-tabs > li > a{
    font-size: 14px;
    padding-bottom: 5px;
}
.campaignlist .table .at-cell-title .status:before{
    content: "\2022";
    display: inline;
    margin:0 5px;
    font-size: 10px;
    position: relative;
    top:-3px;
    color: #767b84;
}
.campaignlist .at-cell-openers{
    color: #6fa6e0!important;
}
.campaignlist .at-cell-clickers{
    color: #4eb798!important;
}
.campaignlist .at-cell-unsubscr{
    color: #f38752!important;
}
.campaignlist .table td a:hover b{
    text-decoration: underline;
}
.campaignlist .table td a:hover{
    color: #7b7f87;
}
.campaignlist .table td a{
    color: #4b4e53;
    display: block;
}
.campaignlist .table td{
    font-size: 15px;
    color: #4b4e53;
    /* padding:15px 8px; */
    vertical-align: middle;
}
.campaignlist .table > tbody > tr > td {
    padding: 18px 16px 18px 15px;
}
.campaignlist .draft .at-cell-type i{
    background: #fff5e8;
    color: #fe9a25;
}
.campaignlist .at-cell-type i{
    border-radius: 100px;
    padding: 10px;
    color: #9cc980;
    margin-bottom: 5px;
    background: #f1fbeb;
}
.campaignlist .table .at-cell-title .secondrow{
    color: #7b7f87;
    font-size: 13px;
    margin-top: 5px;
}
.campaignlist .table .at-cell-title span.status{
    text-transform: capitalize;
    display: inline-block;
    color: #7b7f87;
    font-weight: bold;
}
.campaignlist .table .at-cell-title .status:after{
    content: "\2022";
    display: inline;
    margin:0 5px;
    font-size: 10px;
    color: #767b84;
    position: relative;
    top:-3px;
}
.memberstats .campaignsstats .row .stats a.label{
    color:#fff!important;
    font-size: 11px;

}
.memberstats .campaignsstats .row .stats a i,
.memberstats .campaignsstats .row .stats a{
    font-size: 0.875rem;
    color: #0E1F5E!important;
}
.memberstats .campaignsstats .emailcampaigns .startcampaignbtn .btn{
    background: #1bb494;
    color: #fff!important;
}
.memberstats .campaignsstats .stats .emailcampaigns .startcampaignbtn i{
    font-size: 0.875rem;
    color: #fff!important;
}
.at-cell-status,
.at-cell-email_status{
    text-transform: capitalize;
}
.campaignreport{
    color: #0E1F5E!important;
    font-size: 13px;
    margin-top: 5px;
}
.at-cell-title .campaignreport{
    float: left;
    margin-right: 10px;
}
.at-cell-tags span .label-info{
    float: left;
    margin-bottom: 5px;
    font-size: .75rem;
    line-height: 1rem;
    padding-top: .125rem;
    padding-bottom: .125rem;
    border-radius: .25rem;
    padding-left: .5rem;
    padding-right: .5rem;
}
.addcustomer .inlinelabel input{
    margin-top: 35px;
    margin-right: 5px;
    display: table;
    width: auto;
    float: left;
}
.addcustomer .inlinelabel label{
    display: table;
    width: auto;
    float: left;
    margin-top: 30px;
    margin-bottom: 5px;
}
#admintablerow-schedule .adminform-filed-end-txt{
    float: left;
    line-height: 49px;
    margin: 0 10px 0 0;
}
#admintablerow-schedule #schedule{
    float: left;
}
#admintablerow-schedule .nice-select.wide{
    width: 80px;
    float: left;
    clear: none;
    margin-right: 15px;
}
.left-nav-toggle{
    display: none;
}
.header-buttons a:hover,
.header-buttons a.blue{
    background:#0E1F5E;
    color: #fff;
}
.header-buttons a{
    padding: 10px 20px 10px 20px;
    font-size: 13px;
    font-family: 'Inter', sans-serif;
    display: table;
    float: left;
    border-radius: 5px;
    border:1px solid #0E1F5E;
    color:#0E1F5E;
    margin-right: 20px;
}
.header-buttons{
    display: table;
    padding: 34px 20px 20px 0;
}
.add_contact .adminform_savebutton{
    margin-top: 20px;
    text-align: left;
    padding: 6px 14px;
}
.full_width_labels label{
    width: 100%;
    display: table;
}
.col-md-12{
    display: table;
    width: 100%;
}
.selectize-input{
    min-height: 40px;
    border-color: #dfdddd;
    border-radius: 3px;
    box-shadow: inset 0 1px 2px #eee;
}

#modal-container .addcustomer{
    box-shadow: none;
}
.softwareimage img{
    max-width: 100%;
}
.dayselect .nice-select .list{
    overflow: auto;
    max-height: 250px;
    width: 100px;
}
#admintablerow-state .nice-select .list{
    overflow: auto;
    max-height: 250px;
    width: 100%;
}
.referrals_details.profilesidebar h2{
    width: 100%;
    max-width: 100%;
}
.referrals_details .profile-btn-follow{
    color: #666;
}
.customer-side-info-tags .label,
.referral-side-info .label{
    margin-top: 5px;
    display: table;
    float: left;
    margin-right: 5px;
}
.salesperson .form-control{
    width: 100%;
}
.companywizard .company_summary .label .summaryvalue {
    display: table;
    float: left;
    font-size: 17px;
    font-weight: 300;
    white-space: normal;
    max-width: 68%;
}
.companywizard .company_summary .label {
    color: #666;
    text-align: left;
    display: table;
    width: 100%;
    line-height: 30px;
}
.companywizard .company_summary .label span {
    display: table;
    float: left;
    padding: 1px 15px 0px 0;
    font-weight: 500;
    font-size: 14px;
    min-width: 290px;
}
.companywizard .title_hint{
    float: left;
    font-weight: bold;
    padding-right: 5px;
    color: #000;
    font-size: 13px;
}
.companywizard .phone_validation_for_approve{
    float: left;
    display: table;
    width: auto;
    margin: 0 10px 0 0;
    line-height: 18px;
}
.companywizard .text_hint{
    font-size: 13px;
}
.companywizard .hint{
    padding-top: 10px;
    font-style: italic;
}

.logopreview .label{
    font-size: 100%;
    font-weight: normal;
}
.nice-select.wide .list{
    max-height: 300px;
    overflow: auto;
}
.marketingcollateral .video_item img{
    position: relative;
    display: table;
    max-height: 200px;
}
.marketingcollateral .videoscreen-wrapper{
    display: flex;
    flex-direction: column;
}
.marketingcollateral .videodashboard{
    align-items: normal;
}
.marketingcollateral .videoscreen{
    padding-bottom: 0;
    height: 200px;
    display: flex;
    align-items: center;
}
.daylistats .box .wrapper .content-container .circle .text{
    color:#7c8189;
    font-size: 18px;
    font-weight: 500;
}
.daylistats .box .wrapper .content-container .circle .numbers{
    display: table;
    width: 100%;
    font-size: 43px;
    color: #030303;
    font-weight: 500;
}
.daylistats .box .wrapper .content-container .circle > div{
    margin: auto;
}
.daylistats .box.box-2 .wrapper .content-container .circle{
    border-color: #f73859;
}
.daylistats .box .wrapper .content-container .circle{
    border-radius: 200px;
    border: 5px solid #1fab89;
    height: 250px;
    width: 250px;
    display: flex;
    margin: auto;
    align-items: center;
    text-align: center;
}
.daylistats .box .wrapper .content-container .numbers .number-box{
    margin-bottom: 20px;
}
.daylistats .box .wrapper .content-container .numbers .number-box .numbers{
    font-size: 20px;
    color: #3c3f46;
}
.daylistats .box .wrapper .content-container .numbers .number-box .text{
    color: #7c8189;
    font-size: 15px;
}
.daylistats .box .wrapper{
    border: 0px solid #f1f0f0;
    box-shadow: none;
    border-radius: 10px;
    background: #F5F6FF;
}
.daylistats{
    display: table;
    width: 100%;
    margin-bottom: 40px;
}
.daylistats .box .wrapper .content-container{
    padding: 0px;
    display: flex;
    align-items: center;
    width: 100%;
}
.daylistats .buttons-container .nav-tabs > li.active > a, .daylistats .buttons-container .nav-tabs > li.active > a:hover, .daylistats .buttons-container .nav-tabs > li.active > a:focus{
    color: #0E1F5E;
    background: none;
}
.daylistats .buttons-container a{
    color: #707070;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    padding: 20px 0px;
    display: table;
    margin: auto;
}
.daylistats > div{
    display: table;
    width: 100%;
}
.daylistats .buttons-container{
    border-top:1px solid #dfe0e1;
    background: #f5f6f6;
    display: table;
    width: 100%;
    text-align: center;
}
.dashboard_home .emailcampaigns .table-responsive{
    width: 100%;
    margin: 0;
}
.dashboard-section-headline a{
    font-size: 15px;
    margin-left: 15px;
    position: relative;
    bottom: 2px;
}
.dashboard-section-headline{
    font-size: 22px;
    color: #282c37;
    margin: 30px 40px;
}
.daylistats .status-stats .box .wrapper .content-container{
    padding: 10px;
}
.status-stats .tablestats .table > tbody > tr > td:first-child{
    color: #7c8189;
    font-size: 18px;
    font-weight: normal;
}
.status-stats .tablestats .table > tbody > tr > td:last-child{
    text-align: right;
    font-weight: 600;
    color: #282c37;
    font-size: 18px;
}
.status-stats .tablestats .table > tbody > tr:first-child > td{
    border-top:0px solid;
}
.status-stats .buttons-container{
    border-top: 0px solid;
    border-bottom: 1px solid #dfe0e1;
}
.progressbar .ldBar{
    min-width: 200px;
    min-height: 200px;
    margin: auto;
}

.ldBar.label-center > .ldBar-label{
    font-size: 46px;
    color: #434549;
}
.boxwrapper{
    display: flex;
}
.status-stats .progressbar .wrapper .title{
    color: #666666;
    font-size: 22px;
    max-width: 250px;
    margin: 0 auto 30px;
}
.status-stats .otherstats .wrapper > div > div span{
    display: table;
    width: 100%;
    font-weight: 600;
    color: #2d2d2e;
    font-size: 30px;
}
.status-stats .otherstats .wrapper > div > div{
    margin: auto;
    font-size: 22px;
    color: #525356;
}
.status-stats .otherstats .wrapper > div:first-child{
    border-bottom: 1px solid #dcdcdc;
}
.status-stats .otherstats .wrapper > div{
    height: 50%;
    display: flex;
    align-items: center;
    text-align: center;
    min-height: 190px;
}
.status-stats .otherstats .wrapper{
    display: flex;
    flex-direction: column;
}
.status-stats .otherstats .wrapper,
.status-stats .statsbox .wrapper{
    width: 100%;
}
.status-stats .progressbar .wrapper{
    width: 100%;
    padding: 50px;
    text-align: center;
}
.status-stats .otherstats,
.status-stats .statsbox,
.status-stats .progressbar{
    display: flex;
}
.status-stats{
    margin-top: 50px;
    display: table;
    width: 100%;
}
.nice-select.form-control{
    width: 100%;
    border: 1px solid #CBCBE2;
    padding: 5px 17px !important;
    height: 38px;
}
.nice-select.form-control .list{
    max-height: 200px;
    width: 100%;
    overflow: auto;
}
.btn-info{
    border-color:#0E1F5E;
}

#custom_thankyou_content{
    width:100%;
}
.landingthankyoupage h3{
    margin-bottom: 20px;
}
.landingthankyoupage label{
    float: left;
    display: table;
    width: auto;
    margin: 10px 0;
    font-size: 14px;
}
#default_thankyou, #custom_thankyou{
    padding: 10px 10px;
    height: 32px;
    margin-left: 10px;
}
.settingslandingpage.socialsharewrap {
    margin-top: 0;
}
.video_item .videoinfo .customer-info span {
    font-size: 14px;
    font-weight: 400;
    color: #0F0F0F;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.helpvideos .videoscreen-wrapper{
    padding-top: 0;
}
.helpvideos .video_item .videoinfo{
    display: table;
    width: 100%;
}
.helpvideos .video_item .videoinfo .received-info{
    margin-top: 0px;
    display: table;
    width: 100%;
    margin-bottom: 5px;
}
.luna-nav .secondary-nav{
    border:0px solid ;
    border-top:1px solid #f0f0f0;
    border-bottom:1px solid #f0f0f0;
    border-radius: 0px;
    box-shadow: none;
    position: relative;
    top:0;
    width: 100%;
    left: 0;
    float: none;
    padding-left: 20px;
}
.luna-nav li.active .secondary-nav.dropdown-menu,
.luna-nav li.active .secondary-nav.dropdown-menu,
.luna-nav .secondary-nav.dropdown-menu.active{
    display: table!important;
}
.customer-edit-icon .dropdown-menu svg{
    display: none;
}
.luna-nav .dropdown-arrow i{
    font-weight: bold;
}
.luna-nav .main-menu-label{
    padding: 25px 15px 12px 20px;
    color: #bbb;
    text-transform: uppercase;
    text-align: left;
    font-size: 14px;
    display: table;
}
.luna-nav .dropdown-arrow{
    position: absolute;
    right: 0;
    font-weight: bold;
    top:6px;
    z-index: 99;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{
    background: transparent;
}
.luna-nav.nav li.sub-active a {

    border-left: 0px solid;
    color: #0E1F5E;
    padding-left: 15px;

}
.customerstabs.profilesidebarright{
    display: table;
    width: 100%;
}

#block0body .tablewrapper .customerstabs.profilesidebarright{
    margin-top: 0;
}

.fullstats.table-striped > tbody > tr{
    background: #fff!important;
}
.dashboard_home .fullstats.table-striped > tbody > tr{
    background: transparent!important;
}
.daylistats > div{
    display: flex;
}
.daylistats .statsbox .wrapper > div{
    display: table;
    margin: auto;
    width: 100%;
}
.daylistats .statsbox .wrapper .col-md-6{
    padding: 0;
}
.daylistats .statsbox .wrapper{
    height: 100%;
    padding: 20px;
}
.daylistats .statsbox .wrapper .panel-heading h4{
    font-size: 23px;
    color: #000;
    font-weight: 600;
}
.daylistats .statsbox .wrapper .messages-stats{
    color: #4d4e53;
}
.daylistats .statsbox:first-child .wrapper .panel-heading h4{
    padding-left: 30px;
    padding-bottom: 20px;
}
.daylistats .statsbox .wrapper td:first-child{
    text-align: left;
}
.daylistats .statsbox .wrapper td{
    text-align: center;
}
.daylistats .statsbox:hover .wrapper .panel-heading h4,
.daylistats .statsbox:hover .wrapper td,
.daylistats .statsbox:hover .wrapper .messages-stats{
    color: #fff;
}
.daylistats .statsbox:hover .wrapper{
    background: #0E1F5E;
    box-shadow: 0 3px 22px -2px rgba(144,147,169,0.9);
}
.messages-stats .numbers{
    font-size: 70px;
    font-weight: 600;
}
.messages-stats{
    text-align: center;
    font-size: 18px;
}
.messages-stats .icon svg{
    margin: auto;
}
.messages-stats .icon{
    display: flex;
    align-items: center;
    margin: auto;
    height: 70px;
}
.sms_choose{
    width: 100%;
    max-width: 900px;
    background: #fff;
    display: table;
    padding: 40px 60px;
    box-shadow: -1px 6px 5px -4px rgba(0,0,0,0.3);
}
.sms_choose .email_row {
    display: table;
    width: 100%;
    margin-bottom: 40px;
}
.sms_choose .email_row .numbers {
    float: left;
    width: 60px;
}
.sms_choose .email_row .numbers span {
    background: #fff;
    border-radius: 50px;
    width: 40px;
    position: relative;
    z-index: 99;
    height: 40px;
    text-align: center;
    padding-top: 7px;
    margin-top: 20px;
    border: 1px solid #ddd;
    font-size: 18px;
    color: #000;
    display: table;
}
.sms_choose .email_container {
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    border: 1px solid #dddddd;
    border-radius: 5px;
    padding: 20px;
    position: relative;
    width: calc(100% - 60px);
}
.sms_choose .email_container::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 15px 0;
    border-color: transparent #dddddd transparent transparent;
    position: absolute;
    left: -15px;
}
.sms_choose .email_container::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 14px 14px 0;
    border-color: transparent #fff transparent transparent;
    position: absolute;
    left: -14px;
    top: 21px;
}
.sms_choose .email_container label {
    float: left !important;
    width: auto !important;
    display: table !important;
    color: #000;
    font-size: 18px;
    padding-top: 5px;
    font-weight: 400;
}
.sms_choose .email_container select.form-control{
    border: 1px solid #ccc;
    margin: 20px 0 20px;
}
.sms_choose .dayselect select.form-control{
    float: left;
    width: auto;
    border: 1px solid #ccc;
    margin: 0px 10px;
    display: table;
}
.sms_choose .nice-select.form-control {
    margin-top: 20px;
}
.sms_choose .dayselect {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.sms_choose .removesequence {
    position: absolute;
    right: 10px;
    top:10px;
}
.sms_choose .add_sequence_item{
    width: 100%;
    display: table;
}
.businessid span{
    background: yellow;
    padding: 0 5px;
    margin-top: 20px;
    display: table;
}
.businessid{
    font-weight: bold;
    color: #000;
}

.profile_link a.infobutton:hover .dropdown-content {
    display: block;
    padding: 10px 20px;
    margin-right: 10px;
    width: 100%;
}
/*
#admintablerow-nylas_client_id,
#admintablerow-nylas_client_secret,
#admintablerow-sendgrid_api_key,
#admintablerow-mailjet_api_key,
#admintablerow-mailjet_api_secret,
#admintablerow-twilio_ApiSid,
#admintablerow-twilio_ApiSecret,
#admintablerow-twilio_AuthToken,
#admintablerow-twilio_AccountSid,
#admintablerow-expiration{
    line-height: 15px;
}
*/
.plyr--video{
    display: table;
    margin: auto;
    border-radius: 20px;
    background: #fff;
}
.plyr__video-wrapper{
    background: #fff;
}
.videoeditor {
    background: #fff;
    padding: 40px 60px;
    box-shadow: 0 3px 2px -2px rgba(0,0,0,0.2);
    border: 1px solid #f0f0f0;
    border-radius: 5px;
}
.video_item:hover .playvideobutton{
    background: url("images/videoplayicon.png") no-repeat center center;
    display: table;
    width:60px;
    height: 60px;
    right: 44%;
    top: 35%;
    position: absolute;
    z-index: 99;
}
.videolistsection.sharebuttom .qnty a{
    padding-right: 7px;
    padding-left: 7px;
}
.sharebuttom {
    padding: 5px 20px;
    border-top: 0px solid #f0efef;
}

.video-list .videoscreen-wrapper .sharebuttom{
    align-items:flex-end;
    position: relative;
    bottom: 0;
    min-height: 50px;
}
.sharebuttom ul li.editsection{
    display: flex;
    margin-right: 0;
}

.sharebuttom ul li.qnty a{
    padding-top: 7px;
    font-size: 12px;
}
.sharebuttom ul li.qnty a svg{
    position: relative;
    top:2px;
}
.sharebuttom ul li.qnty{
    display: flex;
}
.sharebuttom ul li a#dropdownMenu2{
    padding-top: 8px;
}
.sharebuttom ul li a.facebook{
    color: #777EBB;
    border:1px solid #E2E2F6;
    border-radius: 5px;
    padding: 5px 10px;
}
.sharebuttom ul li a{
    font-size: 12px;
    display: table;
    width: 100%;
    padding:5px 10px;
}
.sharebuttom ul li a.pageurl{
    color: #372778;
    padding-top: 8px;
}
.sharebuttom ul li a.linkedin{
    color: #777EBB;
    border:1px solid #E2E2F6;
    border-radius: 5px;
    padding: 5px 8px;
}
.sharebuttom ul li a.twitter{
    color: #777EBB;
    border:1px solid #E2E2F6;
    border-radius: 5px;
    padding: 5px 6px;
}
.videoscreen{
    border: 0px solid #e2e2e2;
    border-bottom: 0px solid;
    width: 100%;
}
.sharebuttom .qnty span {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #000;
    padding: 5px;
}
.dash-total-requested .sharebuttom{
    padding-bottom: 25px;
}
.profile_link > ul.adminmenu > li > a{
    color: #fff;
}
.profile_link > ul.adminmenu{
    background: #777EBB;
}
.profile_link .dropdown-content {
    display: none;
    position: absolute;
    background-color: #027AFF;
    color: #fff;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    left: -130px;
    top: 45px;
}
.profile_link a.infobutton:hover .dropdown-content {
    display: block;
    padding: 10px 20px;
    margin-right: 10px;
    width: 100%;
    font-size: 12px;
    border-radius: 5px;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
    background: transparent;
}
.adminmenu li.adminitem.active a{
    background: #0E1F5E;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
    background: #0E1F5E;
}
.adminmenu li.adminitem a{
    background: #666666;
}
.adminmenu label{
    padding: 0px 20px 5px;
    font-size: 11px;
    color: #fff;
}
.dropdown-divider {
    height: 0;
    margin: 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
}
.adminmenu li a:hover, .adminmenu li a:focus{
    background: #0E1F5E;
}
.email-message-preview .show-full-message:focus{
    color: #9F9F9F;
}
.email-message-preview .show-full-message{
    font-size: 13px;
    display: table;
    width: 100%;
    text-align: right;
    margin-top:10px;
}
.email-message-preview .email-subject-preview{
    font-size: 13px;
    font-weight: 500;
}
.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f2f2f2;
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: 10px 1.5rem;
    clear: both;
    font-weight: 500;
    color: #414141;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    font-size: 14px;
}
.third-row-wrap ul li{
    float: left;
    border-radius: 100px;
}
.third-row-wrap ul li.active a svg{
    stroke: #fff;
}
.third-row-wrap ul li.active a svg g{
    fill:#fff;
}
.third-row-wrap ul li.active a{
    background: #0E1F5E;
    color: #fff;
}
.third-row-wrap ul li a:focus{
    text-decoration: none;
}
.third-row-wrap ul li a{
    color: #545a69;
    display: flex;
    padding: 10px 20px;
    border-radius: 100px;
    line-height: 0;
    max-height: 35px;
}
.third-row-wrap ul li a:hover{
    text-decoration: none;
}
.third-row-wrap ul{
    list-style: none;
    padding: 3px;
    margin: 0 auto;
    display: table;
    width: 100%;
}
.third-row-wrap > div{
    display: table;
    margin: auto;
    border-radius: 100px;
    border:1px solid #f3f3f3;
    background: #fff;
}
.third-row-wrap{
    min-width: 33.3%;
    float: left;
    margin-top:3px;
    margin-bottom:20px;
}
.second-row-nav-wrapper{
    flex: 1;
    width: 32%;
}
.blocktitlesection{
    background: transparent;
    width: 33.3%;
    display: table;
}
.second-row-nav-wrapper a:hover{
    text-decoration: none;
}
.filters-section > a.extended_search_button{
    padding-left: 10px;
    padding-right: 5px;
    position: relative;
    margin-top: 0px;
}
.filters-section .ab-button{
    background: #0E1F5E;
    color: #fff;
}
.filters-section{
    float: right;
    display: flex;
}
.filters-section > a.extended_search_button.active{
    color:#4D5BED;
}
.filters-section > a.extended_search_button .filters_count{
    background: #4D5BED;
    text-align: center;
    color: #fff;
    width: 16px;
    height: 16px;
    border-radius: 100px;
    display: table;
    line-height: 16px;
    font-size: 11px;
    font-weight: normal;
    position: absolute;
    top: 7px;
    right: -5px;
}
.filters-section > a{
    margin-right: 4px;
}
.leads_list .second-row-nav-wrapper .filters-section{
    padding-top: 5px;
}
.leads_list .second-row-nav-wrapper{
    width: 50%;
}
.block-header .content-wrapper h2{
    margin: 10px 0 0;
}
.block-header .content-wrapper{
    background: transparent;
    width: 100%;
    padding-bottom: 0px;
    padding-right: 0;
    padding-left: 0;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.active.extended_search_button.ab-button #board-search-used,
.extended_search_button.ab-button:focus #board-search-used,
.extended_search_button.ab-button:hover #board-search-used {
    fill:#4D5BED;
}

.extended_search_button.ab-button:focus,
.extended_search_button.ab-button:hover{
    background: transparent;
}
.salesperson.extended_search_button.ab-button:focus,
.salesperson.extended_search_button.ab-button:hover{
    border-color: #7858F4;
    background-color: #7858F4;
    color: #fff;
}
.salesperson.extended_search_button.ab-button{
    padding-top: 9px;
    padding-bottom: 9px;
    background-color: #fff;
    color: #0F0F0F;
    margin: 0;
    font-size: 14px;
    float: right;
    border: 1px solid #CBCBE2;
}
.selectallboxes {
    font-size: 0.7rem;
}
.customer_tagsline .label-warning{
    font-size: .75rem;
    line-height: 1rem;
    padding-top: .125rem;
    padding-bottom: .125rem;
    border-radius: .25rem;
    padding-left: .5rem;
    padding-right: .5rem;
}
#salesperson .label.label-default{
    color: #FF645A;
    font-size: .75rem;
    line-height: 1rem;
    padding-top: .125rem;
    padding-bottom: .125rem;
    border-radius: .25rem;
    padding-left: .5rem;
    padding-right: .5rem;
    background: rgba(158,47,242,0.1) !important;
    white-space: nowrap;
}
.contact_list_add .extended_search_button.ab-button{
    padding-top: 16px;
}
.extended_search_button.ab-button{
    border: 0px;
    padding-top: 19px;
    box-shadow: none;
    padding-bottom: 0;
    background: transparent;
}
.customers_list__table_view .extended_search_button.ab-button,
.pipeline_view .extended_search_button.ab-button{
    padding-top: 16px;
}
.secon-row-nav li.select-view-icons.active #pipeline-view{
    fill:#0E1F5E;
}
.secon-row-nav li.select-view-icons.active{
    border: 0px;
    background: transparent;
    padding: 0;
    top:0;
}
.secon-row-nav li.select-view-icons a:hover,
.secon-row-nav li.select-view-icons a:focus{
    text-decoration: none;
}
.secon-row-nav li.select-view-icons a{
    padding: 0px;
    line-height: 0px;
    margin: 0;
    width: 20px;
    height: 20px;
}
.secon-row-nav li a{
    color: #23334e;
    font-size: 16px;
    font-weight: 500;
    padding: 10px;
    display: table;
}
.secon-row-nav li{
    float: left;
    margin-left: 10px;
}
.secon-row-nav li a:hover{
    text-decoration: none;
}

.secon-row-nav li.active{
    background: #fff;
    padding: 0px 5px;
    border-radius: 100px;
    border:1px solid #f0f0f0;
    position: relative;
    top: 1px;
}

.secon-row-nav{
    display: table;
    margin: 11px 0 15px;
    /* margin: 3px !important; */
    list-style: none;
    padding: 0;
}
.adminbuttons{
    display: table;
    width: 100%;
}
.ui-tooltip{
    padding: 2px 5px;
    font-size: 11px;
    border:0px;
}
.tooltip>.tooltip-arrow{
    border-bottom-color:rgba(15,15,15,0.8)!important;
    border-top-color:rgba(15,15,15,0.8)!important;
}
.tooltip>.tooltip-inner {
    background: rgba(15,15,15,0.8);
}
.navbar-nav > li:first-child > a{
    padding-left: 15px;
}
.active .main-menu-icon.fa.fa-microphone,
.active .main-menu-icon.fa.fa-gift{
    color: #fff;
}
.salesperson-info-assign-user > div{
    display: flex!important;
    align-items: center;
}
.selectize-input.form-control{
    overflow: auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.label.referral-label{
    display: inline-block;

}
.salesperson-info-assign-user > div > div{
    width: 60%;
}
.main-menu-icon.fa.fa-microphone{
    font-size: 18px;
    line-height: 17px;
    position: relative;
    top:-2px;
    margin-bottom: -2px;
}
.main-menu-icon.fa.fa-gift{
    font-size: 20px;
    color: #777EBB;
}
.at-cell-action_links a:hover svg g{
    fill:#0E1F5E;
}
.at-cell-action_links .action_links{
    display: flex;
    float: right;
    height: 23px;
}
.at-cell-action_links a:first-child{
    margin-left: 0;
}
.at-cell-action_links a{
    margin-left: 20px;
    display: none;
}
td.at-cell-action_links{
    min-width: 100px;
}
.sequence_info_box{
    display: inherit;
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1;
}
.sequence_contactsqty{
    background: #feedee;
    color: #fd4d5c;
}
.sequence_openers{
    background: #e7f3fc;
    color: #1b85e7;
}
.sequence_clickers{
    background: #eaf8ef;
    color: #2fbb66;
}
.sequence_unsubscr{
    background: #fff4e4;
    color: #fd980b;
}
.checkbox-container input {
    margin-top: 0   ;
}
.checkbox-container {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 14px;
    cursor: pointer;
    font-size: 1.375rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.hidesubmitbutton .adminform_savebutton {
    display: none;
}
.checkbox-container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 17px;
    width: 17px;
    border-radius: 4px;
    background-color: #fff;
    border:1px solid #CBCBE2;
}
.checkbox-container:hover input ~ .checkmark {
    background-color: #fff;
    border:1px solid #CBCBE2;
}
.third-row-wrap ul li a .main-menu-text{
    display: flex;
    align-items: center;
}
.checkbox-container input:checked ~ .checkmark {
    background-color: #0E1F5E;
    border:0px solid #CBCBE2;
}
.checkbox-container .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.checkbox-container input:checked ~ .checkmark:after {
    display: block;
}

.checkbox-container .checkmark:after {
    left: 5px;
    top: 2px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

tr:hover .at-cell-action_links a{
    display: inline;
}
.companiesmgmt .container-fluid div#block0body .breadcrumb {
    display: none;
    width: 100%;
}
.content .body-wrapper {
    padding-left: 25px;
    padding-right: 25px;
    border-bottom: 1px solid #f0f0f0;
    display: contents;
    width: 100%;
    max-width: 100%;
    margin-left: -30px;
    margin-right: -30px;
}
.container-fluid > div:not(:first-child) .blocktitlesection {
    width: 100%;
    margin-top: 15px;
}
.offersection .adminbuttons{
    width: inherit;
}
.at-cell-chk1 .checkbox-container{
    margin-left: 20px;
}
.customer-details-wrapper .profilesidebar{
    width: 100%;
}
.customer-details-wrapper{
    display: table;
    border-top: 1px solid #E2E2F6;
}
.customerimg {
    border-radius: 100px !important;
    /* height: 150px;
    width: 150px; */
    display: flex;
    align-items: center;
    border: 1px solid #E2E2F6;
    font-size: 2.625rem;
    background: #fff;
    color: #0E1F5E;
    font-weight: 300;
    margin-bottom: 10px;
}
.customerimg span {
    margin: auto;
    display: table;
}
.customer-edit-icon {
    display: table;
    position: relative;
}
.customer-edit-icon a {
    display: table;
}
.customer-edit-icon img {
    width: 20px;
}
.profilesidebar .list-group-item.customer-location div.referral-customer-url-side-info span{
    color: #777EBB;
    max-width: 100%;
}
.profilesidebar .list-group-item .referral-customer-url-side-info{
    display: table;
    width: 100%;
    text-align: left;
}
.profilesidebar .list-group-item.customer-location .referral-customer-url-side-info{
    display: flex;
}
.profilesidebar .list-group-item.customer-location{
    margin: 10px auto 5px;
    width: inherit;
    line-height: 22px;
}
.customer-location svg{
    float: left;
    margin-right: 5px;
}
.profilesidebar .customer-info-name{
    margin-bottom: 20px;
}
.salesperson-info .referral-customer-url-side-info span a{
    margin: auto;
    display: table;
    color: #0f0f0f;
    font-size: 15px;
}
.salesperson-info .referral-customer-url-side-info span{
    margin: auto;
    display: table;
    width: auto;
    text-align: center;
}
.salesperson-info .referral-customer-url-side-info{
    text-align: center;
    text-transform: none;
}

.progress {
    width: 100%;
    height: 20px;
    border-radius: 0;
}
.progress-wrap {
    background: green;
    margin: 20px 0;
    overflow: hidden;
    position: relative;
    border-radius: 100px;
}
.progress-bar {
    background: #ddd;
    left: 0;
    position: absolute;
    top: 0;
}
.employee-details-wrapper .customer-edit-icon {
    margin-top: 0;
    right: 0;
    top: 10px;
}
.pointsstoreitem .buynow-button span,
.pointsstoreitem .buynow-button a{
    text-decoration: none!important;
    padding: 10px 40px;
    background: #0E1F5E;
    color: #fff;
    border-radius: 10px;
}
.pointsstoreitem .buynow-button span{
    background: #f0f0f0;
    color: #ccc;
}
.pointsstoreitem .buynow-button{
    display: table;
    margin: 0 auto 20px;
}
.pointsstoreitem .campaign-info .price{
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 25px;
}
.pointsstoreitem .campaign-info .title{
    font-size: 20px;
    margin-bottom: 5px;
    font-weight: 600;
}
.pointsstoreitem .campaign-info{
    padding: 10px 20px;
    color: #333;
}
.pointsstoreitem .campaigndetail-wrap{
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    padding: 0;
}
.pointsstoreitem img{
    max-width: 100%;
}
.dashboard_home .memberstats td:first-child,
.dashboard_home .memberstats th:first-child{
    padding-left: 60px;
}
.dashboard_home .memberstats .blocktitlesection #block0title{
    margin-top: 30px;
}
.dash-nav-row ul li.active a{
    color: #0F0F0F;
    border-bottom: 2px solid #0E1F5E;
}
.dash-nav-row ul li a{
    color: #777EBB;
    padding: 5px 0;
}
.dash-nav-row ul li{
    padding: 10px;
}
.dash-nav-row ul{
    list-style: none;
    display: flex;
    float: right;
    margin: 0;
    padding: 0;
}
.dash-nav-row{
    display: table;
    width: 100%;
    padding: 0 40px;
    margin-top: -48px;
    position: relative;
    z-index: 99;
    margin-bottom: 10px;
}

.dashboard_home #block0title{
    margin-bottom: 0;
}
.dashboard_home .memberstats .campaignsstats .emailcampaigns .table-striped{
    margin-top: 0;
}
.dashboard_home .video_item{
    width: 31.8%;
}
.dashboard_home .memberstats .campaignsstats .secondblock{
    margin-top: 0;
}
.dashboard_home .panel-body{
    padding: 0;
}
.dashboard_home .memberstats .campaignsstats .stats > div{
    border: 0px;
    padding: 0;
}
.dash-no-items-notification{
    padding: 20px 20px 20px 60px;
    border-color: #eee;
    border-width: 1px 0 1px 0;
    border-style: solid;
    margin-top: 10px;
}
.dashboard_home .container-fluid > div:not(:first-child) .blocktitlesection{
    margin-top: 0;
}

/*=============Reminder and Notes ====================*/

.notes_section .rd-dash-conversation-timeline-customer{
    padding-left: 0;
    display: table;
    width: 100%;
    margin-left: 10px;
}
.notes_section .rd-dash-conversation-item-details span{
    color: #000;
}
.notes_section .rd-dash-conversation-item-details{
    padding-top: 2px;
    color: #000;
    font-weight: bold;
    float: right;
}
.notes_section .rd-dash-conversation-time{
    display: table;
    float: left;
    padding-top: 5px;
}
.rd-dash-note-message .rd-dash-conversation-customer{
    margin-right: 8px;
}
.rd-dash-note-message {
    position: relative;
}
.set-as-reminder-icon{
    position: relative;
}
.set-as-reminder-icon svg{
    display: inherit;
}
.update-reminder #remindericon #Shape{
    fill:#4D5BED;
}
.update-reminder{
    text-decoration: none!important;
}
.rd-dash-conversation-time .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    left: 0%;
}
.rd-dash-conversation-time.set-as-reminder-icon{
    display: inline-block;
    padding: 0;
}
.reminder-button-wrapper:hover .dropdown-content a:hover{
    color:#4D5BED;
}
.reminder-button-wrapper:hover .dropdown-content span{
    display: table;
}
.reminder-button-wrapper:hover .dropdown-content a{
    display: table;
    padding: 5px;
    text-decoration: none!important;
    color:#666;
}
.reminder-button-wrapper{
    display: inline-block;
    margin-left: 0px;
}
.reminder-button-wrapper:hover .dropdown-content {
    display: block;
    padding: 5px 10px;
    margin-right: 10px;
}
.note-edit-icon img{
    width: 18px;
}
.note-edit-icon a{
    display: table;
}
.note-edit-icon{
    display: inline-block;
    margin-top: 18px;
    position: relative;
    margin-right: 10px;
    top:0;
}
#admintablerow-schedule #schedule{
    margin-right: 10px;
}

.select-wrapper{
    width: 100%;
    display: none;
}
.nice-select.hrs-mns{
    max-width: 50%!important;
    float: left;
}
.hrs-mns-wrapper{
    display: flex;
    margin-right: 30px;
    clear: both;
    width: 100%;
}
.emails_choose .email_container label.send_message_label2{
    margin-top: 10px;
}
.emails_choose .email_container label.send_message_label{
    margin-bottom: 0px;
}
.emails_choose .email_container .hrs-mns-wrapper .nice-select{
    width: 150px;
    min-width: 33px;
    margin-left: 18px !important;
}
.no_second_nav .second-row-nav-wrapper{
    width:66%;
    float: right;
}
.send_message_tabs ul li:first-child a{
    border-radius: 5px 0px 0 5px!important;
    border-right-width: 0!important;
}

.send_message_tabs .nav-tabs > li.active > a:hover,
.send_message_tabs .nav-tabs > li.active > a{
    top:-1px;
    color: #0E1F5E;
    font-weight: normal;
    border-color: #CBCBE2;
}
.send_message_tabs .nav-tabs > li > a{
    color: #0F0F0F;
    border-color: #CBCBE2;
}
.send_message_tabs .nav-tabs > li > a,
.send_message_tabs .nav-tabs > li.active > a:hover,
.send_message_tabs .nav-tabs > li.active > a{
    padding: 20px!important;
}
.send_message_tabs ul li:last-child a{
    border-radius: 0px 5px 5px 0px!important;
}
.send_message_tabs ul li{
    width: 50%;
    margin: 0!important;
}
.send_message_tabs ul{
    display: flex;
    width: 100%;
}
.send_message_tabs{
    width: 100%;
    display: table;
    margin-top: 20px;
    margin-bottom: 10px;
}
.dragable-container .label-info.not-approved{
    background: red !important;
    color: #fff !important;
}
.customerform .bottom_buttons{
    margin-top: 0;
}
.customerform{
    max-width: 900px;
    margin: 0 auto 40px;
}

body.signwrapper .form-control,
body.sm-account-show .form-control{
    height: 45px;
}
body.signwrapper > .wrapper > section.content,
body.sm-account-show > .wrapper > section.content{
    background: transparent;
}
.account_expired .dash-nav-row{
    margin-top:0;
}
.memberstats .campaignsstats .row.globalstats .stats > div{
    font-size: 14px;
    color: #0F0F0F;
}
.memberstats .campaignsstats .row.globalstats .stats > div .percents{
    font-size: 14px;
    color: #777EBB;
    text-align: center;
    line-height: 20px;
}
.memberstats .campaignsstats .row.globalstats .stats > div span{
    font-size: 56px;
    color: #0F0F0F;
    font-weight: bold;
}
.memberstats .campaignsstats .row.globalstats .stats > div i{
    display: none;
}
.memberstats .campaignsstats .row.globalstats .stats > div{
    border-radius: 10px;
    background: #F5F6FF;
    border-width: 0;
    padding: 30px;
}
.content-dashboard__socialcontent th:first-child,
.content-dashboard__socialcontent td:first-child{
    padding-left: 35px;
}
.dashboard_content .table{
    margin-bottom: 10px;
}
.start_wizard__button{
    display: table;
    width: 100%;
}
.start_wizard__button .adminbuttons .ab-button{
    float: right;
}
.start_wizard__button .adminbuttons{
    display: table;
    margin-bottom: 0px;
}
.at-highlight-error .label-danger{
    margin-left: 5px;
}
.socialcontent_upper__tabs{
    margin-bottom: 20px;
}
.socialcontent_lib__wrapper{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.select_calendar__list li a{
    background: #0E1F5E;
    border-radius: 100px;
    padding: 10px 30px;
    color: #fff;
    margin-left: 20px;
    display: table;
}
.customer-social-media-profiles a{
    width: 30px;
    display: table;
    float: left;
}
.customer-social-media-profiles{
    padding: 10px 0;
    display: table;
    width: 100%;
}
.icon.fa{
    font-size: 20px;
    color: #0E1F5E;
}
.select_calendar__list li{
    padding-bottom: 10px;
    display: flex;
    align-items: center;
}
.select_calendar__list{
    list-style: none;
    margin: 0;
    padding: 0;
}
.customer-details-wrapper > div.col-md-9{
    display: table;
}
.secon-row-nav li.list-view a{
    padding: 3px 0px 0 5px;
}
.secon-row-nav li.calendar-view a{
    padding: 0;
}
.secon-row-nav li.table-view a{
    padding: 5px 5px 0;
}
.secon-row-nav li.list-view.active,
.secon-row-nav li.table-view.active,
.secon-row-nav li.calendar-view.active{
    background: transparent;
    border: 0;
    padding: 0;
    top:0;
}
.secon-row-nav li.list-view.active a,
.secon-row-nav li.table-view.active a,
.secon-row-nav li.calendar-view.active a{
    color: #0E1F5E;
}
.secon-row-nav li.list-view a,
.secon-row-nav li.calendar-view a,
.secon-row-nav li.table-view a{
    color: #8D8D8D;
}
.payment_processor_hint a{
    font-size: 12px;
    display: inline;
    padding: 0;
    float: none;
    margin: 0;
}
.payment_processor_hint{
    display: table;
    width: 100%;
    margin-top: 5px;
    font-size: 12px;
    font-style: italic;
}
.settingspage.addcustomer{
    max-width: 100%;
}
.selectize-input.focus{
    box-shadow: none;
    --tw-border-opacity: 1;
    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
    border-width: 2px;
}
.customers_list .block-content-outer{
    display: table;
    width: 100%;
}

.appointments_list.customers_list .customer-details-wrapper{
    padding: 0;
}

.form_wrapper{
    border-radius: .375rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
#block0body:not(:first-child) .block-header .blocktitlebuttons,
#block0body:not(:first-child) .block-header .breadcrumbs{
    /* display: none; */
}
.video-editor-window{
    position: relative;
    top:-88px;
    margin-bottom: -88px;
}
.dropdown-menu-top{
    bottom: 100%;
    top:inherit!important;
}
.close_editor_button{
    float: right;
    position: relative;
    top: -40px;
    right: -20px;
}
.text-center img{
    margin: auto;
}
.videolist-tags .label{
    display: inline;
}
.profilesidebar.videopage .label{
    display: inline;
}
.editorloader .remove-tag-button{
    margin-bottom: 5px;
}
.social_content_section .campaign-card-wrapper .contacts-stats > div{
    white-space: nowrap;
}
.offerblast .smsblastwrapper{
    display: flex;
    align-items: center;
}
.offerblast .col-md-7{
    width: 65%;
    float: left;
}
.table a{
    color: #2271e7;
}
.content-popup-editor {
    margin-top: 0px!important;
}
.content-popup-editor .form-group td{
    width: 100%;
}
.content-popup-editor .adminform-separator{
    color: #000;
    font-weight: 600;
    font-size: 16px;
    margin-top: 10px;
}
.content-popup-editor .adminform-filed-btm-txt{
    font-size: 12px;
    font-style: italic;
}
.content-popup-editor #admintablerow-email td:last-child,
.content-popup-editor #admintablerow-cellphone td:last-child,
.content-popup-editor #admintablerow-last_name td:last-child,
.content-popup-editor #admintablerow-first_name td:last-child,
.content-popup-editor #admintablerow-share_email td:last-child,
.content-popup-editor #admintablerow-share_text td:last-child,
.content-popup-editor #admintablerow-linkedin td:last-child,
.content-popup-editor #admintablerow-twitter td:last-child,
.content-popup-editor #admintablerow-facebook td:last-child{
    width: 30px;
}
.content-popup-editor #admintablerow-email td:first-child,
.content-popup-editor #admintablerow-cellphone td:first-child,
.content-popup-editor #admintablerow-last_name td:first-child,
.content-popup-editor #admintablerow-first_name td:first-child,
.content-popup-editor #admintablerow-share_email td:first-child,
.content-popup-editor #admintablerow-share_text td:first-child,
.content-popup-editor #admintablerow-linkedin td:first-child,
.content-popup-editor #admintablerow-twitter td:first-child,
.content-popup-editor #admintablerow-facebook td:first-child{
    order: 1;
    flex-grow: 1;
}
.content-popup-editor #admintablerow-email,
.content-popup-editor #admintablerow-cellphone,
.content-popup-editor #admintablerow-last_name,
.content-popup-editor #admintablerow-first_name,
.content-popup-editor #admintablerow-share_email,
.content-popup-editor #admintablerow-share_email,
.content-popup-editor #admintablerow-share_text,
.content-popup-editor #admintablerow-linkedin,
.content-popup-editor #admintablerow-twitter,
.content-popup-editor #admintablerow-facebook {
    flex-direction: row;
}
.content-popup-editor .form-group {
    display: flex;
    flex-direction: column;
}
.content-popup-editor .adminform_savebutton {
    text-align: right;
    padding-top: 15px;
}
.manage_form_templates .form-control{
    max-width: 100%;
}
.customer-details-section .aui-message{
    margin: 5px 30px;
    width: calc(100% - 60px);
}
.register_company{
    max-width: 800px;
    margin: auto;
}
.product_details > div{
    max-width: 1200px;
    margin: auto;
}
.register_business.signwrapper .block-header{
    max-width: 1100px;
    margin: auto;
}
.product_page.onecolumb-cart-page.signwrapper .block-header{
    max-width: 1250px;
    margin: auto;
}
.register_company .company_wizard > div{
    margin-bottom: 15px;
}
.register_company .form-control {
    height: 38px !important;
    max-width: 100%;
}
@media (min-width: 1200px) {.at-cell-actions .atdropdownitems
    .smsblastwrapper{
        display: flex;
        align-items: center;
    }
}

@media screen and (max-width: 50em) {
    .inputfile-6 + label strong {
        display: block;
    }
}


@media (max-width: 1440px) {
    .video_item{
        /* width: 47%; */
    }
    .user_role_row .label{
        white-space: unset;
        display: block;
    }
    .left-nav-sidebar{
        max-width: 200px;
    }
    .offers_list .tablewrapper .customer_section > div.col-md-4,
    .customers_list .tablewrapper .customer_section > div.col-md-4{
        max-width: 350px;
    }
    .offers_list .thirdrow{
        margin-left: 30px!important;
    }
    .social_content_section .campaign-card-wrapper .contacts-stats > div{
        white-space: unset;
    }

    .user_management_section.content_section_with_padding .body-wrapper{
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    .user_management_section table tr td{
        font-size: 13px;
    }
    .periodically_stats .wrapper svg{
        max-width: 180px;
        height: 100%;
    }
    .customer-details-tabs{
        display: grid;
    }
}
@media (max-width: 767px) {
    .memberstats .campaignsstats .row > div{
        margin-bottom: 20px;
    }
    .memberstats .campaignsstats .row{
        flex-direction: column;
    }
    .inputfile-1 + label{
        max-width: 210px;
    }
    .navbar > .container-fluid .navbar-brand img{
        max-width: 100%;
    }
    .addcustomer{
        padding: 40px 0;
    }
    .emails_choose .email_container{
        flex-direction: column;
    }
    .emails_choose .email_container .nice-select{
        margin: 0;
    }
    .emails_choose .email_row .numbers:after{
        height: 180px;
    }
    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{
        margin-left: 0px;
        margin-right: 0px;
    }
    .video_item{
        width: 100%;
    }
    body.nav-toggle .navigation{
        z-index: 9999;
    }
    .navbar{
        z-index: 99999;
    }
    .videouploading .col-md-6{
        width: 100%;
        padding: 10px 0;
    }
    .content{
        margin-left: 0px;
    }
    .breadcrumb {
        margin: -30px -15px 0 -15px;
    }
    footer{
        width: calc(100% - 30px);
    }
    .content .container-fluid{
        margin-bottom: 40px;
    }
    .col-md-6{
        width:50%;
    }
    .col-xs-12{
        width:100%;
    }
    .socialsharewrap{
        margin: 0px;
    }
    .socialsharewrap a{
        float: left;
        padding:5px 35px!important;
    }
}
@media (min-width: 1025px){
    .addcustomer_row{
        display: flex;
        align-items: center;
    }
    .customer-details-wrapper{
        margin-top: 10px;
        padding: 0 30px;
        width: calc(100% + 60px);
    }
    .profilesidebarright .table-responsive{
        margin-left: 0;
    }
    .table-responsive{
        display: table;
    }
    .customer-details-wrapper,
    .draggable-wrapper,
    .table-responsive {
        width: 100%;
    }

}

@media (max-width: 768px){
    .left-nav-toggle{
        display: table;
    }
    .boxwrapper{
        flex-direction: column;
    }
    .daylistats .box .wrapper .content-container .circle{
        height: 150px;
        width: 150px;
    }
    .daylistats .box .wrapper .content-container .circle .numbers{
        font-size: 2em;
    }
    .daylistats .box{
        margin-bottom: 20px;
    }
    .navbar > .container-fluid .navbar-brand{
        padding-top: 15px;
    }
    body > .wrapper > section.content{
        border-radius: 0;
    }
}
@media (min-width: 990px) and (max-width: 1350px) {
    .customer-details-wrapper > div.col-md-3{
        min-width: 280px;
    }
    .customer-details-wrapper > div.col-md-9{
        max-width: calc(100% - 280px);
    }
}
@media (min-width: 768px) and (max-width: 768px) {
    .col-md-6{
        width:50%;
    }
    .video_item{
        width:46%;
    }
    .navbar-default .navbar-form{
        margin-left: 20px;
    }
}


/* 2021-12-30 */

/* Pipeline CSS Start Here*/
i.pipeline-icons {
    color: #7a7a7a;
    padding-right: 10px;
}
.dropdown-item:hover {
    color: #1d1d1f!important;
    /* background-color: #f2f2f2!important; */
}

.header_received_border {
    border-top: 3px solid 2050F4!important;
}

i.pipeline-icons.contact-us {
    color: #2050F4;
    padding: 0;
    margin: 6px;
    font-size: 1.06rem;
}

a.dropdown-fa-icons {
    float: left!important;
}


.dropdown-menu.dropdown-menu-right {
    /* padding-bottom: 18px; */
    border-radius: 10px;
}


.customers.dragable-header .wrapper .headerstep {
    padding: 0px!important;
}
.dragable-container .wrapper > div {
    padding: 0px!important;
}
.pipeline_view .draggable-wrapper {
    padding: 20px;
}

div#header_received {
    border-top: 4px solid #2050F4 !important;
}

div#header_contact {
    border-top: 4px solid #F49220 !important;
}

div#header_appointment {
    border-top: 4px solid #9300FF !important;
}

div#header_sold {
    border-top: 4px solid #00D57B !important;
}
div#header_lost{
    border-top: 4px solid #F42020 !important;
}

/* width */
.pipeline_view .dragable-header::-webkit-scrollbar {
    width: 12px!important;
  }

  /* Handle */
  .pipeline_view ::-webkit-scrollbar-thumb {
    background: #c1c1c1;
  }

  /* Handle on hover */
  .pipeline_view ::-webkit-scrollbar-thumb:hover {
    background: #c1c1c1;
  }

/* Note CSS */
.note {
    background-color: #ffffea;
    padding: 15px;
    color: #1d1d1f;
    font-size: 0.81rem !important;
}

label.note-title {
    color: #D5AF4A!important;
    font-size: 0.81rem !important;
}

.block-content-outer {
    border: 0px solid #ecedee!important;
}

span.total_count_head {
    width: 16%!important;
    border-radius: 25px!important;
    /* border: 1px solid #e1e3e8!important; */
    /* padding: 6px!important; */
    text-align: center!important;
    font-weight: 700!important;
    color: #1d1d1f!important;
}

.pipeline_view .dragable-header .wrapper .headerstep .edit-button {
    background: transparent!important;
    border-radius: 10px;
}

span.total-value.total_count_head {
    color: #02916A!important;
    background: #C9E6DE!important;
    border: unset!important;
}

i.fa.fa-columns {
    font-size: 18px;
    padding: 3px;
    color: #8d8d8d;
}

.pipeline_view .spacious-container {
    /* max-height: calc(100em - 300px)!important; */
}

.min-w-0.flex-1.col-md-12.rd-dash-notes-answer {
    padding:10px!important;
}

.pipeline_view .dragable-container .wrapper > div > div {
    background: #EAF0F9;
    border-style: solid;
    border-color: #E2E2F6;
    border-width: 0px 1px 0px 1px;
    display: table;
    width: 100%;
    height: 100vh;
}

.body-wrapper {
    padding-bottom: 0px;
}
.pipeline_view .draggable-wrapper {
    padding: 20px 30px 0px !important;
    font-family: 'Inter', sans-serif;
}

/* 04-01-2022 Pipeline View*/
.customer_status_class {
    color: #1d1d1f;
    font-size: 1.375rem;
}
.pipeline_view .customers.dragable-header .wrapper .headerstep {
    background: #f3f4f6;
    border-style: solid !important;
    border-color: #c7ccd1 !important;
    border-width: 1px 1px 0px 1px !important;
    padding: 15px 10px 5px !important;
    /* height: 100%; */
}
.headerstep .headerstep_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.headerstep .headerstep_stats {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pipeline_view .dragable-header .wrapper .headerstep .total-value.edit-button {
    padding: 0 !important;
}
.pipeline_view .dragable-header .wrapper .headerstep .total-count {
    width: 45px !important;
    padding: 3px !important;
    font-size: 0.813rem !important;
}
span.total-value.total_count_head {
    width: auto !important;
}
.pipeline_view .dragable-header .wrapper .headerstep .total-value {
    padding: 5px 15px !important;
    font-size: 0.75rem !important;
}

.pipeline_view .leadcontainer > div {
    padding: 7px 20px 7px;
    margin: 10px 10px 15px;
}

.leadcontainer .cellphone {
    /* padding-bottom: 5px; */
    font-size: 0.875rem !important;
    color: #1d1d1f !important;
    font-weight: 500;
}
.leadcontainer .name a {
    font-weight: 600 !important;
    color: #1d1d1f !important;
}
.pipeline_view .leadcontainer > div {
    box-shadow: 0px 5px 10px rgb(220 220 220 / 80%) !important;
}
.gu-mirror .label-info, .dragable-container .label-info {
    font-weight: 600 !important;
    font-size: 0.75rem !important;
}
.gu-mirror .label-warning, .dragable-container .label-warning, .gu-mirror .label-default, .dragable-container .label-default {
    font-weight: 600 !important;
    font-size: 0.75rem !important;
}
.leadcontainer .value {
    padding: 5px 0;
    font-size: 0.875rem !important;
    color: #1d1d1f !important;
}
.label-info:hover, .label-info {
    color: #a440f2!important;
}
.leadcontainer .dropdown-menu {
    padding: 10px;
    width: 225px !important;
    top: 52%;
    right: 28%;
}
.leadcontainer .dropdown-menu.dropdown-calendar {
    padding: 10px;
    min-width: 100%;
    top: 95%;
}
.leadcontainer .dropdown-menu .dropdown-item {
    padding: 10px;
}
.customer-edit-icon .dropdown-item:hover {
    color: #2050F4 !important;
}
.leadcontainer a.dropdown-fa-icons:hover .contact-us {
    color: #2050F4;
}
.leadcontainer a.dropdown-fa-icons {
    width: 35px;
    height: 35px;
    border: 1px solid #e1e3e8;
    border-radius: 50%;
    margin: unset !important;
    margin-right: 10px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}
.leadcontainer .dropdown-icons {
    display: flex;
    margin-top: 5px;
    padding: 0 1.5rem;
}

.leadcontainer a.dropdown-fa-icons:hover {
    background: #f0f0f3;
}

/* Pipeline CSS End Here*/

/* 05 Jan 2022 */
textarea#dashboard-note-text {
    color: #000000;
}

.add-a-notes.modal-content {
    -webkit-box-shadow: 0 5px 30px rgb(0 0 0 / 10%)!important;;
    box-shadow: 0 10px 30px rgb(0 0 0 / 15%)!important;
}


/* Dashboard CSS 04-01-2022 */

.dashboard_header {
    display: grid;
    grid-template-columns: 15% auto 150px;
    align-items: center;
    grid-gap: 1em;
}

h2.dashboard_title {
    color: #1d1d1f;
    font-weight: 700;
    font-size: 1.25rem;
    font-family: 'Inter', sans-serif;
    letter-spacing: -0.025em;
}
.unread_stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2em;
    font-family: 'Inter', sans-serif;
}
.unread_stats a {
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 1em;
    padding: 1.5em 10px;
    /* box-shadow: 0 4px 6px rgb(181 181 181 / 50%); */
    box-shadow: none;
}
.bubble-number {
    border-radius: 50%;
    font-size: 12px;
    font-weight: 500;
    width: 23px;
    height: 23px;
    padding: 5px;
    background: #FF000E;
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.unread_stats h4 {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    color: #1d1d1f;
    letter-spacing: -0.025em;
}

.unread_stats i {
    border: 1px solid #e1e3e8;
    border-radius: 20px;
    width: 45px;
    /* height: 20px; */
    text-align: center;
    padding: 5px 0;
    font-size: 13px;
    transition: all 0.3s;
    color: #7a7a7a;
}

.unread_stats a:hover i {
    color: #2050F4;
    border: 1px solid #2050F4;
}
.help-text {
    text-align: right;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    color: #222;
}
.help-text i {
    margin-left: 10px;
    border: 2px solid #2050F4;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
}
.help-text a {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

/* 05-01-2022 */
.mini-view-section {
    display: grid;
    grid-template-columns: 1fr 1fr 150px;
    grid-gap: 1em;
}
ul.msg-time {
    font-family: 'Inter', sans-serif;
}
.msg-time li {
    border-bottom: 2px solid transparent;
    padding: 0 0.7em;
    color: #8B8F93;
    position: relative;
    /* transition: all 0.2s; */
}

.msg-time li a:hover,
.msg-time li.active a {
    color: #1d1d1f;
}
.msg-time li a:hover::after,
.msg-time li.active a::after {
    content: '';
    width: 100%;
    height: 2px;
    background-color: #2050F4;
    position: absolute;
    left: 0;
    bottom: -5px;
}
.mini-box {
    background-color: #fff;
    border-radius: 10px;
    /* box-shadow: 0 4px 6px rgb(181 181 181 / 50%); */
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    min-height: 300px;
}
.centz-blue {
    color: #2050F4 !important;
}
.title-icon {
    display: flex !important;
    font-size: 0.8rem;
}
.mini-stats {
    font-family: 'Roboto', sans-serif;
}
.mini-box > a > div {
    display: grid;
    grid-template-columns: 1fr 3fr 50px;
    align-items: center;
    grid-gap: 1em;
}

.mini-box > a:hover i.custom-arrow {
    color: #2050F4;
    border: 2px solid #2050F4;
}

.mini-stats h3 {
    font-size: 11px;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
    line-height: 0.8;
    color: #7a7a7a;
}
.mini-stats h3:nth-child(2) span {
    color: #1D1D1F;
}
.mini-stats h3:last-child span {
    color: #F42020;
}

i.custom-arrow {
    border: 1px solid #e7eaf0;
    border-radius: 20px;
    width: 45px;
    /* height: 25px; */
    text-align: center;
    padding: 5px 0;
    font-size: 13px;
    transition: all 0.3s;
    color: #7a7a7a;
}
.mini-pipeline a.pipeline-link {
    font-family: 'Inter', sans-serif;
    font-size: 0.8rem;
    transition: all 0.2s;
    color: #7a7a7a;
    letter-spacing: -0.025em;
}
.mini-pipeline a.pipeline-link:hover {
    color: #2050F4 !important;
}
i.status-circle {
    font-size: 0.5rem;
}
.mini-pipeline-stats > div {
    display: grid;
    grid-template-columns: 30% auto auto 1fr;
    grid-gap: 1em;
    align-items: center;
}

.mini-count {
    min-width: 2.5rem;
    font-size: 0.81rem;
}
.mini-amount {
    font-size: 0.81rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}
.mini-amount.amount-green {
    background-color: #EDFFF9;
    color: #00966D;
}
.mini-amount.amount-red {
    background-color: #FFEDED;
    color: #CE0D0D;
}

@media (max-width: 1200px) {
    .dashboard_header {
        grid-template-columns: 1fr 1fr;
    }
    .dashboard_header h2.dashboard_title {
        grid-row: 1 / 2;
        grid-column: 1 / 2;
    }
    .unread_stats {
        grid-row: 2 / 3;
        grid-column: 1 / 3;
    }
    .help-text {
        grid-row: auto;
        grid-column: 2 / 3;
    }

}
@media (max-width: 1199px) {
    .mini-msg-title {
        flex-direction: column;
        align-items: flex-start !important;
    }
    .mini-msg-title h2.dashboard_title {
        margin-bottom: 0px;
    }
}
@media (max-width: 1024px) {
    .mini-view-section {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 600px) {
    .unread_stats {
        grid-template-columns: 1fr;
    }
    .mini-stats {
        grid-column: 1 / 4;
        justify-content: space-around !important;
    }
    i.custom-arrow {
        grid-row: 1 / 2;
        grid-column: 3 / 4;
    }
    .mini-pipeline-stats > div {
        grid-template-columns: 50% auto auto 1fr;
    }
}

a.pull-right.helpsection {
    font-size: 15px!important;
}
.top-bar-icons {
    position: relative;
}
.top-bar-icons .bubble-number {
    position: absolute;
    top: -6px;
    right: -9px;
    width: 20px;
    height: 20px;
    font-size: 9px;
    border: 3px solid #fff;
    padding: 8px;
    font-family: 'Neue Helvetica BQ', sans-serif;
}

/* 07 Jan 2022 */

.customers_list nav.flex-1.min-h-0.overflow-y-auto.bg-white {
    overflow-y: scroll;
    min-height: cal(100vh 300px);
    max-height: calc(100em - 300px)!important;
}


@media only screen and (max-width: 600px) {
    .pagewizards-help-buttons .blocktitlebuttons {
        margin-right: -25px;
    }

    .block-header {
        margin-right: -30px;
    }
  }



/* 07-01 Dashboard Feedback */
.campaignsstats .dashboard-section-headline {
    color: #1d1d1f;
    font-weight: 600;
    font-size: 20px;
    font-family: 'Inter', sans-serif;
    margin: 30px 0;
    letter-spacing: -0.025em;
}
.campaignsstats .dashboard-section-headline a {
    color: #7a7a7a;
    font-family: 'Inter', sans-serif;
    font-size: 0.8rem;
    transition: all 0.2s;
}
.campaignsstats .dashboard-section-headline a:hover {
    color: #222 !important;
}
.mini-msg-title ul a:hover{
    color: #222 !important;
}
.campaign-grid-container {
    padding: 0 !important;
    font-family: 'Inter', sans-serif;
}
.campaignsstats .campaign-card-wrapper {
    padding: 0;
}
.campaign-card-wrapper {
    box-shadow: none !important;
}
.campaign-card-top {
  background: #F9FAFB;
  border-radius: 0.625rem 0.625rem 0 0;
  padding: 0.938rem 1.563rem;
  display: grid;
  /* grid-template-columns: auto 2fr; */
  grid-template-columns: 16% 60% 12%;
  grid-gap: 1.5em;
  align-items: center;
}
.campaignsstats .campaign-card-wrapper .status {
    margin-bottom: 0 !important;
}
.campaignsstats .campaign-card-wrapper .date {
    color: #7a7a7a;
    font-size: 12px;
}
.campaign-content {
    padding: 5px 25px;
}
.dashboard_home .bg-gray-100{
    background: #F0F0F3 !important;
}
.campaign-content .title {
    margin: 5px 0 0 !important;
}
/* .campaign-content .title a {
    color: #1d1d1f;
    letter-spacing: 0.5px;
} */
.campaign-content .title a {
    color: #1d1d1f;
    font-weight: 600;
    font-size: 20px;
    font-family: 'Inter', sans-serif;
    letter-spacing: -0.025em;
}
.campaign-card-wrapper .messages-stats {
    color: #1d1d1f !important;
    font-weight: 600;
}
.campaign-card-wrapper .messages-desc {
    color: #7a7a7a;
    font-size: 13px;
    /* letter-spacing: 0.3px; */
    margin: 8px 0 12px;
    line-height: 1.3;
    max-width: 25ch;
}
.campaign-card-wrapper .status span {
    letter-spacing: 0.1px;
    font-weight: 500 !important;
}
.contacts-stats > div {
    color: #7a7a7a;
    font-size: 12px;
    /* text-align: center; */
}
.contacts-stats span {
    line-height: 1;
    font-size: 1.125rem;
}
.stats-orange {
    color: #F49220;
}
.stats-green {
    color: #22D0A0;
}
.stats-red {
    color: #FF3E3E;
}
.new-campaign-wrapper {
    border: 1px dashed #9CA3AF;
    height: auto;
    width: auto;
    border-radius: 10px;
    font-family: 'Inter', sans-serif;
    cursor: pointer;
}

.new-campaign-wrapper .plus-sign {
    font-size: 60px;
    color: #2050F4;
    line-height: 60px;
}
.new-campaign-wrapper h3 {
    color: #1D1D1F;
    font-size: 22px;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    letter-spacing: -0.025em;
}

.dashboard_home .campaign-nothing-found, .dashboard_home .campaign-grid-container {
    padding: 0px!important;
    margin-bottom: 30px;
    grid-template-columns: 1fr 1fr 1fr 150px;
    gap: 29px 1em;
}

.campaign-nothing-found .new-campaign-wrapper{
    height: 250px;
}


/* 10-01 */
.customers_list__table_view .third-row-wrap {
    min-width: 23.3%;
}

.customers_list__table_view .spacious-container {
    overflow-y: hidden;
    overflow-x: auto;
}

input:checked ~ .dot {
    transform: translateX(100%);
    background-color: #FF000E;
}
.toggle-outer {
    background: #d4d4d4;
}

input:checked ~ .toggle-outer {
    background: #FFCCCC;
}
.customers_list__table_view .blocktitlesection {
    flex-grow: 0;
    flex-basis: 30%;
}
.customers_list__table_view .third-row-wrap {
    width: auto;
    min-width: auto;
}

.toggle-title {
    color: #1D1D1F;
    font-family: 'inter';
}
.customers_list__table_view .filters-section {
    float: none;
}
.alphabet_chars_wrapper .other_filters div.adminform_savebutton input {
    width: 100%;
    height: 38px;
}
.alphabet_chars_wrapper .other_filters div {
    min-width: 19% !important;
    font-weight: 500;
    color: #1d1d1f;
}
.alphabet_chars_wrapper .other_filters div.adminform_savebutton {
    min-width: 160px !important;
}


.alphabet_chars a {
    transition: all 0.3s;
}
.alphabet_chars a:hover {
    background-color: #2050F4;
    border-radius: 50%;
}

.customers_list__table_view .at-cell-contact a {
    color: #2050F4;
    opacity: 0.7 !important;
}
.customers_list__table_view .at-cell-contact a:hover {
    opacity: 1 !important;
}

.customers_list__table_view .extended_search_button.salesperson.ab-button {
    padding-top: 9px !important;
    transition: all 0.3s;
}
.salesperson.extended_search_button.ab-button:focus, .salesperson.extended_search_button.ab-button:hover {
    border-color: #2050F4;
    background-color: #2050F4;
}
.customers_list__table_view .adminbuttons {
    display: flex;
    justify-content: flex-end;
    width: 98%;
}
.customers_list__table_view .adminbuttons button {
    float: none;
}
.refresh-btn {
    cursor: pointer;
}

.customer-table tbody tr {
    transition: all .4s;
}

.alphabet_chars_wrapper .other_filters div .title {
    text-transform: uppercase;
    color: #b5bbd0 !important;
    letter-spacing: 0.5px;
    font-size: 0.69rem;
    font-weight: 600;
    margin-bottom: 5px;
}
.customers_list__table_view .secon-row-nav {
    margin: 11px 0 10px;
}

@media (max-width: 1024px) {
    .customers_list__table_view .third-row-wrap {
        width: 100% !important;
    }
    .customers_list__table_view .third-row-wrap > div {
        margin: 0 !important;
    }
    .customers_list__table_view .second-row-nav-wrapper {
        width: 100% !important;
        justify-content: flex-end;
    }
}


/* 11-01-2022 */
.customer-edit-icon .dropdown-item:hover i.pipeline-icons {
    color: #2050F4;
}
.note{
    position: relative;
}
.note span {
    color: #414141 !important;
    font-weight: 500 !important;
    word-break: break-word;
}

.note a.edit-note-link {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 0.9rem;
    /* position: relative;
    /* right: 10px; */
    /* top: 10px; */
    /* float: right;
    top: -25px; */
}
.unread-dot {
    position: absolute;
    top: 9px;
    left: 10px;
    width: 15px;
}
.leadcontainer .name {
    margin-top: 6px;
}
.pipeline_view .leadcontainer > div.active {
    border: 2px solid #8d94a4;
}
.customer-edit-icon > a {
    transition: all 0.3s;
    padding: 6px;
}

.customer-edit-icon > a#dropdownMenu2:hover {
    background: #f2f2f2 !important;
    border-radius: 50%;
}

.note-footer-icons > a {
    padding: 8px;
    transition: all 0.3s;
}
.note-footer-icons > a:hover {
    background: #f2f2f2 !important;
    border-radius: 50%;
}
.note-footer-icons a i {
    color: #c6c6c5;
    font-size: 1.2rem;
}

.note-footer-icons > a:hover i {
    color: #2050F4;
}

i.custom-arrow {
    border: 2px solid #eaeaea;
    border-radius: 20px;
    width: 45px;
    height: 25px;
    text-align: center;
    padding: 3px 0;
    font-size: 13px;
    transition: all 0.3s;
    color: #7a7a7a;
}

.note-footer a:hover i.custom-arrow {
    color: #2050F4;
    border: 2px solid #2050F4;
}

.note-footer .tooltip > .tooltip-inner  {
    background-color:#2050F4;
    font-size: 0.875rem;
    border-radius: 20px;
    padding: 10px;
    width: 80px;
}

.note-footer .tooltip-arrow {
    display: none !important;
}

.bubble-number {
    border-radius: 50%;
    font-size: 0.75rem;
    font-weight: 500;
    width: 23px;
    height: 23px;
    padding: 5px;
    background: #FF000E;
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.top-bar-icons {
    position: relative;
}
.top-bar-icons .bubble-number {
    position: absolute;
    top: -6px;
    right: -9px;
    width: 20px;
    height: 20px;
    font-size: 9px;
    border: 3px solid #fff;
    padding: 8px;
    font-family: 'Inter', sans-serif;
}

@media (max-width: 1100px) {
    .contacts-stats {
        display: grid!important;
        grid-template-columns: 1fr 1fr;
        grid-gap: 1em;
    }
    .campaign-card-wrapper .contacts-stats > div {
      width: auto!important;
    }
  }

  @media (max-width: 600px) {

      .dashboard_home .campaign-nothing-found, .dashboard_home .campaign-grid-container {
        grid-template-columns: 1fr;
      }
      .new-campaign-wrapper {
        min-height: 250px;
      }
  }


/* 10-01 */
/***    left menu ****/
/***********************  TOP Bar ********************/


.main-nav-menu-item.active {
    background: #2050F4 !important;
    color: #fff;
    /* width: 75%; */
}

.sidebar {
    width: 220px;
    background-color: #000;
    transition: all 0.3s ease-in-out;
}

.bg-defoult {
    background-color: #222;
}

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

.sidebar li a,
.sidebar li a.collapsed.active {
    display: block;
    padding: 8px 12px;
    color: #fff;
    border-left: 0px solid #dedede;
    text-decoration: none
}

.sidebar li a.active {
    background-color: #000;
    border-left: 5px solid #dedede;
    transition: all 0.5s ease;
}

.sidebar li a:hover {
    background-color: #000 !important;
}

.sidebar li a i {
    padding-right: 5px;
}

.sidebar ul li .sub-menu li a {
    position: relative
}

.sidebar ul li .sub-menu li a:before {
    font-family: FontAwesome;
    content: "\f105";
    display: inline-block;
    padding-left: 0px;
    padding-right: 10px;
    vertical-align: middle;
}

.sidebar ul li .sub-menu li a:hover:after {
    content: "";
    position: absolute;
    left: -5px;
    top: 0;
    width: 5px;
    background-color: #111;
    height: 100%;
}

.sidebar.fliph .menu-title {
    display: none;
    transition: all 0.5s ease;
}

.sidebar ul li .sub-menu li a:hover {
    background-color: #222;
    padding-left: 20px;
    transition: all 0.5s ease-in-out
}

.sub-menu {
    border-left: 5px solid #dedede;
}

/* .sidebar li a .nav-label,
.sidebar li a .nav-label+span {
    transition: all 0.5s ease-in-out
}


.sidebar.fliph li a .nav-label,
.sidebar.fliph li a .nav-label+span {
    display: none;
    transition: all 0.5s ease-in-out
} */

.sidebar.fliph {
    width: 80px;
    transition: all 0.5s ease;
}


.sidebar.fliph li {
    position: relative
}

.sidebar.fliph .sub-menu {
    position: absolute;
    left: 39px;
    top: 0;
    background-color: #222;
    width: 150px;
    z-index: 100;
}

 .desktop-logo {
    display: block;
}
.collapse-logo {
    display: none;
}
.sidebar.fliph .main-nav-menu-item {
    transform:translateX(4px);
    transition: all 0.3s;
    width: 50px;
}
.sidebar.fliph .main-nav-menu-item.active {
    width: 40px;
}
.sidebar.fliph .main-nav-menu-item:hover,
.sidebar.fliph .main-nav-menu-item.active:hover {
    width: 40px;
}
.sidebar.fliph .main-nav-menu-item:hover, .sidebar.fliph .main-nav-menu-item:focus, .sidebar.fliph .main-nav-menu-item:active {

    width: 60%;
}
.sidebar.fliph nav .main-nav-menu-item a > i {
    width: 1em;
}

.mini-sidebar-arrow {
    background-color: #011256;
    height: 100%;
    border-radius: 5px;
    position: relative;
    left: 0;
}
.sidebar.fliph .mini-sidebar-arrow {
    z-index: 999;
    left: 14%;
    transition: all 0.3s;
    /* position: absolute; */
}
.main-nav-menu-item:hover i,
.main-nav-menu-item.active i {
    color: #fff;
}

.msg-badge {
    border-radius: 20px;
    height: 20px;
    width: auto;
    min-width: 30px;
    display: inline-flex;
    transition: all 0.3s;
    font-family: 'Neue Helvetica BQ', sans-serif;
    transition: all 0.3s;
}

.sidebar.fliph .msg-badge {
    display: none;
}

.mini-msg-badge {
    display: none;
    transition: all 0.3s;
    border-radius: 20px;
    height: 18px;
    width: auto;
    min-width: 30px;
    font-family: 'Neue Helvetica BQ', sans-serif;
    top: -0.6em;
    left: 0.6em;
    font-size: 11px;
    transition: all 0.3s;
}
.sidebar.fliph .mini-msg-badge {
    display: flex;
}

.profile-menu {
    font-family: 'Neue Helvetica BQ', sans-serif;
    background: #142B75;
    border-radius: 10px;
}

.user-abbr {
    background-color: #2050F4;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
}
.profile-menu h3,
.profile-menu h5 {
    font-family: 'Neue Helvetica BQ', sans-serif;
}
.profile-menu h5 {
    color: #5B72BC;
}
.sidebar.fliph .profile-menu {
    /*transform: translateX(2px);
    transition: all 0.3s;
    padding: 8px !important;
    margin-left: 1rem !important;
    margin-right: 1rem !important; */
}


.sidebar.fliph .user-name {
    display: none;
    transition: opacity 0.3s;
}

.pipeline_div {
    border: 1px solid #fff !important;
    transition: all 0.6s ease-in-out!important;
}
.pipeline_div:hover {
    border: 1px solid #707070 !important;
    transition: all 0.6s ease-in-out!important;
}

.headerstep_title {
    font-family: 'Inter', sans-serif;
    font-weight: 500!important;
}
.customer_status_class:before {
    width: 6px !important;
    height: 6px !important;
    background: #1d1d1f;
}

.notes-content > span {
    word-break: break-word;
}

.fc-event-title {
    white-space: normal!important;
    text-overflow: ellipsis!important;
    max-height:20px!important;
 }
 .fc-event-title:hover {
    max-height:none!important;
 }

 /* 27-01 */

 @font-face {
     font-family: Helvetica;
     src: url('./fonts/Helvetica-Regular.ttf');
 }
 @font-face {
     font-family: 'HelveticaBold';
     src: url('./fonts/HelveticaNeueBold.otf');
 }

 .notes-column {
    grid-template-columns: 1fr;
    max-width: 760px;
}
 .notes-time, .notes-author {
     color: #7a7a7a;
 }
 .notes-time i {
     color: #c6c6c6;
 }
 .notes-content {
     border-color: #ffe44e;
 }

 .green-bg {
     background-color: #d3ffec;
 }
 .green-txt {
     color: #00af7f;
 }
 .clear-reminder:hover {
     color: #00af7f;
 }
 .helvetica {
     font-family: 'Helvetica';
 }
 .helvetica-bold {
     font-family: 'HelveticaBold';
 }
 .helvetica-neue {
     font-family: 'Neue Helvetica BQ', sans-serif;
 }
 .notes-content-click {
     border: 1px solid #8B8F93;
     border-left-width: 1px !important;
     border-radius: 5px;
 }

 .update-notes-btn {
     display: none !important;
 }

 .notes-content-click .update-notes-btn {
     display: flex !important;
 }

 .notesdropdown-wrapper .dropdown-menu {
     min-width: 250px;
 }
 .notesdropdown-wrapper .dropdown-item {
     color: #7a7a7a;
 }
 svg.show-all-dot .cls-1,
 svg.show-all-dot .cls-2 {
     fill: #1d1d1f !important;
 }

 @media (min-width: 768px) {
     #edit_modal .modal-dialog {
         width: 550px;
     }
 }


 /* 28-01 Overview */

:root {
    --helveticaBold: 'HelveticaBold', sans-serif;
    --helveticaNeue: 'Neue Helvetica BQ', sans-serif;
    --helvetica: 'Helvetica', sans-serif;
    --darkColor: #1d1d1f;
  }

@font-face {
    font-family: Helvetica;
    src: url('./fonts/Helvetica-Regular.ttf');
}
@font-face {
    font-family: 'HelveticaBold';
    src: url('./fonts/HelveticaNeueBold.otf');
}

.main-overview-wrapper {
    background: #f3f4f6;
}

.color-header {
    grid-template-columns: 90% 10%;
}
.overview-options {
    grid-template-columns: 90% 10%;
}
.color-header .help-text i {
    margin-left: auto;
}
.status-color {
    background-color: #931eff;
    font-family: var(--helveticaNeue);
}
.status-color h3 {
    font-family: var(--helveticaNeue);
}
.darkColor {
    color: #1d1d1f;
}
.initial-circle {
    background-color: #e7eaf0;
    border: 7px solid #fff;
}

.helvetica {
    font-family: 'Helvetica';
}
.helvetica-bold {
    font-family: 'HelveticaBold';
}
.helvetica-neue {
    font-family: 'Neue Helvetica BQ', sans-serif;
}
.tags-btn {
    background-color: #f0f0f3;
    color: #807f7f;
}
.value-btn {
    background-color: #cef2e1;
    color: #089b73;
}
.value-btn:hover {
    color: #089b73;
}

.customer_details_statuses_section ol li {
    background-color: #f0f0f3;
    margin-left: 5px;
}
.customer_details_statuses_section ol li a {
    padding: 10px 5px 10px 40px !important;
}

.customer_details_statuses_section ol li a:before {
    top: 0;
    left: 0px;
    z-index: 9;
    position: absolute;
    content: "";
    display: table;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 23px 0 22px 22px;
    border-color: transparent transparent transparent #fff;
}

.customer_details_statuses_section ol li a:after {
    top: 0;
    right: -20px;
    z-index: 10;
    position: absolute;
    content: "";
    display: table;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 23px 0 22px 22px;
    border-color: transparent transparent transparent #f0f0f3;
}
.customer_details_statuses_section ol li:not(:first-child).selected a:before {
    border-width: 23px 0 22px 22px !important;
}
.customer_details_statuses_section ol li:not(:first-child).selected a:after {
    right: -20px !important;
    z-index: 10 !important;
    border-width: 23px 0 22px 22px !important;
    /* border-color: transparent transparent transparent #931eff !important; */
    border-color: transparent transparent transparent #931eff;
}
.customer_details_statuses_section ol li.selected {
    /* background: #931eff !important; */
    background: #931eff;
}
.header-dropdown .dropdown-menu > a {
/* color: #585C60;
margin-bottom: 0.5rem; */
margin-inline: 10px;
width: 90%;
/* padding: 6px 2rem; */
font-family: 'Inter', sans-serif;
border-bottom: 1px solid #f2f2f2;
/* font-weight: 500; */

}

.header-dropdown .dropdown-menu .red-dropdown {
    border: 2px solid #fd5050;
    color: #fd5050;
    width: auto;
    margin-bottom: 10px;
}
.header-dropdown .dropdown-menu .red-dropdown:hover {
    color: #fd5050 !important;
    background: transparent !important;
}
.header-dropdown .dropdown-menu {
    min-width: 350px;
    z-index: 995;
}
.phone-call-item span {
    background-color: #22d0a0;
}
.phone-call-item {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}

@media (min-width: 600px) {
    #color-key-popup .modal-dialog {
        width: 600px !important;
    }
}

.color-status {
    display: grid;
    grid-template-columns: 1fr 2fr;
}
.customer-tabs a {
    font-family: 'Neue Helvetica BQ', sans-serif;
    letter-spacing: 0.3px;
}
.customer_details_statuses_section ol li:not(:last-child).selected a:after {
    top: 0;
    right: -22px !important;
    z-index: 10 !important;
    position: absolute;
    content: "";
    display: table;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 23px 0 22px 22px !important;
    /* border-color: transparent transparent transparent #931eff !important; */
    border-color: transparent transparent transparent #931eff;
}

/* 29-01 start customer profile css */
.overview-first-col {
    /* grid-template-columns: 1fr 2fr; */
}
.single-comm {
    display: grid;
    grid-template-columns: 65% 10% auto;
    grid-gap: 1rem;
    border: 1px solid transparent;
    transition: all 0.3s ease-in-out;
    margin-top: 1rem;
}

.single-comm i.fa-angle-right {
    transition: all 0.3 ease-in-out;
}

.single-comm:hover i.fa-angle-right {
    color: #2050F4;
}
.single-comm:hover {
    /* border: 1px solid #1d1d1f; */
    /* border-radius: 6px; */
    background: #2050F4;;
}

.nice-select.form-control.overview-dropdown {
    height: 44px;
    display: flex !important;
    align-items: center;
    /* border: 0; */
}
.overview-notes .notes-box {
    background-color: #feffe0;
}
.overview-notes .notes-box h3 {
    color: #c4bd14;
}
.blank-note > div {
    min-height: 182px;
    cursor: pointer;
}

@media (max-width: 768px) {
    .overview-first-col {
        grid-template-columns: 1fr;
    }
}
/* 29-01 end customer profile css */

.main-nav-menu-item {
    transition: all 0.3s ease-in-out;
    color: #94a3d9 !important;
    cursor: pointer;
}
nav .main-nav-menu-item.active {
    /* background: linear-gradient(90deg, rgba(0,36,159,1) 0%, rgba(32,80,244,1) 100%) !important; */
    background: #2050F4 !important;
    color: #fff !important;
}
.main-nav-menu-item.active .fa-duotone {
    --fa-secondary-opacity: 1.0
}
nav .main-nav-menu-item:hover, nav .main-nav-menu-item:focus, nav .main-nav-menu-item:active {
    background: #051655;
}
nav .main-nav-menu-item a {
    align-items: center;
    font-size: 0.9rem;
    transition: all 0.3s;
}
nav .main-nav-menu-item a > i {
    font-size: 1.4rem !important;
    text-align: center;
    width: 1.8em;
    margin-right: 1rem;
    transition: all 0.2s;
}
nav .main-nav-menu-item a > i.fa-caret-down,
nav .main-nav-menu-item a > i.fa-caret-right {
    font-size: 1rem !important;
    margin-right: 0.2rem;
    width: auto;
}

.newclassbyatul::after {
  border-color: var(--myVar);
}

/* 02-02 */
.single-comm i.fa-angle-right {
    /* background-color: #e5e5ea; */
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #FFF;
    visibility: hidden;
    opacity: 0;
}

.single-comm:hover i.fa-angle-right {
    /* color: #2050F4;
    background-color: #fff; */
    visibility: visible;
    opacity: 1;
}

.header-cta > a:hover, .header-cta > div:hover {
    border: 1px solid #2050F4;
    color: #2050F4;
    background-color: transparent;
}
.grey-14 {
    color: #7a7a7a !important;
    font-size: 0.875rem !important;
}
.single-comm i.fa-duotone {
    width: 40px;
    height: 40px;
}
.customer_details_statuses_section ol li.selected a {
    color: #fff !important;
}
.customer_details_statuses_section ol li a {
    padding: 7px 3px 7px 35px !important;
}
.customer_details_statuses_section ol li a:before {
    border-width: 18px 0 22px 22px;
}
.customer_details_statuses_section ol li a:after {
    border-width: 18px 0 21px 22px;
}
.customer_details_statuses_section ol li:not(:first-child).selected a:before {
    border-width: 18px 0 22px 22px !important;
    left:-1px !important;
}
.customer_details_statuses_section ol li:not(:last-child).selected a:after {
    border-width: 18px 0 20px 22px !important;
}
.default__view article .notes-box .customer-edit-icon {
    position: absolute !important;
    top: -10px;
    right: 10px;
}
.overview-notes .notes-box {
    background-color: #fff;
}
.overview-notes .sms-notes-desc {
    border-left: 4px solid #ffe140;
}
.blank-note > div {
    min-height: 200px;
}
.color-header {
    grid-template-columns: 93% 7%;
}
.overview-options {
    grid-template-columns: 97% 3%;
    background: #ffffff !important;
}
.overview-first-col {
  /* grid-template-columns: 1fr 2fr 3%; */
   max-width: 1200px;
}
.overview-second-col {
  grid-template-columns: 1fr 1fr 1fr 3% !important;
  /* max-width: 1200px; */
}
.overview-third-grid {
  grid-template-columns: 1fr 1fr 1fr 3% !important;
   max-width: 1200px;
}
.nice-select.form-control.overview-dropdown {
    max-width: 100%;
}

@media (max-width: 767px) {
    .overview-first-col {
        grid-template-columns: 1fr;
    }
    .overview-second-col {
        grid-template-columns: 1fr !important;
    }
}
/* .overview-top, .customer-details-tabs {max-width: 1200px;} */
.overview-top {max-width: 1200px;}
.customer_details_statuses_section ol li:not(:first-child).selected a:after {border-width: 19px 0 19px 23px !important;}
.header-cta > a > i.fa-solid {margin-top: 0.125rem;}
.inter {font-family: 'Inter', sans-serif;}
.add-note-wrapper {z-index: 11;max-width: 760px;width: 50%;}
.msggrids.notesmainpage{display: grid; /*grid-template-columns: 92% 8%;*/ max-width: 1200px !important;}
.notesmainpage .rd-dash-conversation-view {padding-right: 0px;}
.notesmainpage .paddrightzero{padding-left: 2.5rem !important;}
.notesmainpage .rd-dash-conversation-view > .px-4 {padding-left: 2.5rem !important;}
/* 07-02 */
.sidebar.custom-sidebar {
    position: fixed;
    height: 100%;
    width: 15%;
    z-index: 1;
}
.sidebar.custom-sidebar.fliph {
    width: 70px;
    z-index: 999;
}
.main-body-wrapper {
    max-width: 85%;
    margin-left: auto;
    transition: all 0.3s ease-in-out;
}
.main-body-wrapper.expand-body {
    max-width: 96.3%;
    /*z-index: 0;*/
}
.mini-sidebar-arrow {
    left: 10px;
}
.sidebar.fliph .mini-sidebar-arrow {
    left: 0;
}
.col-md-4.custom-list-view-sidebar {
    position: fixed !important;
    left: 15%;
    width: 375px;
}

.expand-body .col-md-4.custom-list-view-sidebar {
    left: 70px;
}
/* .col-md-8.custom-content-wrapper {
    width: 73% !important;
    margin-left: auto;
} */
.expand-body .col-md-8.custom-content-wrapper {
  width: 100% !important;
  margin-left: 375px;
}

.customers_list nav.flex-1.min-h-0.overflow-y-auto.custom-customer-list.custom-appointment-list {
    overflow-y: auto;
    max-height: calc(100vh - 260px)!important;
    /* height:73vh; */
}
/* 08-02 */
.signwrapper .main-body-wrapper {
    margin-left: 0;
}
.conversation_section .bg-gray-100 {
    background-color: #f0f0f3 !important;
}
.block-content-outer.msg-grid {
    display: block !important;
}
.col-md-3.custom-sms-contact {
    position: fixed !important;
    left: 14%;
    width: 375px !important;
    z-index: 0;
    transition: all 0.3s;
}

.col-md-9.custom-conversation {
    margin-left: 375px;
    margin-right: 375px;
    transition: all 0.3s;
}

.msg-grid .rd-dash-customer-info {
    position: fixed;
    top: 64px;
    right: 0;
    width: 375px;
    transition: all 0.3s;
}

.expand-body .col-md-3.custom-sms-contact {
     left: 70px;
     width: 375px !important;
}

/* .expand-body .col-md-9.custom-conversation {
    width: 49% !important;
} */

.sidebar.custom-sidebar {
    width: 14%;
}
.main-body-wrapper {
    max-width: 86%;
}
.col-md-8.custom-content-wrapper {
  width: 100% !important;
  margin-left: 375px;
}
.col-md-4.custom-list-view-sidebar {
    left: 14%;
}
.appointments_list .bg-gray-100 {
    background-color: #f0f0f3 !important;
}

.flex-1.min-h-0.overflow-y-auto.custom-sms-contact-list { overflow-y: auto; overflow-y: auto; max-height: calc(100vh - 220px)!important; overflow-x: hidden; max-height: calc(100vh - 290px)!important;}
.at-cell-tags span .label-info {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.flex-1.min-h-0.overflow-y-auto.custom-email-contact-list { overflow-y: auto; overflow-y: auto; max-height: calc(100vh - 220px)!important; overflow-x: hidden; max-height: calc(100vh - 290px)!important;}
.at-cell-tags span .label-info {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.flex-1.min-h-0.overflow-y-auto.custom-call-contact-list { overflow-y: auto; overflow-y: auto; max-height: calc(100vh - 220px)!important; overflow-x: hidden; max-height: calc(100vh - 290px)!important;}
.at-cell-tags span .label-info {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}


.at-cell-tags span .label-info:hover {
    background-color: rgb(206, 242, 225) !important;
    color: rgb(8, 155, 115) !important;
}

.user-abbr {
    width: 2.5rem;
    height: 2.5rem;
}

@media (min-width: 2000px) {
    .sidebar.custom-sidebar {
        width: 250px;
    }
    .main-body-wrapper {
      max-width: 100%;
      margin-left: 250px;
    }
    .main-body-wrapper.expand-body {
        max-width: 100%;
        margin-left: 70px;
    }
    .col-md-4.custom-list-view-sidebar {
        left: 250px;
    }
    .col-md-3.custom-sms-contact {
        left: 250px;
    }
}
.pointer{
    cursor: pointer;
}
.email-message-preview .show-full-message {
    font-size: 13px;
    display: table;
    width: 100%;
    text-align: right;
    margin-top: 10px;
    /* color: black; */
}
.customer-details-tabs a {
  font-family: 'Inter', sans-serif;
  padding-top: 0;
}
.customer-notes .row1 {
  height: 400px;
}
.main-header-section {
  position: fixed;
  /*top: 0;
  width: 86%; */
}
.appointment-overview {
position: fixed;
  right: 0;
  height: 100%;
  width: 23%;
  overflow-y: auto;
}

@media (min-width: 2000px) {
  .main-header-section {
    width: 100%;
  }
}

/* 15-02 */
.custom-list-view-sidebar.customer-list-custom {
    background-color: #fff;
}
.custom-customer-list .divide-y > :not([hidden]) ~ :not([hidden]) {
    border-color: #f2f2f2;
}
.customer-list-box:hover .customer-info {
    color: #1d1d1f !important;
}
.customer-list-box .days-count {
    font-size: 11px;
}
.customer-list-box.active_tab .days-count {
    color: #fff;
}
/* Utility Classes */
.bg-lightgray {
    background-color: #f0f0f3 !important;
}
.text-9{
    font-size:0.563rem;
}
.text-10{
    font-size:0.625rem;
}
.text-11{
    font-size:0.688rem;
}
.text-15 {
    font-size: 0.9rem !important;
}
.text-17{
    font-size: 1.063rem !important;
}
.text-18 {
    font-size: 1.125rem !important;
}
.text-20 {
    font-size: 1.25rem !important;
}
.text-22{
    font-size: 1.375rem;
}
.text-26{
    font-size: 1.625rem;
}
.text-28{
    font-size: 1.75rem;
}
.medium-gray-font {
    color: #7a7a7a;
}
.semi-dark-font {
    color: #414141;
}
.rounded-10 {
    border-radius: 0.625rem;
}
.border-gray-light {
    border-color: #f2f2f2;
}
.border-gray-dark {
    border-color: #e1e3e8;
}
.border-gray-darker {
    border-color: #d6d8de;
}
.bg-offwhite {
    background-color: #f6f7f9;
}
.bg-gray-light {
    background-color: #f2f2f2;
}

@media (max-width: 1440px) {
    .expand-body .col-md-8.custom-content-wrapper {
    margin-left: 350px;
    }
}

/* menu contact smart list */
.custom-sidebar.fliph .smart-list-wrapper{
    display: none;
    position: absolute;
    left: 32px;
    top: -10px;
    background-color: #2050F4;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    border-radius: 5px;
    padding: 10px 20px;
}
.contact_nav:hover .smart-list-wrapper {
    /* display: block; */
}

.sidebar.fliph .customer_smart_list .menu-title {
    display: block;
}
.custom-sidebar.fliph .customer_subitems{
    display:none;
}
.custom-sidebar .customer_subitems{
    display:block;
}
.custom-sidebar.fliph .customer_smart_list{
    display:flex;
}
.customer_smart_list.hide{
    display: none;
}
.tag-label-warning{
    background-color: #F8D9D9;
    color: #D30000;
}

.in_section_title_and_breadcrumbs h2 {
    margin: 0;
    font-size: 1.7rem !important;
    font-weight: 700 !important;
    color: #1d1d1f !important;
    font-family: 'Inter', sans-serif;
}

/***** 23-02 Laptop Media Query added for overview*******/

.customer_section .custom-list-view-sidebar {
    z-index:1;
}
.overview-options .help-text {
    display: flex;
    top: 26px;
    z-index: 10;
}
.mobile-color-strip {
    display: block;
    height: 0.7rem;
}
/* Floating Label Select Dropdown */
.did-floating-label-content {
    position: relative;
    margin-bottom: 10px;
    /* display: none; */
}

.did-floating-label {
    color: #7a7a7a;
    font-size: 0.625rem;
    position: absolute;
    pointer-events: none;
    left: 15px;
    top: 11px;
    padding: 0 5px;
    background: #fff;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}
.did-floating-select {
    font-size: 12px;
    display: block;
    width: 100%;
    height: 36px;
    padding: 0 20px;
    background: #fff;
    color: #323840;
    border: 1px solid #e1e3e8;
    border-radius: 10px;
    box-sizing: border-box;
}
.did-floating-select:focus {
    outline: none;
}
.did-floating-select ~ .did-floating-label {
    top: -7px;
    font-size: 0.688rem;

}
select.did-floating-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select.did-floating-select::-ms-expand {
    display: none;
}

.did-floating-select:not([value=""]):valid ~ .did-floating-label {
    top: -8px;
    font-size: 0.18rem;
}

.did-floating-select[value=""]:focus ~ .did-floating-label {
    top: 11px;
    font-size: 0.18rem;
}
.nice-select.laptop-status .option {
    font-weight: 600 !important;
}
.laptop-customerimg {
    display: inline-flex !important;
}
.laptop-edit-tag {
    display: none;
}

.tags-green {
    color: #007B59;
    background-color: #CEF2E1;
}
.remove-tag-button {
    color: #007B59 !important;
}
.remove-tag-button:hover {
    color: #007B59 !important;
}
.customers_list .customer_section .ab-button {
    font-size: .9rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    border-radius: 0.5rem;
}
.rounded-5 {
    border-radius: 0.3rem;
}
.bg-lightgray1 {
    background-color: #f5f5f5;
}
.tags-btn:hover {
    color: #7a7a7a;
}
.text-13 {
    font-size: 0.8rem !important;
}

.color-header .help-text,
.overview-options .help-text {
    border-radius: 10px 0 0 10px;
    background-color: #f0f0f3;
    position: absolute;
    right: -110px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.color-header .help-text:hover,
.overview-options .help-text:hover {
    right: 0;
}

.color-header .help-text i,
.overview-options .help-text i {
    width: 26px;
    height: 26px;
    font-size: 9px;
}

.color-header .help-text a,
.overview-options .help-text a {
    padding: 0;
    display: flex;
}

.help-text i {
    padding-top: 0.1rem;
}

.overview-dropdown.nice-select .option {
    font-weight: 500;
}
.nice-select.form-control.overview-dropdown {
    border-radius: 10px;
}


@media (max-width: 1450px) {
    .color-header {
        display: none !important;
    }
    .laptop-customerimg {
        display: inline-flex !important;
        width: 3.5rem !important;
        height: 3.5rem !important;
    }
    .laptop-customerimg.customerimg span {
        font-size: 1.5rem;
    }
    .laptop-hide {
        display: none !important;
    }
    .laptop-show {
        display: block;
    }
    .laptop-edit-tag {
        display: inline-flex;
    }
    .quick-text {
        display: block;
    }
    .mobile-color-strip {
        display: block;
        height: 0.6rem;
    }
    .header-right > div {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    .customer_details_statuses_section {
        display: none !important;
    }
    .header-cta > a {
        display: none;
    }
    .overview-options .help-text {
        display: flex;
        top: 40px;
    }
    .overview-options .help-text i {
        margin-left: 0;
    }
    .overview-options .customer-name {
        font-size: 1.4rem !important;
        max-width: 300px;
    }
    .in_section_title_and_breadcrumbs h2 {
        font-size: 1.5rem !important;
    }
    .top_line__wrapper {
        align-items: center !important;
    }
    .did-floating-label-content {
        display: block;
    }
    .quick-action-dropdown {
        width: auto !important;
        display: flex !important;
        align-items: center;
        padding: 0.3rem 1.5rem !important;
    }
    .customer-side-info.customer-side-info-tags {
        margin-bottom: 0 !important;
    }
    .overview-title {
        font-size: 1rem !important;
    }

    .single-comm {
        grid-template-columns: 60% 15% auto;
    }
}

@media (max-width: 1440px) {
    .col-md-8.custom-content-wrapper {
        margin-left: 340px;
    }
}

@media (max-width: 1280px) {
    .communication > div {
        grid-template-columns: 1fr !important;
    }
    .communication {
        margin-top: 1rem;
    }
    .overview-first-col {
        grid-template-columns: 1fr;
    }
    .overview-third-grid {
        grid-template-columns: 1fr!important;
    }
}

/********************************/
.bg-lightgray1 {
    background-color: #f5f5f5;
}

.blank-note > div {
    border-color: #969AA3;
}
.bg-lightgray2 {
    background-color: #f2f2f2;
}
.light-blue-bg {
    background-color: #F0F5FF;
}
/* overview page end laptop view */
/* Appointment Main page laptop start */
@media only screen and (max-width: 1450px) {
    #block0title{
        font-size: 1.125rem;
    }
    .appointment.search-input{
     width: 90% !important;
    }
    .searchbuttonnewappintment {
        position: absolute !important;
        right: 25px !important;
        left: auto !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        display: inline-block !important;
        height: 100% !important;
    }
    .btn-clr{
    font-size: 0.7rem !important;
    }
    /* .btn-apt{
      font-size: 0.8rem !important;
    } */
    .faplusappointment{
        font-size: 0.7rem !important;
        margin-top : 0.25rem;
    }
    .appointment-details p{
    font-size: 0.813rem !important;
    font-weight: 700 !important;
    }
    .nextappointmenttime{
        font-size: 0.813rem !important;
    }
    .appointment-overview h2{
        font-size: 1.125rem;
    }
  }
  @media only screen and (max-width: 1270px) {
      .appointment.search-input{
          width: 70% !important;
         }

         .searchbuttonnewappintment {
          position: absolute !important;
          right: 70px !important;
          left: auto !important;
          top: 50% !important;
          transform: translateY(-50%) !important;
          display: inline-block !important;
          height: 100% !important;
      }

      .btn-clr{
          font-size: 0.7rem !important;
          margin-left: 0.2rem;
      }

      .btn-apt{
          /* font-size: 0.7rem !important; */
          margin-left: 0.2rem;
      }

      .faplusappointment{
          font-size: 0.7rem !important;
          margin-top: 5px;
      }

      .appointment-overview h2{
          font-size: 1rem !important;
      }

      .appointmentnexttodaydiv{
          font-size: 0.8rem !important;
      }
      /* .second-row-nav-wrapper{
          gap: unset !important;
      } */
    }
  /* Appointment Main page laptop end */
/* Email and SMS message main tab css start here */
@media only screen and (max-width: 1450px) {
    .top_line__wrapper.new-top-line h2{
      font-size: 1.5rem !important;
    }
    .msg-grid .rd-dash-customer-info .wrapper {
        margin: 1rem !important;
    }
    .rd-dash-conversation-time-full, .rd-dash-conversation-time-short {
        padding-left: 0px;
    }
  }
@media screen and (max-width: 1450px) and (min-width: 1200px) {
  .conversation-started-text::before {
    width: 34%;
}
.conversation-started-text::after {
    width: 34%;
}
}
@media only screen and (max-width: 1450px) {
    .top_line__wrapper.new-top-line h2{
      font-size: 1.5rem !important;
    }
    .msg-grid .rd-dash-customer-info .wrapper {
        margin: 1rem !important;
    }
  }
  /* Email and SMS message main tab css end here */

  /* 24-02 */
.bg-lightgray1:hover {
    background-color: #ECEDEF;
    color: #414141 !important;
}
.light-blue-bg:hover {
    background-color: #E2E8FF;
    color: #0032E0 !important;
}

.bg-green-btn {
    background-color: #E8FCF1;
    color: #0F936F;
}
.bg-green-btn:hover {
    background-color: #CEF2E1;
    color: #007B59 !important;
}
.centz-blue-btn {
    background-color: #2050F4;
    transition: all 0.3s;
}

.centz-blue-btn:hover {
    background-color: #0032E0;
}
.rounded-3 {
    border-radius: 0.2rem;
}
.dark-blue-btn {
    background-color: #0f205e;
    transition: all 0.3s;
}
.dark-blue-btn:hover {
    background-color: #041452;
}
.height-40 {
    height: 2.5rem;
}
@media (max-width: 1450px) {
    .main-body-wrapper.expand-body {
        max-width: 95.3%;
    }
}

@media (max-width: 1440px) {
    .col-md-8.custom-content-wrapper {
        margin-left: 350px;
    }
}
/* calendar view  */
@media only screen and (max-width: 1200px) {
    .custom-main-header .headingtitle {
        font-size: 1.125rem !important;
    }
}
/* campaign view start here */
.bg-light-gray-btn {
    background-color: #F5F5F5;
    color: #7a7a7a;
    transition: all 0.3s;
}
.bg-light-gray-btn:hover {
    background-color: #ECEDEF;
    color: #414141;
}

.btn-transparent:hover {
    background-color: #f2f2f2;
    color: #414141 !important;
}
.height-30 {
    height: 1.875rem;
}
/* campaign view end here */
.emails_choose .email_container{
    margin: 0;
    max-width: 750px;
}
@media (max-width: 1450px) {
    .overview-options {
        grid-template-columns: 96% 4%;
    }
}
    /* 28/02 campaign table view start here */

    /* .campaignwizarddefaultview tr.admintable_row {
        border: 1px solid #A5A5A5;
        border-bottom: 0;
    } */

    /* .campaignwizarddefaultview tr.admintable_row:nth-last-child(2) {
        border: 1px solid #a5a5a5;
    } */

    .campaignwizarddefaultview tr th {
        color: #414344 !important;
        padding: 15px 10px !important;
        font-weight: 700;
    }

    /* .campaignwizarddefaultview tbody tr:hover {
        border: 1px solid black;
    } */

    .campaicampaignwizarddefaultviewgntable td a{
        color: #1D1D1F !important;
    }

    .campaignwizarddefaultview td a:hover {
        color: #2050F4 !important;
    }

    .campaignwizarddefaultview td a:hover b {
        text-decoration: none !important;
    }


    .blocktitlebuttons-wrapper .help-text {
        border-radius: 10px 0 0 10px;
        background-color: #F6F7F9;
        position: absolute;
        right: -110px;
        top: 15px;
        cursor: pointer;
        transition: all 0.3s ease-in-out;
    }

    .help-text i {
        width: 26px;
        height: 26px;
        font-size: 9px;
    }

    .blocktitlebuttons-wrapper .help-text i {
        margin-left: auto;
    }

    .help-text i {
        margin-left: 10px;
        border: 2px solid #2050F4;
        border-radius: 50%;
        width: 25px;
        height: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 10px;
    }

    .blocktitlebuttons-wrapper .help-text:hover {
        right: 0;
    }

    /* 28/02 campaign table view end here */

/* 21-02 start here added on 1-03 */

.dark-blue-btn {
    background-color: #0f205e;
    transition: all 0.3s;
}
.dark-blue-btn:hover {
    background-color: #041452;
}
.height-40 {
    height: 2.5rem;
}
.tox-editor-container{
    width: 500px;
}
/* 21-02 end here */
/* 28-02 added on 1-03 for customer overview start here */
@media (max-width: 1700px) {
    .custom-tab-nav {
        max-width: 500px;
    }
    .customer_details_statuses_section ol li a {
        padding: 7px 5px 7px 30px !important;
    }
    /* .overview-first-col {
        grid-template-columns: 35% 2fr auto;
    } */
    .overview-options {
        grid-template-columns: 96% 4%;
    }
    .color-header {
        grid-template-columns: 96% 4%;
    }
}
@media (max-width: 1450px) {
    .expand-body .col-md-8.custom-content-wrapper {
        margin-left: 350px;
    }
    .col-md-8.custom-content-wrapper {
        margin-left: 350px;
    }
    .customer_section .custom-list-view-sidebar {
        max-width: 350px;
    }
    .col-md-4.custom-list-view-sidebar {
        width: 350px;
    }
    .col-md-4.custom-list-view-sidebar .filterbti {
        width: 2.5rem !important;
        height: 2.25rem !important;
    }
    .top_line__wrapper,
    .search-wrapper,
    .customer_section .custom-customer-list .customer-list-box {
        padding-left: 0.8rem !important;
        padding-right: 0.8rem !important;
    }
}
.customheadertitle{
    align-items: flex-start !important;
}
@media (max-width:1700px) {
    .overview-second-col {
       grid-template-columns: 1fr 1fr auto !important;
    }
    .overview-third-grid {
       /* grid-template-columns: 35% 1fr 1fr auto !important; */
       grid-template-columns: 30% 1fr !important;
    }
}
@media (max-width:1800px) {
   .custom-tab-nav {
    max-width: 500px;
   }
}
/* 28-02 added on 1-03 for customer overview end here */
    /* 01/03 added on 02-03 sujit style added for calendar appointment view start here */
    .btn-apt{
        background-color: #0f205e;
    }

    .btn-apt:hover{
        background-color: #041452;
    }
    /* 01/03 added on 02-03 sujit style added for calendar appointment view end here */
    /* contactlist table css added on 03-03 start here */
    /* .contactlisttable .admintable_row{
        border: 1px solid transparent;
        border-bottom: 0px;
    }
    .contactlisttable .admintable_row:hover{
        border:1px solid #9f9f9f;
    } */
    /* contactlist table css added on 03-03 end here */
        /* fix top bar css added on 07-03 start here */
        .custom-fixed-top .main-header-section {
            position: fixed;
            top: 0;
            width: 86%;
            z-index: 998 !important;
          }

        @media (min-width: 2000px) {
            .custom-fixed-top .main-header-section {
              width: 88%;
            }
         }

         @media (min-width: 2300px) {
            .custom-fixed-top .main-header-section {
              width: 89%;
            }
          }

        .custom-fixed-top .main-body-wrapper.expand-body .main-header-section {
            width: 97%;
        }

        @media (max-width: 1450px) {
            .custom-fixed-top .main-body-wrapper.expand-body .main-header-section {
                width: 96%;
            }
        }

        .custom-fixed-top .main-body-wrapper > main {
          margin-top: 3.5rem;
        }
        /* fix top bar css added on 07-03 end here */
/* 07-03 added on 08-03 overview page update start here */
.overview-top .color-header {
    display: none;
}
.overview-top {
    max-width: 100%;
}
.laptop-customerimg.customerimg span {
    font-size: 1.5rem;
}
.overview-options .help-text i {
    margin-left: 0;
}
.value-amt {
    background-color: #e7f8f0;
    color: #12bf84;
}
.contact-info > .bg-white {
    /* min-height: 280px; */
    min-height: 385px;
}
.single-comm .hover-white {
    transition: all 0.3s ease-in-out;
}
.single-comm:hover .hover-white {
    color: #fff;
}
.single-comm:hover i.fa-duotone {
    color: #fff !important;
}
@media (max-width: 1280px) {
    .communication {
        margin-top: 1rem;
    }
    .overview-first-col {
        grid-template-columns: 1fr;
    }
    .overview-third-grid {
        grid-template-columns: 1fr!important;
    }
    .overview-notes .overview-title {margin-top:2rem;}
  .overview-notes {margin-right:0 !important;}
}
.customers_list .customer_section > div:first-child {padding-top: 15px;}
.add-value-div{
    padding: 30px 40px !important;
}
.buttonvalueaddval{
    width: auto;
}
/* .overview-third-grid .overview-notes{
    margin: 0 1.5rem;
} */
@media (max-width: 1700px) {
    .addvaluetextspan{
        display: none;
    }
    /* .overviewheadercustname{
        width: 220px;
    } */
}
/* @media (min-width: 1700px) {
    .overviewheadercustname{
        width: 225px;
    }
    .buttonvalueadd{
        width: 125px;
    }
} */
/* @media (min-width: 1400px) and (max-width: 1600px) {
    .buttonvalueadd{
        width: 140px;
    }
} */
/* 07-03 added on 08-03 overview page update end here */
/* 08-03 added on dropdown quick action start here */
.menu:hover {
    background-color: #F6F7F9;
}
.btn-call{
    background-color: #10BF83;
    height: 40px;
}
.btn-call:hover{
    background-color: #10BF83 !important;
}
.btn-email{
    width: 90%;
    border-bottom: 1px solid #E1E3E8;
}
.myDIV{
    display: none;
    border: 1px solid #F6F7F9;
    margin: 0px 25px 0 10px;
    background-color: #F6F7F9;
    padding: 12px;
    /* border-radius: 0 0 8px 8px; */
}
.btn-action{
    border: 1px solid #E1E3E8;
    color: #7A7A7A;
}
.btn-action:hover, #btn-email:hover, #btn-sms:hover{
    background-color: #FAFAFA !important;
    color: #414141 !important;
}
.new-drop{
    position: absolute !important;
    top: -5px !important;
    right:-3px !important;
}
.bot_none{
    border-bottom: none !important;
}
.dpactionmenues{
    height: 40px;
    text-align: center;
    background-color: #fff0f0;
    padding: 10px;
    border-bottom: none;
    color: #ff000e;
    margin-bottom: 10px;
}
.dpactionmenues:hover {
    background-color: #ffe5e5;
    color: #d30000;
}
.main-header-section{
    z-index: 10002;
}

/* dropdown quick action end here */
/* tables view design start here */
.customer-table tr.admintable_row:hover {
    background-color: #F0F0F3 !important;
}


.customer-table tr td {
    color: #7a7a7a !important;
}

.customer-table tr:hover td{
    color: #1d1d1f !important;
}

.customer-table tr th {
    color: #414344 !important;
    padding: 15px 10px !important;
    font-weight: 700;
}

.at-cell-title a {
    color: #1d1d1f;
    font-weight: 600;
    letter-spacing: normal;
}

.customer-table tr:hover .at-cell-title a{
    color: #2050F4;
}

.blocktitlebuttons-wrapper .help-text {
    border-radius: 10px 0 0 10px;
    background-color: #F6F7F9;
    position: absolute;
    right: -110px;
    top: 15px;
    cursor: pointer;
    box-shadow: none;
    transition: all 0.3s ease-in-out;
}

.help-text i {
    width: 26px;
    height: 26px;
    font-size: 9px;
}

.blocktitlebuttons-wrapper .help-text i {
    margin-left: auto;
}

.help-text i {
    margin-left: 10px;
    border: 2px solid #2050F4;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
}

.blocktitlebuttons-wrapper .help-text:hover {
    right: 0;
}
/* tables view design end here */
/* 10-03 added by jeegar dashboard view design start here */
.db-help-text {
    border-radius: 10px 0 0 10px;
    background-color: #fafafa !important;
    position: absolute;
    right: -100px;
    top: 40px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    padding: 16px !important;
}
.db-help-text i {
    width: 26px;
    height: 26px;
    font-size: 9px;
    margin-left: 0;
}
.db-help-text:hover {
    right: 0;
}
ul.msg-time a {
    color: #7a7a7a;
}
@media (max-width: 1450px) {
    .dashboard_header {
        grid-template-columns: 15% auto 50px;
    }
    .mini-view-section {
        grid-template-columns: 1fr 1fr 50px;
    }
    .dashboard_home .campaign-nothing-found, .dashboard_home .campaign-grid-container {
        grid-template-columns: 1fr 1fr 1fr 50px;
    }
    .campaign-card-wrapper .messages-stats {
        font-size: 14px;
    }
    .campaign-content .title a,
    .new-campaign-wrapper h3 {
        font-size: 18px;
    }
    nav .main-nav-menu-item a {
        font-size: 0.85rem;
    }
    nav .main-nav-menu-item a > i {
        font-size: 1.25rem !important;
        width: 1.6em;
    }
    .sidebar.custom-sidebar {
        width: 17%;
    }
    .main-body-wrapper {
        max-width: 83%;
    }
    .col-md-3.custom-sms-contact {
        left: 17%;
    }
}
/* dashboard view design end here */
/* .secon-row-nav li{
    position: initial !important;
} */
.tooltip-inner {
    white-space: nowrap;
    /* word-break: normal; */
}
.menutooltiptogglediv .tooltip{
    display: none !important;
}
.fliph .menutooltiptogglediv .tooltip{
    display: block !important;
}
.fliph .menutooltiptogglediv .tooltip > .tooltip-inner  {
    background-color:#2050F4;
    font-size: 14px;
    /* border-radius: 20px; */
    /* padding: 10px; */
    /* width: 80px; */
}
.fliph .menutooltiptogglediv .tooltip-arrow {
    display: none !important;
}
.customericonsfont{
    font-size: 1.2rem !important;
}
.pipeline_view ul.secon-row-nav,.campaign__tableview_listing ul.secon-row-nav{
    transform: rotate(180deg);
}
.pipeline_view ul.secon-row-nav li.select-view-icons,.campaign__tableview_listing ul.secon-row-nav li.select-view-icons{
    transform: rotate(-180deg);
}
@media (max-width:1280px) {
    .overview-appointment, .overview-note, .contact-info, .communication > .grid > div:first-child {
        margin-right:0 !important;
    }
}
.centz-blue-button-bg {
    background-color: #2050F4;
    transition: all 0.3s;
}
.centz-blue-button-bg:hover {
    background-color: #0032E0;
}
.at-cell-type{
    padding-left: 1rem !important;
}
#block0title{
    font-size: 1.7rem !important;
    letter-spacing: -0.025em;
}

/* 22-03 */
.conversation_section .emails_choose .email_container {
    max-width: 100%;
}
.conversation_section .emails_choose {
    margin-right: -590px;
    width: 100%;
}
@media (max-width: 1350px) {
    .conversation_section .emails_choose {
        margin-right: -1040px;
    }
}

.customertabledivnew .customer_tagsline {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.customertabledivnew th > a[href="javascript:;"] {
    display: flex;
    align-items: center;
    gap: 3px;
}
.at-cell-contact_date i {
    font-size: 0.75rem !important;
}
.tablewrapper .customer_section .contact-info {
    font-size: 0.81rem !important;
}
.modal-content .modal-title {
    font-size: 1.375rem;
}
.customers_list.default__view .emails_choose {
    margin-left: 10px;
    width: 100%;
    margin-right: -590px;
}
.customers_list.default__view .emails_choose .email_container {
    display: inline-block !important;
    width: calc(100% - 90px) !important;
}

.customers_list.default__view .emails_choose .email_container .adminform_form {
    display: block !important;
}

@media (max-width: 1600px) {
    .laptop-customerimg {
        width: 3.5rem !important;
        height: 3.5rem !important;
    }
    .laptop-customerimg.customerimg span {
        font-size: 1.3rem;
    }
    .overviewheadercustname {
        font-size: 1.375rem !important;
    }
}

nav .main-nav-menu-item:hover a.menutooltiptoggle {
    color: #fff;
}
.customers_list .customer_section > div:first-child {
    padding-top: 15px !important;
}
.bg-gray-100 {background-color: #f0f0f3 !important;}

  /* Request Video */

  .cal-icon5{
    padding: 0.813rem 0.938rem;
    color: #f42020;
    background-color: #fff0f0;
    font-size: 1.5rem;
}


form.example input[type=text] {
  padding: 0.375rem;
  float: left;
  width: 85%;
  background: #fff;
  border-radius: 0.5rem 0 0 0.5rem;
}

form.example button:hover {
    background: #e1e3e8;
    color: #7a7a7a;
}

form.example::after {
  content: "";
  clear: both;
  display: table;
}

.switch-style{
    width: 37%;
    height: 2.5rem;
    background-color: #f3f4f6;
}

.bgcolor{
    background-color: #f9fafb;
}

.bgcolor2{
    background-color: #f3f4f6;
}

.textarea-width{
    max-width: 100% !important;
}

.common_adminpanel .third-row-wrap > div{
    display: inline-flex;
    margin: auto;
    border-radius: 6.25rem;
    border:0.063rem solid #f3f3f3;
    background: #fff;
}

.common_adminpanel .custom-switch {
    height: auto !important;
    padding-top: 0.125rem;
    background: #f3f4f6 !important;
}

.btn-schedule{
    background-color: #0F205E;
}

.btn-schedule:hover{
    background-color: #041452;
}

.btn-cpy{
    padding: 0.375rem 1.25rem 0 1.25rem;
    height: 2.188rem;
    border: 0.063rem solid #E1E3E8;
    border-radius: 0 0.5rem 0.5rem 0;
    cursor: pointer;
}
.requestvideoinput{
    padding: 0.375rem !important;
    float: left !important;
    width: 85% !important;
    background: #fff !important;
    border-radius: 0.5rem 0 0 0.5rem !important;

}

.exam [type="text"]{
    border-color:#E1E3E8 !important;

}

@media only screen and (max-width: 1450px) {

.temp{
    font-size: 0.75rem !important;
}

    .message h1{
        font-size: 1.125rem;
    }
}

    /* Request Video Ends */

    /* Add Campaign */

    .schedule{
        height: 2.5rem;
        background-color: #2050f4 !important;
    }

    .schedule:hover{
        background-color: #0032e0 !important;
    }

    .btn-cancel:hover {
        background-color: #f2f2f2;
        color: #414141;
    }

    .cal-icon4{
        padding: 0.813rem 0.938rem;
        color: #0f936f;
        background-color: #f2fdff;
        font-size: 1.5rem;
    }

    .clock-icon{
        color: #FF6200;
        background-color: #fff7f0;
        font-size: 0.8rem;
        border-radius: 50%;
        padding: 0.75rem;
    }

    .new-drop .nice-select{
        max-width: 100%;
    }

    @media only screen and (max-width: 1500px) {
        .camp{
            width: 70% !important;
        }
    }
    .add_camp_form .form-control{
        max-width: 100%;

    }

    @media screen and (max-width: 1800px) and (min-width: 1500px) {
        .camp{
        width:59% !important;
        }
     }



    /* Add Campaign Ends */

    /* Add Campaign Ends */

/* Schedule SMS */

.schedule{
    height: 2.5rem;
    background-color: #2050f4 !important;
}

.schedule:hover{
    background-color: #0032e0 !important;
}

.btn-cancel:hover {
    background-color: #f2f2f2;
    color: #414141;
}

.cal-icon{
    padding: 0.813rem 0.938rem;
    color: #2050f4;
    background-color: #f0f5ff;
    font-size: 1.5rem;
}

.common_adminpanel .third-row-wrap > div{
    display: inline-flex;
    margin: auto;
    border-radius: 6.25rem;
    border:0.063rem solid #f3f3f3;
    background: #fff;
}

.common_adminpanel .custom-switch {
    height: auto !important;
    padding-top: 0.125rem;
    background: #f3f4f6 !important;
}


.padall{
    padding: 4.375rem 1.25rem 0 1.25rem;
}

.bck-col{
    background-color: #f9fafb !important;
}

@media only screen and (max-width: 1450px) {
    .sch-sms{
        width: 70% !important;
    }
}

@media screen and (max-width: 1800px) and (min-width: 1451px) {
    .sch-sms{
    width:59% !important;
    }
}


/* Schedule SMS Ends */

/* Schedule SMS Ends */

 /* Schedule Email */

 .schedule{
    height: 2.5rem;
    background-color: #2050f4 !important;
}

.schedule:hover{
    background-color: #0032e0 !important;
}

.btn-cancel:hover {
    background-color: #f2f2f2;
    color: #414141;
}

.cal-icon2{
    padding: 0.813rem 0.938rem;
    color: #10bf83;
    background-color: #e8fcf1;
    font-size: 1.5rem;
}

.padall{
    padding: 4.375rem 1.25rem 0 1.25rem;
}

.common_adminpanel .third-row-wrap > div{
    display: inline-flex;
    margin: auto;
    border-radius: 6.25rem;
    border:0.063rem solid #f3f3f3;
    background: #fff;
}

.common_adminpanel .custom-switch {
    height: auto !important;
    padding-top: 0.125rem;
    background: #f3f4f6 !important;
}

.gridtime{
    grid-template-columns: 20% 20% 20% 20%;
    gap: 2%;
}

@media screen and (max-width: 1350px) {
    .gridtime{
        grid-template-columns: 1fr 1fr 1fr 16%;
        gap: 2%;
    }
}

 /* Schedule Email Ends*/

 .customer-table tr th {
    color: #414344 !important;
    padding: 15px 10px !important;
    font-weight: 700;
}
.lists .btn-blue {
    background-color: #2050F4;
    width: 11.25rem;
}
.btn-apt {
    background-color: #0f205e;
}

/* new dashboard */
.mini-stats h3 p {
    color: #22D0A0;
}

.calendaricon{
    font-size: 2.375rem;
    padding: 0.313rem 0.938rem 0 0;
    color: #8816f2;
}

.violet{
    color: #8816f2;
}

.cname{
    font-size: 0.75rem;
    color: #fff;
    padding-left: 0.5rem;
    font-weight: 700;
}

.grid-apts{
    grid-template-columns: 50% 50%;
}

.grid-apt{
    grid-template-columns: 15% 85%;
}

.view-all-filter {
    background-color: #F5F5F5;
    color: #717171;
}

.view-all-filter:hover {
    background: #E0E0E0;
    border: 0.063rem solid #717171!important;
}

.dark-green {
    background: #cef2e1;
}
.dark-green-bg {
    font-weight: 500;
    font-size: 0.813rem !important;
    letter-spacing: normal;
    font-family: 'Inter', sans-serif;
}

.dark-green-bg {
    color: #007B59;
}

.dark-green:hover {
    color: #007B59;
    background: #e0faf2;
    border: 0.063rem solid #007B59;
}

.centz-blue {
    background: #E2E8FF;
}

.centz-blue:hover {
    border: 0.063rem solid #2050F4!important;
    background-color: #F0F5FF;
    color: #2050F4;
}

.orange{
    color: #FFBA00;
}

.orange-clr {
    background-color: #F8EBD9;
    color: #E66B00;
}

.orange-clr:hover {
    background-color: #fff3e2!important;
    border: 0.063rem solid #f49221!important;
}

.violet-clr {
    background-color: #FFD8FC;
    color: #BD1BC3;
}

.violet-clr:hover {
    background-color: #FFD8FC!important;
    border: 0.063rem solid #BD1BC3!important;
}

.purple-clr {
    background-color: #EAD8FF;
    color: #721BC3;
}

.purple-clr:hover {
    background-color: #EAD8FF!important;
    border: 0.063rem solid #721BC3!important;
}

.top-header{
    display: grid;
    /* grid-template-columns: auto auto auto auto 9.375rem; */
    grid-template-columns: auto auto auto auto 2rem;
    align-items: center;
    grid-gap: 0.99rem;
}

.btn-dash:hover{
    background-color: #FAFAFA;
    color: #414141;
}

.top-header .leads{
    border: 0.188rem solid #fff;
    transition: all 0.4s;
}

.top-header .leads:hover{
    /* box-shadow: 0 0 0.25rem 0.25rem #2050f4; */
    transition: all 0.4s;
    border: 0.188rem solid #2050f4;
}

.top-header .apts{
    border: 0.188rem solid #fff;
    transition: all 0.4s;
}

.top-header .apts:hover{
    /* box-shadow: 0 0 0.25rem 0.25rem #8816F2; */
    transition: all 0.4s;
    border: 0.188rem solid #8816F2;
}
.top-header .notify{
    border: 0.188rem solid #fff;
    transition: all 0.4s;
}

.top-header .notify:hover{
    /* box-shadow: 0 0 0.25rem 0.25rem #FF3E3E; */
    transition: all 0.4s;
    border: 0.188rem solid #FF3E3E;
}

.top-header .mynotes{
    border: 0.188rem solid #fff;
    transition: all 0.4s;
}

.top-header .mynotes:hover{
    /* box-shadow: 0 0 0.25rem 0.25rem #FFBA00; */
    transition: all 0.4s;
    border: 0.188rem solid #FFBA00;
}

.btn-seeall{
    color: #7A7A7A !important;
}

.btn-seeall:hover{
    color: #414141;
    background-color: #F5F5F5;
}

@media screen and (max-width: 1600px) {
    /* .top-header {
        display: grid;
        grid-template-columns: 22% 23% 22% 22% 101px;
        align-items: center;
        grid-gap: 0.99rem;
    }
   .first_dashboard_row .mini-view-section {
        grid-template-columns: 1fr 1fr 85px;
    } */
}
@media screen and (max-width: 1520px) {
    /* .top-header {
        grid-template-columns: 23% 23% 22% 22% 101px;
    } */
}
@media screen and (max-width: 1500px) {
    /* .top-header {
        grid-template-columns: 23% 24% 23% 22% 101px;
    }
   .first_dashboard_row .mini-view-section {
        grid-template-columns: 1fr 1fr 35px;
    } */
}

@media screen and (max-width: 1460px) {
    /* .top-header {
        grid-template-columns: 24% 24% 23% 22% 101px;
    } */
}

@media screen and (max-width: 1450px) {
    .grid-apts{
        grid-template-columns: 55% 45%;
    }

    .grid-apt{
        grid-template-columns: 22% 78%;
    }

    /* .top-header {
        grid-template-columns: auto auto auto auto 3.125rem;
    }

   .first_dashboard_row .mini-view-section {
        grid-template-columns: 1fr 1fr 55px;
    } */

    .icon-size{
        font-size: 1.875rem !important;
    }

    .f-size{
        font-size: 1rem !important;
    }
    .w60{
        width: 3.75rem !important;
    }
    .dash-activity{
        margin-right: 1.25rem;
    }
    .dash-appointments{
        margin-left: -1.25rem;
    }
}

@media screen and (max-width: 1340px) {
    /* .top-header {
        grid-template-columns: 21% 23% 22% 21% 6.375rem;
    }
   .first_dashboard_row .mini-view-section {
        grid-template-columns: 1fr 1fr 95px;
    } */
    .btn-dash{
        font-size: 0.625rem !important;
    }
}

@media screen and (max-width: 1240px) {
    /* .top-header {
        grid-template-columns: 22% 23% 22% 21% 6.375rem;
    } */
}
/* ******************** */
.customer-table tr th {
    color: #414344 !important;
    padding: 15px 10px !important;
    font-weight: 700;
}
.lists .btn-blue {
    background-color: #2050F4;
    width: 11.25rem;
}
.btn-apt {
    background-color: #0f205e;
}

/* Reminder Popup */
.reminderModal .modal-content {
    padding: 2.5rem;
}
ul.reminder-pills li {
    transition: all 0.3s;
}
ul.reminder-pills li.active,
ul.reminder-pills li:hover {
    border-color: #414141 !important;
    color: #414141 !important;
}
.reminder-tab-content .fade {
    opacity: 0;
    transition: opacity .1s;
}
.reminder-tab-content .fade.in {
    opacity: 1;
}
.switch {
    position: relative;
    display: inline-block;
  }

  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }

  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e5e5ea;
    -webkit-transition: .4s;
    transition: .4s;
  }

  .slider:before {
    position: absolute;
    content: "";
    height: 0.9rem;
    width: 0.9rem;
    left: 3px;
    bottom: 2.6px;
    background-color: #fff;
    transition: .4s;
  }

  input:checked + .slider {
    background-color: #FFCCCC;
  }

  input:checked + .slider:before {
    transform: translateX(14px);
    background-color: #FF000E;
  }

  /* Rounded sliders */
  .slider.round {
    border-radius: 2.25rem;
  }

  .slider.round:before {
    border-radius: 50%;
  }

  .time-field {
      width: 225px;
  }

  .advanced-switch .slider {
      background-color: #e8e8e8;
  }
  .advanced-switch .slider:before {
    background-color: #959595;
  }
  .advanced-switch input:checked + .slider {
    background-color: #ccedff;
  }
  .advanced-switch input:checked + .slider:before {
    background-color: #2050f4;
  }
  .add-reminders-text {
    display: flex;
    width: 100%;
  }
  .dot{
    flex: 1;
    /* border-bottom: 1px dashed #D6D8DE; */
    height: 0.8em;
    margin-left: 30px;
  }
  .add-reminder-option .nice-select.form-control{
    font-size: 1rem;
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto;
  }
  .clear-reminder-btn {
      background-color: #10bf83;
  }
  .offers_list .tablewrapper .customer_section > div.col-md-4, .customers_list .customer_section > div:first-child {
      padding-top: 15px !important;
  }

@media (max-width:768px) {
    #messagemodal .modal-content,
    #addNote .modal-content,
    #notereminderModal .modal-content {
        width: 500px !important;
        margin: auto;
    }
    .reminder-content {
        padding: 2rem 3rem !important;
    }
    .advanced .reminder-content {
        padding: 0 !important;
    }
}

/* new css for new ui for notes and reminder  */
/* 17-03 */

/* .note-buttons-sections {
    display: none !important;
} */
.notes-column .single-note {
    background-color: #f9f9fa !important;
}
.notes-reminder-hover {
    position: absolute;
    right: 0;
    top: -20px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s;
}

.single-note:hover .notes-reminder-hover {
    visibility: visible;
    opacity: 1;
}
.note-option #dropdownMenu2 {
    font-size: 1.125rem;
}
.note-option .dropdown-menu {
    top: -5px;
    right: 40px;
    border: 1px solid #e1e3e8;
}
.note-option .dropdown-menu a {
    width: 95%;
    margin: auto;
    transition: all 0.3s;
}
.note-option .dropdown-menu a:hover {
    background-color: #f6f7f9;
}
.note-option .dropdown-menu a.delete-note:hover {
    color: #ed313b !important;
}

/* Reminder Popup */
.reminderModal .modal-content {
    padding: 2.5rem;
}
ul.reminder-pills li {
    transition: all 0.3s;
}
ul.reminder-pills li.active,
ul.reminder-pills li:hover {
    border-color: #414141 !important;
    color: #414141 !important;
}
.reminder-tab-content .fade {
    opacity: 0;
    transition: opacity .1s;
}
.reminder-tab-content .fade.in {
    opacity: 1;
}
.switch {
    position: relative;
    display: inline-block;
  }

  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }

  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e5e5ea;
    -webkit-transition: .4s;
    transition: .4s;
  }

  .slider:before {
    position: absolute;
    content: "";
    height: 0.9rem;
    width: 0.9rem;
    left: 3px;
    bottom: 2.6px;
    background-color: #fff;
    transition: .4s;
  }

  input:checked + .slider {
    background-color: #FFCCCC;
  }

  input:checked + .slider:before {
    transform: translateX(14px);
    background-color: #FF000E;
  }

  /* Rounded sliders */
  .slider.round {
    border-radius: 2.25rem;
  }

  .slider.round:before {
    border-radius: 50%;
  }

  .time-field {
      width: 225px;
  }

  .advanced-switch .slider {
      background-color: #e8e8e8;
  }
  .advanced-switch .slider:before {
    background-color: #959595;
  }
  .advanced-switch input:checked + .slider {
    background-color: #ccedff;
  }
  .advanced-switch input:checked + .slider:before {
    background-color: #2050f4;
  }
  .add-reminders-text {
    display: flex;
    width: 100%;
  }
  .dot{
    flex: 1;
    /* border-bottom: 1px dashed #D6D8DE; */
    height: 0.8em;
    margin-left: 30px;
  }
  .add-reminder-option .nice-select.form-control {
    font-size: 0.9rem;
    padding-top: 8px;
    padding-bottom: 8px;
    height: auto;
}
  .clear-reminder-btn {
      background-color: #10bf83;
  }
  .offers_list .tablewrapper .customer_section > div.col-md-4, .customers_list .customer_section > div:first-child {
      padding-top: 15px !important;
  }

@media (min-width:768px) {
    #editNote .modal-content,
    #addNote .modal-content {
        width: 500px !important;
        margin: auto;
    }
    .reminder-content {
        padding: 2rem 3rem !important;
    }
    .advanced .reminder-content {
        padding: 0 !important;
    }
}
.min_width{
    min-width: 80px;

}
.icon-top-5{
    margin-top: -8px !important;
    margin-left: 26px !important;
}

/* new css for new ui for notes and reminder end  */
.overview-options.grid{
    background: #ffffff;
}
.customer-details-tabs{
    background: #ffffff;
}

/* Call Functionality - Customer Overview */
.call-btn{
    background-color: #10bf83;
    color: #fff;
}
.conversation-employee{
    width: 100% !important;
    max-width: 100% !important;
}
.outgoing-call.call-box {
    flex-basis: auto !important;
}
.call-btn-wrapper1 {
    width: 33% !important;
    left: 50%;
    transform: translateX(-36%);
    margin-left: 43px;
}
.add-note{
    display: none;
    background-color: #E5E5EA;
    margin-top: -8px;
}
.call-display:hover .add-note{
    display: block;
}
.newCall .modal{
    top: 20%;
}
.option-call .modal{
    top: 20%;
}
.customerimg2{
    border-radius: 100px !important;
    height: 32px;
    width: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: 700;
}
.new-call .modal-info{
    color: #7A7A7A;
}
.fa-circle-arrow-up-right, .fa-circle-phone{
    font-size: 1.6rem;
    color: #9f9f9f;
}
.notebtn{
    background-color: #2050F4;
    right: 3.438rem;
    bottom: 6.063rem;
}
.notebtn1 {
    background-color: #2050F4;
    right: 25px;
    bottom: 75px;
}
.notebtn:hover{
    background-color: #0032E0;
}
.hangupbtn{
    background-color: #F42020;
}
#callNowCustomer{
    z-index: 999999;
    width: 22%;
    position: fixed;
}
.newwindowcall .option-call{
    width: 600px;
    margin: 30px auto;
}
.newwindowcall .option-call .option-call-content{
    height: 100%;
    border-radius: 10px;
    background-color: #fff;
    padding: 40px;
    font-size: 0.875rem;
}
.newwindowcall .option-call .option-call-content .notebtn{
    background-color: #2050F4;
    right: -25.561999999999998rem;
    bottom: 2rem;
    position: relative;
}
/* Call Functionality - Customer Overview Ends*/
.listsmaintab .main-nav-menu-item.active .fa-duotone{
    --fa-secondary-opacity: 0.3 !important;
}
.importsmaintab .main-nav-menu-item.active .fa-duotone{
    --fa-secondary-opacity: 0.3 !important;
}


/* Leads new  */

.btn-filter:hover{
    background-color: #2050F4;
    color: #fff;
}
.searchbtn {
    background-color: #2050F4;
    color: #fff;
}
.searchbtn:hover {
    background-color: #0032E0;
}
.bg-yellow{
    background-color: #FBFFCB;
    border: 1px solid #EAE397;
}
.select-act{
    background-color: #154AFD;
}
#dropdownActionMenu:hover{
    color: #FFF !important;
}
#dropdownActionMenu:focus{
    color: #FFF !important;
}
.newbadge{
    color: #007B59;
    background-color: #CEF2E1;
}

/* Leads new  end */


/* Pipelines new style start here vishal*/

/* 2021-12-30 */

/* Pipeline CSS Start Here*/
i.pipeline-icons {
    color: #7a7a7a;
    padding-right: 10px;
}
.dropdown-item:hover {
    color: #1d1d1f!important;
    /* background-color: #f2f2f2!important; */
}

.header_received_border {
    border-top: 3px solid 2050F4!important;
}

i.pipeline-icons.contact-us {
    color: #2050F4;
    padding: 0;
    margin: 6px;
    font-size: 1.06rem;
}

a.dropdown-fa-icons {
    float: left!important;
}


.dropdown-menu.dropdown-menu-right {
    /* padding-bottom: 18px; */
    border-radius: 10px;
}


.customers.dragable-header .wrapper .headerstep {
    padding: 0px!important;
}
.dragable-container .wrapper > div {
    padding: 0px!important;
}
.pipeline_view .draggable-wrapper {
    padding: 20px;
}

div#header_received {
    border-top: 4px solid #2050F4 !important;
}

div#header_contact {
    border-top: 4px solid #F49220 !important;
}

div#header_appointment {
    border-top: 4px solid #9300FF !important;
}

div#header_sold {
    border-top: 4px solid #00D57B !important;
}
div#header_lost{
    border-top: 4px solid #F42020 !important;
}

/* width */
.pipeline_view ::-webkit-scrollbar {
    /* width: 7px!important; */
  }

  /* Handle */
  .pipeline_view ::-webkit-scrollbar-thumb {
    background: #c1c1c1;
  }

  /* Handle on hover */
  .pipeline_view ::-webkit-scrollbar-thumb:hover {
    background: #c1c1c1;
  }

/* Note CSS */
.note {
    background-color: #ffffea;
    padding: 15px;
    color: #1d1d1f;
    font-size: 0.81rem !important;
}

label.note-title {
    color: #D5AF4A!important;
    font-size: 0.81rem !important;
}

.block-content-outer {
    border: 0px solid #ecedee!important;
}

span.total_count_head {
    width: 60px!important;
    border-radius: 25px!important;
    /* border: 1px solid #e1e3e8!important; */
    /* padding: 6px!important; */
    text-align: center!important;
    font-weight: 700!important;
    color: #1d1d1f!important;
}

.pipeline_view .dragable-header .wrapper .headerstep .edit-button {
    background: transparent!important;
    border-radius: 10px;
}

span.total-value.total_count_head {
    color: #02916A!important;
    background: #C9E6DE!important;
    border: unset!important;
}

i.fa.fa-columns {
    font-size: 18px;
    padding: 3px;
    color: #8d8d8d;
}

.min-w-0.flex-1.col-md-12.rd-dash-notes-answer {
    padding:10px!important;
}

.pipeline_view .dragable-container .wrapper > div > div {
    background: #EAF0F9;
    border-style: solid;
    border-color: #E2E2F6;
    border-width: 0px 1px 0px 1px;
    display: table;
    width: 100%;
    height: 100vh;
}

.body-wrapper {
    padding-bottom: 0px;
}
.pipeline_view .draggable-wrapper {
    padding: 20px 30px 0px !important;
    font-family: 'Inter', sans-serif;
}

/* 04-01-2022 Pipeline View*/
.customer_status_class {
    color: #1d1d1f;
    font-size: 1.375rem;
}
.pipeline_view .customers.dragable-header .wrapper .headerstep {
    background: #f3f4f6;
    border-style: solid !important;
    border-color: #c7ccd1 !important;
    border-width: 1px 1px 0px 1px !important;
    padding: 15px 10px 5px !important;
    /* height: 100%; */
}
.headerstep .headerstep_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.headerstep .headerstep_stats {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pipeline_view .dragable-header .wrapper .headerstep .total-value.edit-button {
    padding: 0 !important;
}
.pipeline_view .dragable-header .wrapper .headerstep .total-count {
    width: 45px !important;
    padding: 3px !important;
    font-size: 0.813rem !important;
}
span.total-value.total_count_head {
    width: auto !important;
}
.pipeline_view .dragable-header .wrapper .headerstep .total-value {
    padding: 5px 15px !important;
    font-size: 0.75rem !important;
}

.pipeline_view .leadcontainer > div {
    padding: 7px 20px 7px;
    margin: 10px 10px 15px;
}

.leadcontainer .cellphone {
    /* padding-bottom: 5px; */
    font-size: 0.875rem !important;
    color: #1d1d1f !important;
    font-weight: 500;
}
.leadcontainer .name a {
    font-weight: 600 !important;
    color: #1d1d1f !important;
}
.pipeline_view .leadcontainer > div {
    box-shadow: 0px 5px 10px rgb(220 220 220 / 80%) !important;
}
.gu-mirror .label-info, .dragable-container .label-info {
    font-weight: 600 !important;
    font-size: 0.75rem !important;
}
.gu-mirror .label-warning, .dragable-container .label-warning, .gu-mirror .label-default, .dragable-container .label-default {
    font-weight: 600 !important;
    font-size: 0.75rem !important;
}
.leadcontainer .value {
    padding: 5px 0;
    font-size: 0.875rem !important;
    color: #1d1d1f !important;
}
.label-info:hover, .label-info {
    color: #a440f2!important;
}
.leadcontainer a.dropdown-fa-icons {
    width: 35px;
    height: 35px;
    border: 1px solid #e1e3e8;
    border-radius: 50%;
    margin: unset !important;
    margin-right: 10px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}
.leadcontainer .dropdown-icons {
    display: flex;
    margin-top: 5px;
    padding: 0 1.5rem;
}

.leadcontainer a.dropdown-fa-icons:hover {
    background: #f0f0f3;
}
.cal-tooltip .tooltip.top {
    padding: 5px 0;
    margin-top: -15px;
}
/* Pipeline CSS End Here*/

/* 05 Jan 2022 */
textarea#dashboard-note-text {
    color: #000000;
}

.add-a-notes.modal-content {
    -webkit-box-shadow: 0 5px 30px rgb(0 0 0 / 10%)!important;;
    box-shadow: 0 10px 30px rgb(0 0 0 / 15%)!important;
}


/* Dashboard CSS 04-01-2022 */

.dashboard_header {
    display: grid;
    grid-template-columns: 15% auto 150px;
    align-items: center;
    grid-gap: 1em;
}

h2.dashboard_title {
    color: #1d1d1f;
    font-weight: 600;
    font-size: 1.25rem;
    font-family: 'Inter', sans-serif;
    letter-spacing: -0.025em;
}
.unread_stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2em;
    font-family: 'Inter', sans-serif;
}
.unread_stats a {
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 1em;
    padding: 1.5em 10px;
    /* box-shadow: 0 4px 6px rgb(181 181 181 / 50%); */
    box-shadow: none;
}
.bubble-number {
    border-radius: 50%;
    font-size: 12px;
    font-weight: 500;
    width: 23px;
    height: 23px;
    padding: 5px;
    background: #FF000E;
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.unread_stats h4 {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    color: #1d1d1f;
    letter-spacing: -0.025em;
}

.unread_stats i {
    border: 1px solid #e1e3e8;
    border-radius: 20px;
    width: 45px;
    /* height: 20px; */
    text-align: center;
    padding: 5px 0;
    font-size: 13px;
    transition: all 0.3s;
    color: #7a7a7a;
}

.unread_stats a:hover i {
    color: #2050F4;
    border: 1px solid #2050F4;
}
.help-text {
    text-align: right;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    color: #222;
}
.help-text i {
    margin-left: 10px;
    border: 2px solid #2050F4;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
}
.help-text a {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

/* 05-01-2022 */
.mini-view-section {
    display: grid;
    grid-template-columns: 1fr 1fr 2rem;
    grid-gap: 1em;
}
ul.msg-time {
    font-family: 'Inter', sans-serif;
}
.msg-time li {
    border-bottom: 2px solid transparent;
    padding: 0 0.7em;
    color: #8B8F93;
    position: relative;
    /* transition: all 0.2s; */
}

.msg-time li a:hover,
.msg-time li.active a {
    color: #1d1d1f;
}
.msg-time li a:hover::after,
.msg-time li.active a::after {
    content: '';
    width: 100%;
    height: 2px;
    background-color: #2050F4;
    position: absolute;
    left: 0;
    bottom: -5px;
}
.mini-box {
    background-color: #fff;
    border-radius: 10px;
    /* box-shadow: 0 4px 6px rgb(181 181 181 / 50%); */
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    min-height: 300px;
}
.centz-blue {
    color: #2050F4 !important;
}
.title-icon {
    display: flex !important;
    font-size: 0.8rem;
}
.mini-stats {
    font-family: 'Roboto', sans-serif;
}
.mini-box > a > div {
    display: grid;
    grid-template-columns: 1fr 3fr 50px;
    align-items: center;
    grid-gap: 1em;
}

.mini-box > a:hover i.custom-arrow {
    color: #2050F4;
    border: 2px solid #2050F4;
}

.mini-stats h3 {
    font-size: 11px;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
    line-height: 0.8;
    color: #7a7a7a;
}
.mini-stats h3:nth-child(2) span {
    color: #22D0A0;
}
.mini-stats h3:last-child span {
    color: #F42020;
}

i.custom-arrow {
    border: 1px solid #e7eaf0;
    border-radius: 20px;
    width: 45px;
    /* height: 25px; */
    text-align: center;
    padding: 5px 0;
    font-size: 13px;
    transition: all 0.3s;
    color: #7a7a7a;
}
.mini-pipeline a.pipeline-link {
    font-family: 'Inter', sans-serif;
    font-size: 0.8rem;
    transition: all 0.2s;
    color: #7a7a7a;
    letter-spacing: -0.025em;
}
.mini-pipeline a.pipeline-link:hover {
    color: #2050F4 !important;
}
i.status-circle {
    font-size: 0.5rem;
}
.mini-pipeline-stats > div {
    display: grid;
    grid-template-columns: 30% auto auto 1fr;
    grid-gap: 1em;
    align-items: center;
}

.mini-count {
    min-width: 2.5rem;
    font-size: 0.81rem;
}
.mini-amount {
    font-size: 0.81rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}
.mini-amount.amount-green {
    background-color: #EDFFF9;
    color: #00966D;
}
.mini-amount.amount-red {
    background-color: #FFEDED;
    color: #CE0D0D;
}

@media (max-width: 1200px) {
    .dashboard_header {
        grid-template-columns: 1fr 1fr;
    }
    .dashboard_header h2.dashboard_title {
        grid-row: 1 / 2;
        grid-column: 1 / 2;
    }
    .unread_stats {
        grid-row: 2 / 3;
        grid-column: 1 / 3;
    }
    /* .help-text {
        grid-row: 1 / 2;
        grid-column: 2 / 3;
    } */

}
@media (max-width: 1199px) {
    .mini-msg-title {
        flex-direction: column;
        align-items: flex-start !important;
    }
    .mini-msg-title h2.dashboard_title {
        margin-bottom: 0px;
    }
}
@media (max-width: 1024px) {
    .mini-view-section {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 600px) {
    .unread_stats {
        grid-template-columns: 1fr;
    }
    .mini-stats {
        grid-column: 1 / 4;
        justify-content: space-around !important;
    }
    i.custom-arrow {
        grid-row: 1 / 2;
        grid-column: 3 / 4;
    }
    .mini-pipeline-stats > div {
        grid-template-columns: 50% auto auto 1fr;
    }
}

a.pull-right.helpsection {
    font-size: 15px!important;
}
.top-bar-icons {
    position: relative;
}
.top-bar-icons .bubble-number {
    position: absolute;
    top: -6px;
    right: -9px;
    width: 20px;
    height: 20px;
    font-size: 9px;
    border: 3px solid #fff;
    padding: 8px;
    font-family: 'Neue Helvetica BQ', sans-serif;
}

/* 07 Jan 2022 */

.customers_list nav.flex-1.min-h-0.overflow-y-auto.bg-white {
    overflow-y: scroll;
    min-height: cal(100vh 300px);
    max-height: calc(100em - 300px)!important;
}


@media only screen and (max-width: 600px) {
    .pagewizards-help-buttons .blocktitlebuttons {
        margin-right: -25px;
    }

    .block-header {
        margin-right: -30px;
    }
  }



/* 07-01 Dashboard Feedback */
.campaignsstats .dashboard-section-headline {
    color: #1d1d1f;
    font-weight: 600;
    font-size: 20px;
    font-family: 'Inter', sans-serif;
    margin: 30px 0;
    letter-spacing: -0.025em;
}
.campaignsstats .dashboard-section-headline a {
    color: #7a7a7a;
    font-family: 'Inter', sans-serif;
    font-size: 0.8rem;
    transition: all 0.2s;
}
.campaign-grid-container {
    padding: 0 !important;
    font-family: 'Inter', sans-serif;
}
.campaignsstats .campaign-card-wrapper {
    padding: 0;
}
.campaign-card-wrapper {
    box-shadow: none !important;
}
.campaign-card-top {
    background: #F9FAFB;
    border-radius: 10px 10px 0 0;
    padding: 15px 25px;
    display: grid;
    grid-template-columns: auto 2fr;
    grid-gap: 1.5em;
    align-items: center;
}
.campaignsstats .campaign-card-wrapper .status {
    margin-bottom: 0 !important;
}
.campaignsstats .campaign-card-wrapper .date {
    color: #7a7a7a;
    font-size: 12px;
}
.campaign-content {
    padding: 5px 25px;
}
.dashboard_home .bg-gray-100{
    background: #F0F0F3 !important;
}
.campaign-content .title {
    margin: 5px 0 0 !important;
}
/* .campaign-content .title a {
    color: #1d1d1f;
    letter-spacing: 0.5px;
} */
.campaign-content .title a {
    color: #1d1d1f;
    font-weight: 600;
    font-size: 20px;
    font-family: 'Inter', sans-serif;
    letter-spacing: -0.025em;
}
.campaign-card-wrapper .messages-stats {
    color: #1d1d1f !important;
    font-weight: 600;
}
.campaign-card-wrapper .messages-desc {
    color: #7a7a7a;
    font-size: 13px;
    /* letter-spacing: 0.3px; */
    margin: 8px 0 12px;
    line-height: 1.3;
    max-width: 25ch;
}
.campaign-card-wrapper .status span {
    letter-spacing: 0.1px;
    font-weight: 500 !important;
}
.contacts-stats > div {
    color: #7a7a7a;
    font-size: 12px;
    text-align: center;
}
.contacts-stats span {
    line-height: 1;
    font-size: 1.125rem;
}
.stats-orange {
    color: #F49220;
}
.stats-green {
    color: #22D0A0;
}
.stats-red {
    color: #FF3E3E;
}
.new-campaign-wrapper {
    border: 1px dashed #9CA3AF;
    height: auto;
    width: auto;
    border-radius: 10px;
    font-family: 'Inter', sans-serif;
    cursor: pointer;
    min-height: 220px;
}

.new-campaign-wrapper .plus-sign {
    font-size: 60px;
    color: #2050F4;
    line-height: 60px;
}
.new-campaign-wrapper h3 {
    color: #1D1D1F;
    font-size: 22px;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    letter-spacing: -0.025em;
}

.dashboard_home .campaign-nothing-found, .dashboard_home .campaign-grid-container {
    padding: 0px!important;
    margin-bottom: 30px;
    grid-template-columns: 1fr 1fr 1fr 150px;
    gap: 29px 1em;
}

.campaign-nothing-found .new-campaign-wrapper{
    height: 250px;
}


/* 10-01 */
.customers_list__table_view .third-row-wrap {
    min-width: 23.3%;
}

.customers_list__table_view .spacious-container {
    overflow-y: hidden;
    overflow-x: auto;
}

input:checked ~ .dot {
    transform: translateX(100%);
    background-color: #FF000E;
}
.toggle-outer {
    background: #d4d4d4;
}

input:checked ~ .toggle-outer {
    background: #FFCCCC;
}
.customers_list__table_view .blocktitlesection {
    flex-grow: 0;
    flex-basis: 30%;
}
.customers_list__table_view .third-row-wrap {
    width: auto;
    min-width: auto;
}

.toggle-title {
    color: #1D1D1F;
    font-family: 'inter';
}
.customers_list__table_view .filters-section {
    float: none;
}
.alphabet_chars_wrapper .other_filters div.adminform_savebutton input {
    width: 100%;
    height: 38px;
}
.alphabet_chars_wrapper .other_filters div {
    min-width: 19% !important;
}
.alphabet_chars_wrapper .other_filters div.adminform_savebutton {
    min-width: 160px !important;
}


.alphabet_chars a {
    transition: all 0.3s;
}
.alphabet_chars a:hover {
    background-color: #2050F4;
    border-radius: 50%;
}

.customers_list__table_view .at-cell-contact a {
    color: #2050F4;
    opacity: 0.7 !important;
}
.customers_list__table_view .at-cell-contact a:hover {
    opacity: 1 !important;
}

.customers_list__table_view .extended_search_button.salesperson.ab-button {
    padding-top: 9px !important;
    transition: all 0.3s;
}
.salesperson.extended_search_button.ab-button:focus, .salesperson.extended_search_button.ab-button:hover {
    border-color: #2050F4;
    background-color: #2050F4;
}
.customers_list__table_view .adminbuttons {
    display: flex;
    justify-content: flex-end;
    width: 98%;
}
.customers_list__table_view .adminbuttons button {
    float: none;
}
.refresh-btn {
    cursor: pointer;
}

.customer-table tbody tr {
    transition: all .4s;
}

.alphabet_chars_wrapper .other_filters div .title {
    text-transform: uppercase;
    color: #b5bbd0 !important;
    letter-spacing: 0.5px;
    font-size: 0.69rem;
    font-weight: 600;
    margin-bottom: 5px;
}
.customers_list__table_view .secon-row-nav {
    margin: 11px 0 10px;
}

@media (max-width: 1024px) {
    .customers_list__table_view .third-row-wrap {
        width: 100% !important;
    }
    .customers_list__table_view .third-row-wrap > div {
        margin: 0 !important;
    }
    .customers_list__table_view .second-row-nav-wrapper {
        width: 100% !important;
        justify-content: flex-end;
    }
}


/* 11-01-2022 */
.customer-edit-icon .dropdown-item:hover i.pipeline-icons {
    color: #2050F4;
}
.note{
    position: relative;
}
.note span {
    color: #414141 !important;
    font-weight: 500 !important;
    word-break: break-word;
}

.note a.edit-note-link {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 0.9rem;
    /* position: relative;
    /* right: 10px; */
    /* top: 10px; */
    /* float: right;
    top: -25px; */
}
.unread-dot {
    position: absolute;
    top: 9px;
    left: 10px;
    width: 15px;
}
.leadcontainer .name {
    margin-top: 6px;
}
.pipeline_view .leadcontainer > div.active {
    border: 2px solid #8d94a4;
}
.customer-edit-icon > a {
    transition: all 0.3s;
    padding: 6px;
}

.customer-edit-icon > a#dropdownMenu2:hover {
    background: #f2f2f2 !important;
    border-radius: 50%;
}

.note-footer-icons > a {
    padding: 8px;
    transition: all 0.3s;
}
.note-footer-icons > a:hover {
    background: #f2f2f2 !important;
    border-radius: 50%;
}
.note-footer-icons a i {
    color: #c6c6c5;
    font-size: 1.2rem;
}

.note-footer-icons > a:hover i {
    color: #2050F4;
}

i.custom-arrow {
    border: 2px solid #eaeaea;
    border-radius: 20px;
    width: 45px;
    height: 25px;
    text-align: center;
    padding: 3px 0;
    font-size: 13px;
    transition: all 0.3s;
    color: #7a7a7a;
}

.note-footer a:hover i.custom-arrow {
    color: #2050F4;
    border: 2px solid #2050F4;
}

.note-footer .tooltip > .tooltip-inner  {
    background-color:#2050F4;
    font-size: 0.875rem;
    border-radius: 20px;
    padding: 10px;
    width: 80px;
}

.note-footer .tooltip-arrow {
    display: none !important;
}

.bubble-number {
    border-radius: 50%;
    font-size: 0.75rem;
    font-weight: 500;
    width: 23px;
    height: 23px;
    padding: 5px;
    background: #FF000E;
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.top-bar-icons {
    position: relative;
}
.top-bar-icons .bubble-number {
    position: absolute;
    top: 0px !important;
    right: 26px !important;
    width: 25px !important;
    height: 25px !important;
    font-size: 9px;
    border: 3px solid #fff;
    padding: 8px;
    font-family: 'Inter', sans-serif;
}

@media (max-width: 1100px) {
    .contacts-stats {
        display: grid!important;
        grid-template-columns: 1fr 1fr;
        grid-gap: 1em;
    }
    .campaign-card-wrapper .contacts-stats > div {
      width: auto!important;
    }
  }

  @media (max-width: 600px) {

      .dashboard_home .campaign-nothing-found, .dashboard_home .campaign-grid-container {
        grid-template-columns: 1fr;
      }
      .new-campaign-wrapper {
        min-height: 250px;
      }
  }


/* 10-01 */
/***    left menu ****/
/***********************  TOP Bar ********************/


.main-nav-menu-item.active {
    background: #2050F4 !important;
    color: #fff;
    /* width: 75%; */
}

.sidebar {
    width: 220px;
    background-color: #000;
    transition: all 0.3s ease-in-out;
}

.bg-defoult {
    background-color: #222;
}

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

.sidebar li a,
.sidebar li a.collapsed.active {
    display: block;
    padding: 8px 12px;
    color: #fff;
    border-left: 0px solid #dedede;
    text-decoration: none
}

.sidebar li a.active {
    background-color: #000;
    border-left: 5px solid #dedede;
    transition: all 0.5s ease;
}

.sidebar li a:hover {
    background-color: #000 !important;
}

.sidebar li a i {
    padding-right: 5px;
}

.sidebar ul li .sub-menu li a {
    position: relative
}

.sidebar ul li .sub-menu li a:before {
    font-family: FontAwesome;
    content: "\f105";
    display: inline-block;
    padding-left: 0px;
    padding-right: 10px;
    vertical-align: middle;
}

.sidebar ul li .sub-menu li a:hover:after {
    content: "";
    position: absolute;
    left: -5px;
    top: 0;
    width: 5px;
    background-color: #111;
    height: 100%;
}

.sidebar.fliph .menu-title {
    display: none;
    transition: all 0.5s ease;
}

.sidebar ul li .sub-menu li a:hover {
    background-color: #222;
    padding-left: 20px;
    transition: all 0.5s ease-in-out
}

.sub-menu {
    border-left: 5px solid #dedede;
}

/* .sidebar li a .nav-label,
.sidebar li a .nav-label+span {
    transition: all 0.5s ease-in-out
}


.sidebar.fliph li a .nav-label,
.sidebar.fliph li a .nav-label+span {
    display: none;
    transition: all 0.5s ease-in-out
} */

.sidebar.fliph {
    width: 80px;
    transition: all 0.5s ease;
}


.sidebar.fliph li {
    position: relative
}

.sidebar.fliph .sub-menu {
    position: absolute;
    left: 39px;
    top: 0;
    background-color: #222;
    width: 150px;
    z-index: 100;
}

 .desktop-logo {
    display: block;
}
.collapse-logo {
    display: none;
}
.sidebar.fliph .main-nav-menu-item {
    transform:translateX(8px);
    transition: all 0.3s;
    width: 50px;
}
.sidebar.fliph .main-nav-menu-item.active {
    width: 40px;
}
.sidebar.fliph .main-nav-menu-item:hover, .sidebar.fliph .main-nav-menu-item:focus, .sidebar.fliph .main-nav-menu-item:active {
    width: 40px;
}
nav .main-nav-menu-item:hover, nav .main-nav-menu-item:focus, nav .main-nav-menu-item:active {
    background: linear-gradient(272deg, rgb(34 74 209) 0%, rgba(32,80,244,1) 100%) !important;
}
.mini-sidebar-arrow {
    background-color: #0e1f5e;
    height: 50%;
    border-radius: 5px;
    position: relative;
    left: 0;
}
.sidebar.fliph .mini-sidebar-arrow {
    z-index: 999;
    left: 14%;
    transition: all 0.3s;
    /* position: absolute; */
}
.main-nav-menu-item:hover i,
.main-nav-menu-item.active i {
    color: #fff;
}

.msg-badge {
    border-radius: 20px;
    height: 20px;
    width: auto;
    min-width: 30px;
    display: inline-flex;
    transition: all 0.3s;
    font-family: 'Neue Helvetica BQ', sans-serif;
    transition: all 0.3s;
}

.sidebar.fliph .msg-badge {
    display: none;
}

.mini-msg-badge {
    display: none;
    transition: all 0.3s;
    border-radius: 20px;
    height: 18px;
    width: auto;
    min-width: 30px;
    font-family: 'Neue Helvetica BQ', sans-serif;
    top: -0.6em;
    left: 0.6em;
    font-size: 11px;
    transition: all 0.3s;
}
.sidebar.fliph .mini-msg-badge {
    display: flex;
}

.profile-menu {
    font-family: 'Neue Helvetica BQ', sans-serif;
    background: #142B75;
    border-radius: 10px;
}

.user-abbr {
    background-color: #2050F4;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
}
.profile-menu h3,
.profile-menu h5 {
    font-family: 'Neue Helvetica BQ', sans-serif;
}
.profile-menu h5 {
    color: #5B72BC;
}
.sidebar.fliph .profile-menu {
    /* transform: translateX(-10px);
    transition: all 0.3s;
    padding: 8px !important;
    margin-left: 1rem !important;
    margin-right: 1rem !important; */
}


.sidebar.fliph .user-name {
    display: none;
    transition: opacity 0.3s;
}

.pipeline_div {
    border: 1px solid #fff !important;
    transition: all 0.6s ease-in-out!important;
}
.pipeline_div:hover {
    border: 1px solid #707070 !important;
    transition: all 0.6s ease-in-out!important;
}

.headerstep_title {
    font-family: 'Inter', sans-serif;
    font-weight: 500!important;
}
.customer_status_class:before {
    width: 6px !important;
    height: 6px !important;
    background: #1d1d1f;
}

.notes-content > span {
    word-break: break-word;
}

.fc-event-title {
    white-space: normal!important;
    text-overflow: ellipsis!important;
    max-height:20px!important;
 }
 .fc-event-title:hover {
    max-height:none!important;
 }

 /* 27-01 */

 @font-face {
     font-family: Helvetica;
     src: url('./fonts/Helvetica-Regular.ttf');
 }
 @font-face {
     font-family: 'HelveticaBold';
     src: url('./fonts/HelveticaNeueBold.otf');
 }

 .notes-column {
    grid-template-columns: 1fr;
    max-width: 760px;
}
 .notes-time, .notes-author {
     color: #7a7a7a;
 }
 .notes-time i {
     color: #c6c6c6;
 }
 .notes-content {
     border-color: #ffe44e;
 }

 .green-bg {
     background-color: #d3ffec;
 }
 .green-txt {
     color: #00af7f;
 }
 .clear-reminder:hover {
     color: #00af7f;
 }
 .helvetica {
     font-family: 'Helvetica';
 }
 .helvetica-bold {
     font-family: 'HelveticaBold';
 }
 .helvetica-neue {
     font-family: 'Neue Helvetica BQ', sans-serif;
 }
 .notes-content-click {
     border: 1px solid #8B8F93;
     border-left-width: 1px !important;
     border-radius: 5px;
 }

 .update-notes-btn {
     display: none !important;
 }

 .notes-content-click .update-notes-btn {
     display: flex !important;
 }

 .notesdropdown-wrapper .dropdown-menu {
     min-width: 250px;
 }
 .notesdropdown-wrapper .dropdown-item {
     color: #7a7a7a;
 }
 svg.show-all-dot .cls-1,
 svg.show-all-dot .cls-2 {
     fill: #1d1d1f !important;
 }

 @media (min-width: 768px) {
     #edit_modal .modal-dialog {
         width: 550px;
     }
 }


 /* 28-01 Overview */

:root {
    --helveticaBold: 'HelveticaBold', sans-serif;
    --helveticaNeue: 'Neue Helvetica BQ', sans-serif;
    --helvetica: 'Helvetica', sans-serif;
    --darkColor: #1d1d1f;
  }

@font-face {
    font-family: Helvetica;
    src: url('./fonts/Helvetica-Regular.ttf');
}
@font-face {
    font-family: 'HelveticaBold';
    src: url('./fonts/HelveticaNeueBold.otf');
}

.main-overview-wrapper {
    background: #f3f4f6;
}

.color-header {
    grid-template-columns: 90% 10%;
}
.overview-options {
    grid-template-columns: 90% 10%;
}
.color-header .help-text i {
    margin-left: auto;
}
.status-color {
    background-color: #931eff;
    font-family: var(--helveticaNeue);
}
.status-color h3 {
    font-family: var(--helveticaNeue);
}
.darkColor {
    color: #1d1d1f;
}
.initial-circle {
    background-color: #e7eaf0;
    border: 7px solid #fff;
}

.helvetica {
    font-family: 'Helvetica';
}
.helvetica-bold {
    font-family: 'HelveticaBold';
}
.helvetica-neue {
    font-family: 'Neue Helvetica BQ', sans-serif;
}
.tags-btn {
    background-color: #f0f0f3;
    color: #807f7f;
}
.value-btn {
    background-color: #cef2e1;
    color: #089b73;
}
.value-btn:hover {
    color: #089b73;
}

.customer_details_statuses_section ol li {
    background-color: #f0f0f3;
    margin-left: 5px;
}
.customer_details_statuses_section ol li a {
    padding: 10px 5px 10px 40px !important;
}

.customer_details_statuses_section ol li a:before {
    top: 0;
    left: 0px;
    z-index: 9;
    position: absolute;
    content: "";
    display: table;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 23px 0 22px 22px;
    border-color: transparent transparent transparent #fff;
}

.customer_details_statuses_section ol li a:after {
    top: 0;
    right: -20px;
    z-index: 10;
    position: absolute;
    content: "";
    display: table;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 23px 0 22px 22px;
    border-color: transparent transparent transparent #f0f0f3;
}
.customer_details_statuses_section ol li:not(:first-child).selected a:before {
    border-width: 23px 0 22px 22px !important;
}
.customer_details_statuses_section ol li:not(:first-child).selected a:after {
    right: -20px !important;
    z-index: 10 !important;
    border-width: 23px 0 22px 22px !important;
    /* border-color: transparent transparent transparent #931eff !important; */
    border-color: transparent transparent transparent #931eff;
}
.customer_details_statuses_section ol li.selected {
    /* background: #931eff !important; */
    background: #931eff;
}
.header-dropdown .dropdown-menu > a {
/* color: #585C60;
margin-bottom: 0.5rem; */
margin-inline: 10px;
width: 90%;
/* padding: 6px 2rem; */
font-family: 'Inter', sans-serif;
border-bottom: 1px solid #f2f2f2;
/* font-weight: 500; */

}

.header-dropdown .dropdown-menu .red-dropdown {
    border: 2px solid #fd5050;
    color: #fd5050;
    width: auto;
    margin-bottom: 10px;
}
.header-dropdown .dropdown-menu .red-dropdown:hover {
    color: #fd5050 !important;
    background: transparent !important;
}
.header-dropdown .dropdown-menu {
    min-width: 350px;
    z-index: 995;
}
.phone-call-item span {
    background-color: #22d0a0;
}
.phone-call-item {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}

@media (min-width: 600px) {
    #color-key-popup .modal-dialog {
        width: 600px !important;
    }
}

.color-status {
    display: grid;
    grid-template-columns: 1fr 2fr;
}
.customer-tabs a {
    font-family: 'Neue Helvetica BQ', sans-serif;
    letter-spacing: 0.3px;
}
.customer_details_statuses_section ol li:not(:last-child).selected a:after {
    top: 0;
    right: -22px !important;
    z-index: 10 !important;
    position: absolute;
    content: "";
    display: table;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 23px 0 22px 22px !important;
    /* border-color: transparent transparent transparent #931eff !important; */
    border-color: transparent transparent transparent #931eff;
}

/* 29-01 start customer profile css */
.overview-first-col {
    grid-template-columns: 1fr 2fr;
}
.single-comm {
    display: grid;
    grid-template-columns: 65% 10% auto;
    grid-gap: 1rem;
    border: 1px solid transparent;
    transition: all 0.3s ease-in-out;
    margin-top: 1rem;
}

.single-comm i.fa-angle-right {
    transition: all 0.3 ease-in-out;
}

.single-comm:hover i.fa-angle-right {
    color: #2050F4;
}
.single-comm:hover {
    /* border: 1px solid #1d1d1f; */
    /* border-radius: 6px; */
    background: #2050F4;;
}

.nice-select.form-control.overview-dropdown {
    height: 44px;
    display: flex !important;
    align-items: center;
    /* border: 0; */
}
.overview-notes .notes-box {
    background-color: #feffe0;
}
.overview-notes .notes-box h3 {
    color: #c4bd14;
}
.blank-note > div {
    min-height: 182px;
    cursor: pointer;
}

@media (max-width: 768px) {
    .overview-first-col {
        grid-template-columns: 1fr;
    }
}
/* 29-01 end customer profile css */

.main-nav-menu-item {
    transition: all 0.3s ease-in-out;
    color: #94a3d9 !important;
    cursor: pointer;
}
nav .main-nav-menu-item.active {
    background: linear-gradient(90deg, rgba(0,36,159,1) 0%, rgba(32,80,244,1) 100%) !important;
    color: #fff !important;
}
.main-nav-menu-item.active .fa-duotone {
    --fa-secondary-opacity: 1.0
}
nav .main-nav-menu-item:hover, nav .main-nav-menu-item:focus, nav .main-nav-menu-item:active {
    background: #051655;
}
nav .main-nav-menu-item a {
    align-items: center;
    font-size: 0.9rem;
    transition: all 0.3s;
}
nav .main-nav-menu-item a > i {
    font-size: 1.4rem !important;
}
nav .main-nav-menu-item a > i.fa-caret-down {
    font-size: 1rem !important;
}

.newclassbyatul::after {
  border-color: var(--myVar);
}

/* 02-02 */
.single-comm i.fa-angle-right {
    /* background-color: #e5e5ea; */
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #FFF;
    visibility: hidden;
    opacity: 0;
}

.single-comm:hover i.fa-angle-right {
    /* color: #2050F4;
    background-color: #fff; */
    visibility: visible;
    opacity: 1;
}

.header-cta > a:hover, .header-cta > div:hover {
    border: 1px solid #2050F4;
    color: #2050F4;
    background-color: transparent;
}
.grey-14 {
    color: #7a7a7a !important;
    font-size: 0.875rem !important;
}
.single-comm i.fa-duotone {
    width: 40px;
    height: 40px;
}
.customer_details_statuses_section ol li.selected a {
    color: #fff !important;
}
.customer_details_statuses_section ol li a {
    padding: 7px 3px 7px 35px !important;
}
.customer_details_statuses_section ol li a:before {
    border-width: 18px 0 22px 22px;
}
.customer_details_statuses_section ol li a:after {
    border-width: 18px 0 21px 22px;
}
.customer_details_statuses_section ol li:not(:first-child).selected a:before {
    border-width: 18px 0 22px 22px !important;
    left:-1px !important;
}
.customer_details_statuses_section ol li:not(:last-child).selected a:after {
    border-width: 18px 0 20px 22px !important;
}
.default__view article .notes-box .customer-edit-icon {
    position: absolute !important;
    top: -10px;
    right: 10px;
}
.overview-notes .notes-box {
    background-color: #fff;
}
.overview-notes .sms-notes-desc {
    border-left: 4px solid #ffe140;
}
.blank-note > div {
    min-height: 200px;
}
.color-header {
    grid-template-columns: 93% 7%;
}
.overview-options {
    grid-template-columns: 97% 3%;
}
.overview-first-col {
    grid-template-columns: 30% 1fr auto;
    max-width: 1200px;
    grid-gap: 1.5rem;
}
.overview-second-col {
  grid-template-columns: 1fr 1fr 1fr 3% !important;
  /* max-width: 1200px; */
}
.overview-third-grid {
    grid-template-columns: 30% 1fr auto !important;
    max-width: 1300px;
    grid-gap: 1.5rem;
  }
.nice-select.form-control.overview-dropdown {
    max-width: 100%;
}

@media (max-width: 767px) {
    .overview-first-col {
        grid-template-columns: 1fr;
    }
    .overview-second-col {
        grid-template-columns: 1fr !important;
    }
}
.overview-top {max-width: 1300px;}
.customer_details_statuses_section ol li:not(:first-child).selected a:after {border-width: 19px 0 19px 23px !important;}
.header-cta > a > i.fa-solid {margin-top: 0.125rem;}
.inter {font-family: 'Inter', sans-serif;}
.add-note-wrapper {z-index: 11;max-width: 760px;width: 50%;}
.msggrids.notesmainpage{display: grid; /*grid-template-columns: 92% 8%;*/ max-width: 1200px !important;}
.notesmainpage .rd-dash-conversation-view {padding-right: 0px;}
.notesmainpage .paddrightzero{padding-left: 2.5rem !important;}
.notesmainpage .rd-dash-conversation-view > .px-4 {padding-left: 2.5rem !important;}
/* 07-02 */
.sidebar.custom-sidebar {
    position: fixed;
    height: 100%;
    width: 15%;
    z-index: 1;
}
.sidebar.custom-sidebar.fliph {
    width: 70px;
    z-index: 999;
}
.main-body-wrapper {
    max-width: 85%;
    margin-left: auto;
    transition: all 0.3s ease-in-out;
}
.main-body-wrapper.expand-body {
    max-width: 96.3%;
    /*z-index: 0;*/
}
.mini-sidebar-arrow {
    left: 10px;
}
.sidebar.fliph .mini-sidebar-arrow {
    left: 0;
    /* left: -5px; */
}
.col-md-4.custom-list-view-sidebar {
    position: fixed !important;
    left: 15%;
    width: 375px;
}

.expand-body .col-md-4.custom-list-view-sidebar {
    left: 70px;
}
/* .col-md-8.custom-content-wrapper {
    width: 73% !important;
    margin-left: auto;
} */
.expand-body .col-md-8.custom-content-wrapper {
  width: 100% !important;
  margin-left: 375px;
}

.customers_list nav.flex-1.min-h-0.overflow-y-auto.custom-customer-list.custom-appointment-list {
    overflow-y: auto;
    max-height: calc(100vh - 260px)!important;
    height:100vh;
}
/* 08-02 */
.signwrapper .main-body-wrapper {
  max-width: 100% !important;
}
.conversation_section .bg-gray-100 {
    background-color: #f0f0f3 !important;
}
.block-content-outer.msg-grid {
    display: block !important;
}
.col-md-3.custom-sms-contact {
    position: fixed !important;
    left: 14%;
    width: 375px !important;
    z-index: 2;
    transition: all 0.3s;
}

.col-md-9.custom-conversation {
    margin-left: 375px;
    margin-right: 375px;
    transition: all 0.3s;
}

.msg-grid .rd-dash-customer-info {
    position: fixed;
    top: 55px;
    right: 0;
    width: 375px;
    transition: all 0.3s;
}

.expand-body .col-md-3.custom-sms-contact {
     left: 70px;
     width: 375px !important;
     z-index: 10;
}

/* .expand-body .col-md-9.custom-conversation {
    width: 49% !important;
} */

.sidebar.custom-sidebar {
    width: 14%;
}
.main-body-wrapper {
    max-width: 100%;
}
.col-md-8.custom-content-wrapper {
  width: 100% !important;
  margin-left: 375px;
}
.col-md-4.custom-list-view-sidebar {
    left: 14%;
}
.appointments_list .bg-gray-100 {
    background-color: #f0f0f3 !important;
}

.flex-1.min-h-0.overflow-y-auto.custom-sms-contact-list { overflow-y: auto;overflow-y: auto;overflow-x: hidden;max-height: calc(100vh - 268px) !important;}
.at-cell-tags span .label-info {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.at-cell-tags span .label-info:hover {
    background-color: rgb(206, 242, 225) !important;
    color: rgb(8, 155, 115) !important;
}

.user-abbr {
    width: 2.5rem;
    height: 2.5rem;
}

@media (min-width: 2000px) {
    .sidebar.custom-sidebar {
        width: 250px;
    }
    .main-body-wrapper {
      max-width: 100%;
      margin-left: 250px;
    }
    .main-body-wrapper.expand-body {
        max-width: 100%;
        margin-left: 70px;
    }
    .col-md-4.custom-list-view-sidebar {
        left: 250px;
    }
    .col-md-3.custom-sms-contact {
        left: 250px;
    }
    
}
.pointer{
    cursor: pointer;
}
.email-message-preview .show-full-message {
    font-size: 13px;
    display: table;
    width: 100%;
    text-align: right;
    margin-top: 10px;
    /* color: black; */
}
.customer-details-tabs a {
  font-family: 'Inter', sans-serif;
  padding-top: 0;
}
.customer-notes .row1 {
  height: 400px;
}
.main-header-section {
  position: fixed;
  /*top: 0;
  width: 86%; */
}
.appointment-overview {
position: fixed;
  right: 0;
  height: 100%;
  width: 23%;
  overflow-y: auto;
}

@media (min-width: 2000px) {
  .main-header-section {
    width: 100%;
  }
}

/* 15-02 */
.custom-list-view-sidebar.customer-list-custom {
    background-color: #fff;
}
.custom-customer-list .divide-y > :not([hidden]) ~ :not([hidden]) {
    border-color: #f2f2f2;
}
.customer-list-box:hover .customer-info {
    color: #1d1d1f !important;
}
.customer-list-box .days-count {
    font-size: 11px;
}
.customer-list-box.active_tab .days-count {
    color: #fff;
}
/* Utility Classes */
.bg-lightgray {
    background-color: #f0f0f3 !important;
}
.medium-gray-font {
    color: #7a7a7a;
}
.semi-dark-font {
    color: #414141;
}
.rounded-10 {
    border-radius: 0.625rem;
}
.border-gray-light {
    border-color: #f2f2f2;
}
.border-gray-dark {
    border-color: #e1e3e8;
}
.border-gray-darker {
    border-color: #d6d8de;
}
.bg-offwhite {
    background-color: #f6f7f9;
}
.bg-gray-light {
    background-color: #f2f2f2;
}
@media (max-width: 1440px) {
  .expand-body .col-md-8.custom-content-wrapper {
    margin-left: 350px;
}
}

/* menu contact smart list */
.custom-sidebar.fliph .smart-list-wrapper{
    display: none;
    position: absolute;
    left: 32px;
    top: -10px;
    background-color: #2050F4;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    border-radius: 5px;
    padding: 10px 20px;
}
.contact_nav:hover .smart-list-wrapper {
    /* display: block; */
}

.sidebar.fliph .customer_smart_list .menu-title {
    display: block;
}
.custom-sidebar.fliph .customer_subitems{
    display:none;
}
.custom-sidebar .customer_subitems{
    display:block;
}
.custom-sidebar.fliph .customer_smart_list{
    display:flex;
}
.customer_smart_list.hide{
    display: none;
}
.tag-label-warning{
    background-color: #F8D9D9;
    color: #D30000;
}

.in_section_title_and_breadcrumbs h2 {
    margin: 0;
    font-size: 1.7rem !important;
    font-weight: 700 !important;
    color: #1d1d1f !important;
    font-family: 'Inter', sans-serif;
}

/***** 23-02 Laptop Media Query added for overview*******/

.customer_section .custom-list-view-sidebar {
    z-index:1;
}
.overview-options .help-text {
    display: flex;
    top: 26px;
    z-index: 10;
}
.mobile-color-strip {
    display: block;
    height: 0.7rem;
}
/* .quick-text {
    display: none;
} */
/* Floating Label Select Dropdown */
.did-floating-label-content {
    position: relative;
    margin-bottom: 10px;
    /* display: none; */
}

.did-floating-label {
    color: #7a7a7a;
    font-size: 0.625rem;
    position: absolute;
    pointer-events: none;
    left: 15px;
    top: 11px;
    padding: 0 5px;
    background: #fff;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}
.did-floating-select {
    font-size: 12px;
    display: block;
    width: 100%;
    height: 36px;
    padding: 0 20px;
    background: #fff;
    color: #323840;
    border: 1px solid #e1e3e8;
    border-radius: 10px;
    box-sizing: border-box;
}
.did-floating-select:focus {
    outline: none;
}
.did-floating-select ~ .did-floating-label {
    top: -7px;
    font-size: 0.625rem;

}
select.did-floating-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select.did-floating-select::-ms-expand {
    display: none;
}

.did-floating-select:not([value=""]):valid ~ .did-floating-label {
    top: -8px;
    font-size: 0.18rem;
}

.did-floating-select[value=""]:focus ~ .did-floating-label {
    top: 11px;
    font-size: 0.18rem;
}

.nice-select.laptop-status {
    height: 2.5rem;
    border-radius: 0.625rem;
    border: 1px solid #E1E3E8;
    width: 180px !important;
    display: flex;
    font-size: 1rem;
    white-space: normal;
}
.nice-select.laptop-status .option {
    font-weight: 600 !important;
}
.laptop-customerimg {
    display: inline-flex !important;
}
.laptop-edit-tag {
    display: none;
}

.tags-green {
    color: #007B59;
    background-color: #CEF2E1;
}
.remove-tag-button {
    color: #007B59 !important;
}
.remove-tag-button:hover {
    color: #007B59 !important;
}
.customers_list .customer_section .ab-button {
    font-size: .9rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    border-radius: 0.5rem;
}
.rounded-5 {
    border-radius: 0.3rem;
}
.bg-lightgray1 {
    background-color: #f5f5f5;
}
.tags-btn:hover {
    color: #7a7a7a;
}


.color-header .help-text,
.overview-options .help-text {
    border-radius: 10px 0 0 10px;
    background-color: #f0f0f3;
    position: absolute;
    right: -110px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.color-header .help-text:hover,
.overview-options .help-text:hover {
    right: 0;
}

.color-header .help-text i,
.overview-options .help-text i {
    width: 26px;
    height: 26px;
    font-size: 9px;
}

.color-header .help-text a,
.overview-options .help-text a {
    padding: 0;
    display: flex;
}

.help-text i {
    padding-top: 0.1rem;
}

.overview-dropdown.nice-select .option {
    font-weight: 500;
}
.nice-select.form-control.overview-dropdown {
    border-radius: 10px;
}


@media (max-width: 1450px) {
    .color-header {
        display: none !important;
    }
    .laptop-customerimg {
        display: inline-flex !important;
        width: 3.5rem !important;
        height: 3.5rem !important;
    }
    .laptop-customerimg.customerimg span {
        font-size: 1.5rem;
    }
    .laptop-hide {
        display: none !important;
    }
    .laptop-show {
        display: block;
    }
    .laptop-edit-tag {
        display: inline-flex;
    }
    .quick-text {
        display: block;
    }
    .mobile-color-strip {
        display: block;
        height: 0.6rem;
    }
    .header-right > div {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    .customer_details_statuses_section {
        display: none !important;
    }
    .header-cta > a {
        display: none;
    }
    .overview-options .help-text {
        display: flex;
        top: 40px;
    }
    .overview-options .help-text i {
        margin-left: 0;
    }
    .overview-options .customer-name {
        font-size: 1.4rem !important;
        max-width: 300px;
    }
    .in_section_title_and_breadcrumbs h2 {
        font-size: 1.5rem !important;
    }
    .top_line__wrapper {
        align-items: center !important;
    }
    .did-floating-label-content {
        display: block;
    }
    /* .quick-action-dropdown {
        width: auto !important;
        display: flex !important;
        align-items: center;
        padding: 0.3rem 1.5rem !important;
    } */
    .customer-side-info.customer-side-info-tags {
        margin-bottom: 0 !important;
    }
    .overview-title {
        font-size: 1rem !important;
    }

    .single-comm {
        grid-template-columns: 60% 15% auto;
    }
}

@media (max-width: 1440px) {
    .col-md-8.custom-content-wrapper {
        margin-left: 340px;
    }
}

@media (max-width: 1280px) {
    .communication > div {
        grid-template-columns: 1fr !important;
    }
    .communication {
        margin-top: 1rem;
    }
    .overview-first-col {
        grid-template-columns: 1fr;
    }
    .overview-third-grid {
        grid-template-columns: 1fr!important;
    }
}

/********************************/
.bg-lightgray1 {
    background-color: #f5f5f5;
}

.blank-note > div {
    border-color: #969AA3;
}
.bg-lightgray2 {
    background-color: #f2f2f2;
}
.light-blue-bg {
    background-color: #F0F5FF;
}
.centz-blue1 {
    color: #2050F4;
}
/* overview page end laptop view */
/* Appointment Main page laptop start */
@media only screen and (max-width: 1450px) {
    #block0title{
        font-size: 1.125rem;
    }
    .appointment.search-input{
     width: 90% !important;
    }
    .searchbuttonnewappintment {
        position: absolute !important;
        right: 25px !important;
        left: auto !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        display: inline-block !important;
        height: 100% !important;
    }
    .btn-clr{
    font-size: 0.7rem !important;
    }
    .btn-apt{
      /* font-size: 0.8rem !important; */
    }
    .faplusappointment{
        font-size: 0.7rem !important;
        margin-top : 0.25rem;
    }
    .appointment-details p{
    font-size: 0.813rem !important;
    font-weight: 700 !important;
    }
    .nextappointmenttime{
        font-size: 0.813rem !important;
    }
    .appointment-overview h2{
        font-size: 1.125rem;
    }
  }
  @media only screen and (max-width: 1270px) {
      .appointment.search-input{
          width: 70% !important;
         }

         .searchbuttonnewappintment {
          position: absolute !important;
          right: 70px !important;
          left: auto !important;
          top: 50% !important;
          transform: translateY(-50%) !important;
          display: inline-block !important;
          height: 100% !important;
      }

      .btn-clr{
          font-size: 0.7rem !important;
          margin-left: 0.2rem;
      }

      .btn-apt{
          font-size: 0.7rem !important;
          margin-left: 0.2rem;
      }

      .faplusappointment{
          font-size: 0.7rem !important;
          margin-top: 5px;
      }

      .appointment-overview h2{
          font-size: 1rem !important;
      }

      .appointmentnexttodaydiv{
          font-size: 0.8rem !important;
      }
    }
  /* Appointment Main page laptop end */
/* Email and SMS message main tab css start here */
@media only screen and (max-width: 1450px) {
    .top_line__wrapper.new-top-line h2{
      font-size: 1.5rem !important;
    }
    .msg-grid .rd-dash-customer-info .wrapper {
        margin: 1rem !important;
    }
    .rd-dash-conversation-time-full, .rd-dash-conversation-time-short {
        padding-left: 0px;
    }
  }
@media screen and (max-width: 1450px) and (min-width: 1200px) {
  .conversation-started-text::before {
    width: 34%;
}
.conversation-started-text::after {
    width: 34%;
}
}
@media only screen and (max-width: 1450px) {
    .top_line__wrapper.new-top-line h2{
      font-size: 1.5rem !important;
    }
    .msg-grid .rd-dash-customer-info .wrapper {
        margin: 1rem !important;
    }
  }
  /* Email and SMS message main tab css end here */

  /* 24-02 */
.bg-lightgray1:hover {
    background-color: #ECEDEF;
    color: #414141 !important;
}
.light-blue-bg:hover {
    background-color: #E2E8FF;
    color: #0032E0 !important;
}

.bg-green-btn {
    background-color: #E8FCF1;
    color: #0F936F;
}
.bg-green-btn:hover {
    background-color: #CEF2E1;
    color: #007B59 !important;
}
.centz-blue-btn {
    background-color: #2050F4;
    transition: all 0.3s;
}

.centz-blue-btn:hover {
    background-color: #0032E0;
}
.rounded-3 {
    border-radius: 0.2rem;
}
.dark-blue-btn {
    background-color: #0f205e;
    transition: all 0.3s;
}
.dark-blue-btn:hover {
    background-color: #041452;
}
.height-40 {
    height: 2.5rem;
}
@media (max-width: 1450px) {
    .main-body-wrapper.expand-body {
        max-width: 95.3%;
    }
}

@media (max-width: 1440px) {
    .col-md-8.custom-content-wrapper {
        margin-left: 350px;
    }
}
/* calendar view  */
@media only screen and (max-width: 1200px) {
    .custom-main-header .headingtitle {
        font-size: 1.125rem !important;
    }
}
/* campaign view start here */
.bg-light-gray-btn {
    background-color: #F5F5F5;
    color: #7a7a7a;
    transition: all 0.3s;
}
.bg-light-gray-btn:hover {
    background-color: #ECEDEF;
    color: #414141;
}

.btn-transparent:hover {
    background-color: #f2f2f2;
    color: #414141 !important;
}
.height-30 {
    height: 1.875rem;
}
/* campaign view end here */
.emails_choose .email_container{
    margin: 0;
    max-width: 750px;
}
@media (max-width: 1450px) {
    .overview-options {
        grid-template-columns: 96% 4%;
    }
}
    /* 28/02 campaign table view start here */

    /* .campaignwizarddefaultview tr.admintable_row {
        border: 1px solid #A5A5A5;
        border-bottom: 0;
    } */

    /* .campaignwizarddefaultview tr.admintable_row:nth-last-child(2) {
        border: 1px solid #a5a5a5;
    } */

    .campaignwizarddefaultview tr th {
        color: #414344 !important;
        padding: 15px 10px !important;
        font-weight: 700;
    }

    /* .campaignwizarddefaultview tbody tr:hover {
        border: 1px solid black;
    } */

    .campaicampaignwizarddefaultviewgntable td a{
        color: #1D1D1F !important;
    }

    .campaignwizarddefaultview td a:hover {
        color: #2050F4 !important;
    }

    .campaignwizarddefaultview td a:hover b {
        text-decoration: none !important;
    }


    .blocktitlebuttons-wrapper .help-text {
        border-radius: 10px 0 0 10px;
        background-color: #F6F7F9;
        position: absolute;
        right: -110px;
        top: 15px;
        cursor: pointer;
        transition: all 0.3s ease-in-out;
    }

    .help-text i {
        width: 26px;
        height: 26px;
        font-size: 9px;
    }

    .blocktitlebuttons-wrapper .help-text i {
        margin-left: auto;
    }

    .help-text i {
        margin-left: 10px;
        border: 2px solid #2050F4;
        border-radius: 50%;
        width: 25px;
        height: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 10px;
    }

    .blocktitlebuttons-wrapper .help-text:hover {
        right: 0;
    }

    /* 28/02 campaign table view end here */

/* 21-02 start here added on 1-03 */

.dark-blue-btn {
    background-color: #0f205e;
    transition: all 0.3s;
}
.dark-blue-btn:hover {
    background-color: #041452;
}
.height-40 {
    height: 2.5rem;
}
.tox-editor-container{
    width: 500px;
}
/* 21-02 end here */
/* 28-02 added on 1-03 for customer overview start here */
@media (max-width: 1700px) {
    .custom-tab-nav {
        max-width: 500px;
    }
    .customer_details_statuses_section ol li a {
        padding: 7px 5px 7px 30px !important;
    }
    /* .overview-first-col {
        grid-template-columns: 35% 2fr auto;
    } */
    .overview-options {
        grid-template-columns: 96% 4%;
    }
    .color-header {
        grid-template-columns: 96% 4%;
    }
}
@media (max-width: 1450px) {
    .expand-body .col-md-8.custom-content-wrapper {
        margin-left: 350px;
    }
    .col-md-8.custom-content-wrapper {
        margin-left: 350px;
    }
    .customer_section .custom-list-view-sidebar {
        max-width: 350px;
    }
    .col-md-4.custom-list-view-sidebar {
        width: 350px;
    }
    .col-md-4.custom-list-view-sidebar .filterbti {
        width: 2.5rem !important;
        height: 2.25rem !important;
    }
    .top_line__wrapper,
    .search-wrapper,
    .customer_section .custom-customer-list .customer-list-box {
        padding-left: 0.8rem !important;
        padding-right: 0.8rem !important;
    }
}
.customheadertitle{
    align-items: flex-start !important;
}
@media (max-width:1700px) {
    .overview-second-col {
       grid-template-columns: 1fr 1fr auto !important;
    }
    .overview-third-grid {
       /* grid-template-columns: 35% 1fr 1fr auto !important; */
       grid-template-columns: 30% 1fr !important;
    }
}
@media (max-width:1800px) {
   .custom-tab-nav {
    max-width: 500px;
   }
}
/* 28-02 added on 1-03 for customer overview end here */
    /* 01/03 added on 02-03 sujit style added for calendar appointment view start here */
    .btn-apt{
        background-color: #0f205e;
    }

    .btn-apt:hover{
        background-color: #041452;
    }
    /* 01/03 added on 02-03 sujit style added for calendar appointment view end here */
    /* contactlist table css added on 03-03 start here */
    /* .contactlisttable .admintable_row{
        border: 1px solid transparent;
        border-bottom: 0px;
    }
    .contactlisttable .admintable_row:hover{
        border:1px solid #9f9f9f;
    } */
    /* contactlist table css added on 03-03 end here */
        /* fix top bar css added on 07-03 start here */
        .custom-fixed-top .main-header-section {
            position: fixed;
            top: 0;
            width: 86%;
            z-index: 998 !important;
          }

        @media (min-width: 2000px) {
            .custom-fixed-top .main-header-section {
              width: 88%;
            }
         }

         @media (min-width: 2300px) {
            .custom-fixed-top .main-header-section {
              width: 89%;
            }
          }

        .custom-fixed-top .main-body-wrapper.expand-body .main-header-section {
            width: 97%;
        }

        @media (max-width: 1450px) {
            .custom-fixed-top .main-body-wrapper.expand-body .main-header-section {
                width: 96%;
            }
        }
        /* fix top bar css added on 07-03 end here */
/* 07-03 added on 08-03 overview page update start here */
.overview-top .color-header {
    display: none;
}
.overview-top {
    max-width: 100%;
}
.laptop-customerimg.customerimg span {
    font-size: 1.5rem;
}
.overview-options .help-text i {
    margin-left: 0;
}
.value-amt {
    background-color: #e7f8f0;
    color: #12bf84;
}
.contact-info > .bg-white {
    /* min-height: 280px; */
    min-height: 385px;
}
.single-comm .hover-white {
    transition: all 0.3s ease-in-out;
}
.single-comm:hover .hover-white {
    color: #fff;
}
.single-comm:hover i.fa-duotone {
    color: #fff !important;
}
@media (max-width: 1280px) {
    .communication {
        margin-top: 1rem;
    }
    .overview-first-col {
        grid-template-columns: 1fr;
    }
    .overview-third-grid {
        grid-template-columns: 1fr!important;
    }
    .overview-notes .overview-title {margin-top:2rem;}
  .overview-notes {margin-right:0 !important;}
}
.customers_list .customer_section > div:first-child {padding-top: 15px;}
.add-value-div{
    padding: 30px 40px !important;
}
.buttonvalueaddval{
    width: auto;
}
/* .overview-third-grid .overview-notes{
    margin: 0 1.5rem;
} */
@media (max-width: 1700px) {
    .addvaluetextspan{
        display: none;
    }
    /* .overviewheadercustname{
        width: 220px;
    } */
}
/* @media (min-width: 1700px) {
    .overviewheadercustname{
        width: 225px;
    }
    .buttonvalueadd{
        width: 125px;
    }
} */
/* @media (min-width: 1400px) and (max-width: 1600px) {
    .buttonvalueadd{
        width: 140px;
    }
} */
/* 07-03 added on 08-03 overview page update end here */
/* 08-03 added on dropdown quick action start here */
.menu:hover {
    background-color: #F6F7F9;
}
.btn-call{
    background-color: #10BF83 !important;
    height: 40px;
}
.btn-call:hover{
    background-color: #10BF83 !important;
}
.btn-email{
    width: 90%;
    border-bottom: 1px solid #E1E3E8;
}
.myDIV{
    display: none;
    border: 1px solid #F6F7F9;
    margin: 0px 25px 0 10px;
    background-color: #F6F7F9;
    padding: 12px;
    /* border-radius: 0 0 8px 8px; */
}
.btn-action{
    border: 1px solid #E1E3E8;
    color: #7A7A7A;
}
.btn-action:hover, #btn-email:hover, #btn-sms:hover{
    background-color: #FAFAFA !important;
    color: #414141 !important;
}
.new-drop{
    position: absolute !important;
    top: -5px !important;
    right:-3px !important;
}
.bot_none{
    border-bottom: none !important;
}
.dpactionmenues{
    height: 40px;
    text-align: center;
    background-color: #fff0f0;
    padding: 10px;
    border-bottom: none;
    color: #ff000e;
    margin-bottom: 10px;
}
.dpactionmenues:hover {
    background-color: #ffe5e5;
    color: #d30000;
}
.main-header-section{
    z-index: 10002;
}

/* dropdown quick action end here */
/* tables view design start here */
.customer-table tr.admintable_row:hover {
    background-color: #F0F0F3 !important;
}


.customer-table tr td {
    color: #7a7a7a !important;
}

.customer-table tr:hover td{
    color: #1d1d1f !important;
}

.customer-table tr th {
    color: #414344 !important;
    padding: 15px 10px !important;
    font-weight: 700;
}

.at-cell-title a {
    color: #1d1d1f;
    font-weight: 600;
    letter-spacing: normal;
}

.customer-table tr:hover .at-cell-title a{
    color: #2050F4;
}

.blocktitlebuttons-wrapper .help-text {
    border-radius: 10px 0 0 10px;
    background-color: #F6F7F9;
    position: absolute;
    right: -105px;
    top: 15px;
    cursor: pointer;
    box-shadow: none;
    transition: all 0.3s ease-in-out;
}

.help-text i {
    width: 26px;
    height: 26px;
    font-size: 9px;
}

.blocktitlebuttons-wrapper .help-text i {
    margin-left: auto;
}

.help-text i {
    margin-left: 10px;
    border: 2px solid #2050F4;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
}

.blocktitlebuttons-wrapper .help-text:hover {
    right: 0;
}
/* tables view design end here */
/* 10-03 added by jeegar dashboard view design start here */
.db-help-text {
    border-radius: 10px 0 0 10px;
    background-color: #fafafa !important;
    position: absolute;
    right: -100px;
    top: 40px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    padding: 16px !important;
}
.db-help-text i {
    width: 26px;
    height: 26px;
    font-size: 9px;
    margin-left: 0;
}
.db-help-text:hover {
    right: 0;
}
ul.msg-time a {
    color: #7a7a7a;
}
@media (max-width: 1450px) {
    .dashboard_header {
        grid-template-columns: 15% auto 50px;
    }
    /* .mini-view-section {
        grid-template-columns: 1fr 1fr 50px;
    } */
    .dashboard_home .campaign-nothing-found, .dashboard_home .campaign-grid-container {
        grid-template-columns: 1fr 1fr 1fr 50px;
    }
    .campaign-card-wrapper .messages-stats {
        font-size: 14px;
    }
    .campaign-content .title a,
    .new-campaign-wrapper h3 {
        font-size: 18px;
    }
}
/* dashboard view design end here */
/* .secon-row-nav li{
    position: initial !important;
} */

.menutooltiptogglediv .tooltip{
    display: none !important;
}

.menutooltiptogglediv .tooltip > .tooltip-inner  {
    white-space: nowrap;
}
.fliph .menutooltiptogglediv .tooltip{
    display: block !important;
}
.fliph .menutooltiptogglediv .tooltip > .tooltip-inner  {
    background-color:#2050F4;
    font-size: 14px;
    /* border-radius: 20px; */
    /* padding: 10px; */
    /* width: 80px; */
}
.fliph .menutooltiptogglediv .tooltip-arrow {
    display: none !important;
}
.customericonsfont{
    font-size: 1.2rem !important;
}
.pipeline_view ul.secon-row-nav,.campaign__tableview_listing ul.secon-row-nav{
    transform: rotate(180deg);
}
.pipeline_view ul.secon-row-nav li.select-view-icons,.campaign__tableview_listing ul.secon-row-nav li.select-view-icons{
    transform: rotate(-180deg);
}
@media (max-width:1280px) {
    .overview-appointment, .overview-note, .contact-info, .communication > .grid > div:first-child {
        margin-right:0 !important;
    }
}
.centz-blue-button-bg {
    background-color: #2050F4;
    transition: all 0.3s;
}
.centz-blue-button-bg:hover {
    background-color: #0032E0;
}
.at-cell-type{
    padding-left: 1rem !important;
}
#block0title{
    font-size: 1.7rem !important;
    letter-spacing: -0.025em;
}

/* 22-03 */
.conversation_section .emails_choose .email_container {
    max-width: 100%;
}
.conversation_section .emails_choose {
    margin-right: -590px;
    width: 100%;
}
@media (max-width: 1350px) {
    .conversation_section .emails_choose {
        margin-right: -1040px;
    }
}

.customertabledivnew .customer_tagsline {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.customertabledivnew th > a[href="javascript:;"] {
    display: flex;
    align-items: center;
    gap: 3px;
}
.at-cell-contact_date i {
    font-size: 0.75rem !important;
}
.tablewrapper .customer_section .contact-info {
    font-size: 0.81rem !important;
}
.modal-content .modal-title {
    font-size: 1.375rem;
}
.customers_list.default__view .emails_choose {
    margin-left: 10px;
    width: 100%;
    margin-right: -590px;
}
.customers_list.default__view .emails_choose .email_container {
    display: inline-block !important;
    width: calc(100% - 90px) !important;
}

.customers_list.default__view .emails_choose .email_container .adminform_form {
    display: block !important;
}

@media (max-width: 1600px) {
    .laptop-customerimg {
        width: 3.5rem !important;
        height: 3.5rem !important;
    }
    .laptop-customerimg.customerimg span {
        font-size: 1.3rem;
    }
    .overviewheadercustname {
        font-size: 1.375rem !important;
    }
}

nav .main-nav-menu-item:hover a.menutooltiptoggle {
    color: #fff;
}
.customers_list .customer_section > div:first-child {
    padding-top: 15px !important;
    min-height: 100vh;
}
.bg-gray-100 {background-color: #f0f0f3 !important;}

  /* Request Video */

  .cal-icon5{
    padding: 0.813rem 0.938rem;
    color: #f42020;
    background-color: #fff0f0;
    font-size: 1.5rem;
}


form.example input[type=text] {
  padding: 0.375rem;
  float: left;
  width: 85%;
  background: #fff;
  border-radius: 0.5rem 0 0 0.5rem;
}

form.example button:hover {
    background: #e1e3e8;
    color: #7a7a7a;
}

form.example::after {
  content: "";
  clear: both;
  display: table;
}

.switch-style{
    width: 37%;
    height: 2.5rem;
    background-color: #f3f4f6;
}

.bgcolor{
    background-color: #f9fafb;
}

.bgcolor2{
    background-color: #f3f4f6;
}

.textarea-width{
    max-width: 100% !important;
}

.common_adminpanel .third-row-wrap > div{
    display: inline-flex;
    margin: auto;
    border-radius: 6.25rem;
    border:0.063rem solid #f3f3f3;
    background: #fff;
}

.common_adminpanel .custom-switch {
    height: auto !important;
    padding-top: 0.125rem;
    background: #f3f4f6 !important;
}

.btn-schedule{
    background-color: #0F205E;
}

.btn-schedule:hover{
    background-color: #041452;
}

.btn-cpy{
    padding: 0.375rem 1.25rem 0 1.25rem;
    height: 2.188rem;
    border: 0.063rem solid #E1E3E8;
    border-radius: 0 0.5rem 0.5rem 0;
    cursor: pointer;
}
.requestvideoinput{
    padding: 0.375rem !important;
    float: left !important;
    width: 85% !important;
    background: #fff !important;
    border-radius: 0.5rem 0 0 0.5rem !important;

}

.exam [type="text"]{
    border-color:#E1E3E8 !important;

}

@media only screen and (max-width: 1450px) {

.temp{
    font-size: 0.75rem !important;
}

    .message h1{
        font-size: 1.125rem;
    }
}

    /* Request Video Ends */

    /* Add Campaign */

    .schedule{
        height: 2.5rem;
        background-color: #2050f4 !important;
    }

    .schedule:hover{
        background-color: #0032e0 !important;
    }

    .btn-cancel:hover {
        background-color: #f2f2f2;
        color: #414141;
    }

    .cal-icon4{
        padding: 0.813rem 0.938rem;
        color: #0f936f;
        background-color: #f2fdff;
        font-size: 1.5rem;
    }

    .clock-icon{
        color: #FF6200;
        background-color: #fff7f0;
        font-size: 0.8rem;
        border-radius: 50%;
        padding: 0.75rem;
    }

    .new-drop .nice-select{
        max-width: 100%;
    }

    @media only screen and (max-width: 1500px) {
        .camp{
            width: 70% !important;
        }
    }

    /* Add Campaign Ends */


    /*********** 13-04 Pipeline View ***************/
.nice-select.new-pipeline-dropdown {
    height: 40px;
    display: flex;
    align-items: center;
    border: 0;
    border-radius: 0.625rem;
    font-size: 1.125rem !important;
}
.nice-select.new-pipeline-dropdown .list,
.pipeline_filters .list {
    z-index: 999 !important;
}
.nice-select.new-pipeline-dropdown:after {
    border-top: 7px solid #DEDEDE !important;
    border-left: 7px solid transparent!important;
    border-right: 7px solid transparent!important;
}
.new-add-dropdown {
    background-color: #E5E5EA;
}

/*********************************/
.btn-group.new-split-btn, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.new-split-btn .btn {
    display: inline-block;
    padding: 6px 15px 6px 20px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 8px;
}
.new-split-btn .btn-info {
    color: #2050f4;
    font-size: 0.94rem;
    font-weight: 600;
    background-color: #E5E5EA;
    border: 0;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info,
.new-split-btn.open > .dropdown-toggle:hover,
.new-split-btn.open > .dropdown-toggle:focus,
.new-split-btn.open > .dropdown-toggle:active,
.new-split-btn .dropdown-toggle:focus,
a.btn-info:focus,
a.btn-info:hover,
a.btn-info:active:hover {
    color: #2050f4;
    background-color: #E5E5EA;
    border: 0;
}
.new-split-btn.open > .dropdown-toggle:hover,
.new-split-btn.open > .dropdown-toggle:focus,
.new-split-btn.open > .dropdown-toggle:active,
.new-split-btn .dropdown-toggle:focus {
    border-left: 1px solid #d3d3d3;
}
.new-split-btn.btn-group>.btn {
    position: relative;
    float: left;
    height: 40px;
    display: flex;
    align-items: center;
}
.new-split-btn.btn-group>.btn:first-child {
    margin-left: 0;
}
.new-split-btn.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    /* border-top-right-radius: 0;
    border-bottom-right-radius: 0; */
}
.new-split-btn.btn-group .btn+.btn,
.new-split-btn.btn-group .btn+.btn-group,
.new-split-btn.btn-group .btn-group+.btn,
.new-split-btn.btn-group .btn-group+.btn-group {
    margin-left: -1px;
}
.new-split-btn.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 1px solid #d3d3d3;
}
.new-split-btn.btn-group>.btn+.dropdown-toggle {
    padding-right: 15px;
    padding-left: 15px;
}
.new-split-btn .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 7px dashed;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}
.new-split-btn .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    width: 100%;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #414141;
    border-radius: 8px;
    box-shadow: 0px 3px 6px #00000029;
    padding: 1.2rem 0 1.5rem;
}
.new-split-btn .dropdown-menu>li>a {
    display: block;
    padding: 8px 20px !important;
    clear: both;
    font-weight: 600;
    line-height: 1.42;
    color: #414141;
    font-size: 0.94rem;
    white-space: nowrap;
}
.new-split-btn .dropdown-menu > li {
    padding-bottom: 5px;
}
.new-split-btn .dropdown-menu > li:last-child {
    padding-bottom: 0;
}

.pl-setting-btn {
    font-size: 1.5rem;
    color: #9CA3AF;
    border-radius: 50%;
    background-color: transparent;
    width: 2.5rem;
    height: 2.5rem;
    transition: all 0.3s;
}
.pl-setting-btn:hover {
    background-color: #E5E5EA;
    color: #9CA3AF;
}

.custom-tooltip .tooltip > .tooltip-inner  {
    background-color:#2050F4;
    font-size: 0.94rem;
    font-weight: 600;
    border-radius: 1.25rem;
    padding: 0.6rem 0.938rem;
    width: auto;
}
.custom-tooltip .tooltip-arrow {
    display: none !important;
}
.pipeline_filters {
    display: flex;
    align-items: center;
}

.pipeline_filters > * {
    flex-grow: 1;
    width: 100%;
}
.pipeline_filters .title {
    text-transform: uppercase;
    color: #7A7A7A;
    font-weight: 700;
    font-size: 0.75rem;
    margin-bottom: 0.3rem;
}

.pipeline_filters .search-field i {
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translateY(-50%);
}

.pipeline_filters .search-field input {
    background-color: #E5E5EA !important;
    border-radius: 10px;
    color: #1d1d1f;
    font-family: 'Inter';
    height: 40px;
}
.pipeline_filters .nice-select {
    background-color: #E5E5EA;
    border-radius: 10px;
    border: 0;
    color: #7a7a7a;
    font-size: 0.94rem;
    font-weight: 500;
    height: 40px;
    display: flex;
    align-items: center;
}
.pipeline_filters .nice-select:after {
    border-top: 7px solid #b4b4b4 !important;
    border-left: 7px solid transparent!important;
    border-right: 7px solid transparent!important;
}
.pipeline-toggle {
    background-color: #E5E5EA;
}
input.pl-filter-btn {
    border-radius: 30px !important;
    font-weight: 600;
    font-size: 0.94rem;
    width: 150px;
    height: 40px;
    margin-left: 2rem;
    background-color: #154AFD;
}

.pl-refresh {
    font-size: 1.5rem;
    color: #717579;
}
.pl-refresh:hover {
    color: #717579;
}
.multi-pipeline-view .block-content-outer {
    display: block;
}
.multi-pipeline-view .dragable-header .wrapper {
    justify-content: flex-start;
}
.add-pipeline-box {
    background-color: #E5E5EA;
    border-radius: 10px;
    padding: 2rem;
    color: #A3A3A3;
    font-weight: bold;
    font-size: 1.7rem;
    min-height: 300px;

}
.add-pipeline-box:hover {
    color: #A3A3A3;
}
 .add-pipeline-box-wrapper {
    margin-top: -5%;
}

.headerstep_title .customer_status_class {
    font-weight: 700;
}

.pipeline_view .dragable-header .wrapper .headerstep .total-value.edit-button {
    border-radius: 9999px !important;
    border: 1px solid #DDDDDD;
    color: #7a7a7a !important;
    padding: 2px 20px !important;
}

.pipeline_view .dragable-header .wrapper .headerstep .total-value.edit-button a {
    font-style: 0.875rem;
    font-weight: 500;
}
.pipeline_view .leadcontainer .cellphone {
    color: #7a7a7a !important;
    transition: all 0.3s;
}
.pipeline_view .leadcontainer > div:hover .cellphone {
    color: #1d1d1f !important;
}

.pipeline_view .leadcontainer .name a {
    font-size: 0.94rem !important;
    color: #1d1d1f;
    transition: all 0.3s;
}

.pipeline_view .leadcontainer > div:hover .name a {
    color: #2050f4 !important;
}
.delete_edit_lead #dropdownMenu2:hover {
    background-color: #F0F0F3;
}
.delete_edit_lead.customer-edit-icon > a#dropdownMenu2 {
    padding: 10px;
}
.delete_edit_lead {
    top: 0 !important;
}
.delete_edit_lead.customer-edit-icon > a#dropdownMenu2:hover {
    background-color: #f0f0f3 !important;
    border-radius: 50%;
}

.pipeline_view .dragable-container .label-info {
    background-color: #CEF2E1 !important;
    color: #007B59 !important;
    padding: 7px 10px !important;
}

.pipeline_view .dragable-container .label-default {
    background-color: #FFF0F0 !important;
    color: #FF000E !important;
    padding: 7px 10px !important;
}

/* New Pipeline Popup  */
#new-pipeline-modal i.fa-faucet-drip, #new-pipeline-modalstage-modal i.fa-faucet-drip, #deletepipeline i.fa-faucet-drip, #deletepipelinestage i.fa-faucet-drip, #addlists i.fa-faucet-drip, #addforms i.fa-faucet-drip, #deletecontact i.fa-faucet-drip, #showstagespopup i.fa-faucet-drip, #changedContactStage i.fa-faucet-drip {
    background-color: #EBF3FF;
    width: 3rem;
    height: 3rem;
    color: #0F205E;
    font-size: 1.5rem;
}
#new-pipeline-modal .modal-content .modal-title, #new-pipeline-modalstage-modal .modal-content .modal-title, #deletepipeline .modal-content .modal-title, #deletepipelinestage .modal-content .modal-title, #addlists .modal-content .modal-title, #addforms .modal-content .modal-title, #deletecontact .modal-content .modal-title, #showstagespopup .modal-content .modal-title, #changedContactStage .modal-content .modal-title {
    font-size: 1.75rem;
    color: #1d1d1f;
    font-weight: bold;
}

#new-pipeline-modal .new-title-field , #new-pipeline-modalstage-modal .new-title-field, #deletepipeline .new-title-field, #deletepipelinestage .new-title-field, #addlists .new-title-field, #addforms .new-title-field, #deletecontact .new-title-field, #showstagespopup .new-title-field, #changedContactStage .new-title-field {
    border-radius: 10px;
    border: 1px solid #e1e3e8;
    width: 100%;
    padding: 0.875rem 1.125rem;
    padding-right: 2.2rem;
    font-weight: 600;
    font-size: 1.375rem;
    color: #1d1d1f;
}

#new-pipeline-modal i.fa-pencil, #new-pipeline-modalstage-modal i.fa-pencil, #deletepipeline i.fa-pencil, #deletepipelinestage i.fa-pencil, #addlists i.fa-pencil, #addforms i.fa-pencil, #deletecontact i.fa-pencil, #showstagespopup i.fa-pencil, #changedContactStage i.fa-pencil {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1rem;
}
#new-pipeline-modal .stage-name-field, #new-pipeline-modalstage-modal .stage-name-field, #deletepipeline .stage-name-field, #deletepipelinestage .stage-name-field, #addlists .stage-name-field, #addforms .stage-name-field, #deletecontact .stage-name-field, #showstagespopup .stage-name-field, #changedContactStage .stage-name-field {
    border-radius: 10px;
    border: 1px solid #e1e3e8;
    padding: 0.5rem 1.125rem;
    font-weight: 500;
    font-size: 1rem;
    color: #1d1d1f;
}
#new-pipeline-modal .modal-content, #new-pipeline-modalstage-modal .modal-content, #deletepipeline .modal-content, #deletepipelinestage .modal-content, #addlists .modal-content, #addforms .modal-content, #deletecontact .modal-content, #showstagespopup .modal-content, #changedContactStage .modal-content  {
    border-radius: 10px;
    border: 0;
}

.dragable-container .wrapper > div {
    width: 18% !important;
}

.dragable-header .wrapper .headerstep {
    width: 18% !important;
}

/* .multi-pipeline-view .draggable-wrapper {
    display: flex;
} */

.multi-pipeline-view .dragable-container .wrapper {
    flex-wrap: nowrap;
}

.multi-pipeline-view .dragable-container .wrapper > div {
    min-width: 330px;
}
.multi-pipeline-view .dragable-header .wrapper .headerstep {
    min-width: 330px !important;
}

.pipeline_filters .search-field input::placeholder {
    color: #7a7a7a;
}


@media (min-width:768px) {
    #new-pipeline-modal .modal-dialog, #new-pipeline-modalstage-modal .modal-dialog, #deletepipeline .modal-dialog, #deletepipelinestage .modal-dialog, #addlists .modal-dialog, #addforms .modal-dialog, #deletecontact .modal-dialog, #showstagespopup .modal-dialog, #changedContactStage .modal-dialog {
        width: 500px;
    }
}

@media (max-width:1600px) {
    .pipeline_filters > div.hide-unread-toggle {
        width: 100% !important;
    }
}

.pipeline_table_view .at-row-odd {
    background: #F9F9FA !important;
}
.pipeline_view .leadcontainer > div.showmoreleads {
    box-shadow: none !important;
}

.headerstep_title .customer_status_class {
    letter-spacing: -0.025em;
}

@media (max-width: 1700px) {
    .multi-pipeline-view .contact-table-header {
        gap: 1rem;
    }
    .multi-pipeline-view .third-row-wrap {
        min-width: auto;
    }
}

@media (max-width: 1450px) {
    .pipeline_filters .nice-select,
    .pipeline-toggle .toggle-title,
    .pipeline_filters .search-field input {
        font-size: 0.84rem !important;
    }
    .pipeline_filters .title {
        font-size: 0.6rem;
    }
    .pipeline_filters .nice-select {
        padding: 5px 10px !important;
    }
    input.pl-filter-btn {
        margin-left: 0 !important;
        width: 120px;
    }
    .nice-select.new-pipeline-dropdown {
        font-size: 0.9rem !important;
    }
    .multi-pipeline-view #block0title {
        font-size: 1.5rem !important;
    }
    .add-pipeline-box {
        font-size: 1.5rem;
        line-height: 1.2em;
    }
    .new-split-btn .btn-info {
        font-size: 0.84rem;
    }
    .customer_status_class {
        font-size: 1.2rem;
    }
    #new-pipeline-modal .modal-content .modal-title {
        font-size: 1.5rem;
    }
    #new-pipeline-modal .new-title-field {
        font-size: 1.1rem;
    }
}

@media (max-width: 1280px) {
    /* .second-row-nav-wrapper {
        flex: none;
        width: auto;
    } */
}

@media (min-width:768px) {
    #new-pipeline-modal .modal-dialog {
        width: 500px;
    }
}

/* 14-04 */
.pipeline-cancel-btn {
    background-color: #E5E5EA !important;
    color: #7a7a7a;
}
.edit-pipeline-wrapper {
    grid-template-columns: auto 60% 1fr;
    grid-gap: 1.5rem;
}

.pl-right-angle {
    background-color: #E5E5EA;
}

.title-field-wrapper .new-title-field {
    border-radius: 10px !important;
    border: 1px solid #e1e3e8 !important;
    width: 100%;
    padding: 0.875rem 1.125rem;
    padding-right: 2.2rem !important;
    font-weight: 700;
    font-size: 1.2rem !important;
    color: #1d1d1f;
    letter-spacing: -0.025em;
}

.title-field-wrapper i.fa-pen-line {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1rem;
}

.stage-name-edit > input {
    border: 0 !important;
    border-radius: 10px !important;
    width: 100%;
    padding: 0.5rem 1rem;
    padding-right: 2.2rem !important;
    font-weight: 500;
    font-size: 0.94rem !important;
    color: #7a7a7a;
    letter-spacing: -0.025em;
    background-color: transparent;
    transition: all 0.3s;
}
.stage-name-edit > input:hover,
.stage-name-edit > input:focus {
    color: #414141;
    background-color: #F6F7F9;
}

.stage-name-edit i.fa-pencil{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1rem;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
    font-size: 0.8rem;
}
.stage-name-edit > input:hover + i.fa-pencil,
.stage-name-edit > input:focus + i.fa-pencil {
    opacity: 1;
    visibility: visible;
}

.stage-edit span.total_count_head {
    padding: 3px 15px !important;
    width: auto !important;
    border: 0 !important;
}
.stage-progress {
    border-radius: 9999px;
    height: 11px;
}
.count-wrapper {
    width: 10%;
}
.integration-count {
    border-radius: 1.25rem;
    background-color: #F0F5FF;
    padding: 5px 20px !important;
}
.zapier-logo {
    border: 1px solid #e1e3e8;
    border-radius: 50%;
    padding: 5px;
}

/* Advanced Pipeline Table View 18-04 */

.pipeline_table_view .bg-gray-100 {
    background-color: #F0F0F3 !important;
}

.pipeline_table_view .at-row-odd {
    background: #F9F9FA !important;
}
.pipeline_table_view .at-cell-contact,
.pipeline_table_view .at-cell-contact_date {
    white-space: nowrap;
}

.pipeline_table_view .at-cell-contact a {
    opacity: 0.8;
    transition: all 0.3s;
    margin-right: 2px !important;
    width: 31px;
    height: 31px;
    display: inline-block;
    padding: 5px;
    text-align: center
}
.pipeline_table_view .at-cell-contact a:hover {
    background: #f2f2f2 !important;
    border-radius: 50%;
    opacity: 1;
}

.pipeline_table_view ul.secon-row-nav{
    transform: rotate(180deg);
}
.pipeline_table_view ul.secon-row-nav li.select-view-icons{
    transform: rotate(-180deg);
}

.pipeline_table_view .adminbuttons {
    display: flex;
    justify-content: flex-end;
    width: 98%;
}

.pipeline_table_view .nice-select.new-pipeline-dropdown {
    font-size: 1rem !important;
}

.pipeline_table_view .blocktitlesection {
    width: 25%;
    flex: none !important;
}

.pipeline_table_view .third-row-wrap {
    min-width: 0 !important;
}

.second-row-nav-wrapper .third-row-wrap ul li a {
    padding: 8px 20px !important;
}

.second-row-nav-wrapper .third-row-wrap ul li.active a span {
    color: #1d1d1f;
}
.pipeline_table_view input.pl-filter-btn.pl-search-btn {
    margin-left: 0;
}


.pipeline_filters .nice-select:after {
    border-top: 7px solid #717579 !important;
}

.pipeline_table_view .pl-refresh {
    background-color: #E5E5EA;
    border-radius: 50%;
    padding: 0.4rem 0.55rem;
}

.stage-tabs > a.single-stage:before {
    height: 50px;
    width: 10px;
    display: block;
    content:" ";
    background-color: #F6F7F9;
    position: absolute;
    right: 8px;
    top: -2px;
    border-top: 2px solid #d9d9d9;
    border-bottom: 0;
}
.stage-tabs > a.single-stage.active-stage:before {
    border: 0;
    background-color: #fff;
}
.stage-tabs > a.single-stage {
    height: 50px;
    width: auto;
    padding-inline: 1.5rem;
    border-radius: 10px 10px 0px 0px;
    background-color: #F6F7F9;
    position: relative;
    border: 2px solid #d9d9d9;
    border-bottom: 0;
    z-index: 0;
}
.stage-tabs > a.single-stage.active-stage {
    border: 0;
    background-color: #fff;
    z-index: 1;
}
.stage-tabs > a.single-stage:after {
    display: block;
    content:" ";
    width: 50px;
    height: 50px;
    top: -2px;
    background-color: #F6F7F9;
    position: absolute;
    right: -19px;
    transform:skewX(35deg);
    border: 2px solid #d9d9d9;
    border-left: 0;
    border-bottom: 0;
    z-index: -1;
    border-top-right-radius: 6px;
}
.stage-tabs > a.single-stage.active-stage:after {
    border: 0;
    background-color: #fff;
}

.single-stage > p {
    color: #7a7a7a;
    transition: all 0.3s;
}

.single-stage > i {
    opacity: 0.55;
}

.single-stage span.total_count_head {
    width: 45px !important;
    padding: 3px 12px !important;
    font-size: 1rem !important;
    color: #7a7a7a !important;
    background-color: transparent;
    border: 0 !important;
    font-weight: bold;
}

.single-stage.active-stage > p {
    color: #1d1d1f;
}
.single-stage.active-stage > i {
    opacity: 1;
}
.single-stage.active-stage span.total_count_head {
    background-color: #8816F2;
    color: #fff !important;
}

.single-stage:hover > p {
    color: #1d1d1f;
}

.stage-add {
    font-size: 1.8rem;
    color: #bebebe;
    margin-left: 2rem;
    transition: all 0.3s;
}
.stage-add:hover {
    color: #1d1d1f;
}

.customer-selected-bar {
    background-color: #FBFFCB;
    border: 1px solid #EAE397;
    border-radius: 10px;
}

.customer-selected-bar .select-action {
    background-color: #154AFD;
}

.new-tag {
    border-radius: 3px;
    font-size: 0.8rem;
}

.customer-selected-bar .select-action:hover {
    color: #fff;
}
a.del-cust {
    border-radius: 0.94rem;
    background-color: #FFBEBE;
    color: #C70404;
}

#pipeline-action h2 {
    font-size: 1.5rem;
}

#pipeline-action label {
    color: #2b2b2b;
}
#pipeline-action .custom-field {
    border-radius: 0.625rem;
    border: 1px solid #d9d9d9;
    color: #3E3E3E;
    font-weight: 600;
    width: 100%;
    font-size: 0.9rem;
    letter-spacing: -0.025em;
    height: 42px;
}
#pipeline-action .custom-field:focus {
    border: 1px solid #2C2C2C;
    box-shadow: none;
}

#pipeline-action .nice-select {
    float: none;
}

#pipeline-action .nice-select:after {
    border-top: 5px solid #CCCCCC !important;
}

#pipeline-action .action-msg {
    color: #acacac;
    font-weight: 500;
    font-size: 0.94rem;
    width: 100%;
    border: 1px solid #D9D9D9;
    min-height: 100px;
}
.time-box {
    border-radius: 5px;
    background-color: #f5f5f5;
    color: #717579;
    font-weight: 500;
}

.pl-stage-move-dropdown .dropdown-menu {
    min-width: auto
}
.pl-stage-move-dropdown {
    height: 42px;
}

.pl-stage-move-dropdown .overview-dropdown-icon {
    font-size: 1rem;
    color: #CCCCCC;
}
.pl-stage-move-dropdown.open .overview-dropdown-icon {
    color: #2050f4;
}

.pl-stage-move-dropdown #dropdownMenu2 {
    height: 100%;
}

.pl-stage-move-dropdown .dropdown-menu-right {
    left: 0;
}
.pl-stage-move-dropdown .quick-text {
    color: #3E3E3E;
    font-weight: 600;
    font-size: 0.9rem;
    letter-spacing: -0.025em;
    text-align: left;
    flex-grow: 1;
}

.pl-stage-move-dropdown .dropdown-menu > a {
    display: flex;
    align-items: center;
}

.pl-stage-move-dropdown .quick-text {
    display: flex;
}

.pl-stage-move-dropdown .quick-action-dropdown {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-inline: 1rem;
    padding-right: 0.5rem;
}
.custom-red-dot {
    width: 0.95rem;
}


/* Pipelines new style end here vishal*/

.main-nav-menu-item.list-icon.active .fa-duotone {
    --fa-secondary-opacity: 0.3 !important;
}

.dragable-header .wrapper {
    justify-content: flex-start !important;
}

.schedule-date-picker .nice-select.form-control .list {
	max-height: 140px;width: 115px;
}
input.meeting-name-field {
    box-shadow: none;
}
input.meeting-name-field:focus {
    box-shadow: none;
}

/* .email-box .tox-editor-container {
    width: 800px !important;
} */

.customers_list .tablewrapper .customer_section {
    min-height: 90vH !Important;
}

@media (max-width: 1450px) {
    .msg-top {
        grid-template-columns: 40% 60% !important;
    }
    /* .email-box .tox-editor-container {
        width: 740px !important;
    } */

}

/* Thank You Page start here */

.singleproductbodyclass #block0title{
    text-align: end;
}

.singleproductbodyclass .block-content-outer{
    text-align: center;
    margin-left: -10%;
    font-size: 1rem;
    font-weight: 600;
}
/* Thank You Page end here */

/* Error Page */
.errorpageproductcharge  #block0title{
    text-align: end;
}
.errorpageproductcharge .block-content-outer p{
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
}
/* Error Page Ends */

.singleproductbodyclass .main-body-wrapper .profile-menu{
    display: none !important;
}
.onecolumb-cart-page .main-body-wrapper .profile-menu{
    display: none !important;
}
/* 18/04 new app */
.new-apt input[type="text"]{
    border-bottom: 2px solid #2050F4;
}
.new-apt input[type="text"]:focus{
    outline: none;
    box-shadow: none;
}
.time-zone{
    background-color: #F6F7F9;
}
.textarea-note{
    border-left:3px solid #FFE555 ;
    border-right: none;
    border-bottom: none;
    border-top: none;
    width: 100%;
}
.textarea-note:focus{
    box-shadow: none;
    outline: none;
    border-left:3px solid #FFE555 ;
}

/* 18/04 new app end  */

/* SMS Page Changes */
.add-note-sms{
    display: none;
    background-color: #E5E5EA;
}
.msg-grid .rd-dash-conversation-sms{
    background-color: #2050F4;
    width: 60% !important;
    max-width: 60% !important;
}
.sms-box:hover .add-note-sms{
    display: block !important;
}
.sms-truncate{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.pipline-type {
    top: -7px;
    left: 8px;
    padding: 0 5px;
    color: #7A7A7A;
}
.stage-type {
    top: -8px;
    left: 8px;
    padding: 0 5px;
    color: #7A7A7A;
}
.related-tags > div.item {
    cursor: pointer;
    padding: 4px 12px;
    background: #CEF2E1;
    color: #007B59;
    text-transform: capitalize;
    font-size: 12px;
    font-weight: 600;
    border-radius: 5px;
}
.fa-user {
    color: #2050F4;
}
.icon-cal{
    color: #8816F2;
}
.call-btn:hover {
    background-color: #0F936F;
    color: #fff;
}
.form{
    color: #10BF83;
}
.icon-memo{
    color: #E8CF65;
}
.send-msg:hover{
    background-color: #0032E0;
    color: #FFF;
}

@media screen and (max-width: 1550px) {
    .chat-row .chat-fixed {
       width: 43% !important;
       left: 582px !important;
    }
    .chat-row .chat-fixed [type="text"]{
        width: 40%;
    }
}

@media screen and (max-width: 1450px){
    .chat-row .chat-fixed {
        width: 55%!important;
        left: 420px !important;
    }
}

@media screen and (max-width: 1750px) {
    .time-zone .nice-select{
        width: 75%;
    }
}


/* SMS Page Changes Ends*/

/* Modal Points */

#messagemodal_content .rd-dash-conversation-view .customerimg {
    margin: 0%;
}
#modal-close {
    position: relative;
    top: -15px !important;
    right: -15px;
    background-color: transparent;
}
.emails_choose{
    margin: 10px 0;
}
/* Modal Points */

/* Customer Overview SMS Changes */
.add-note-sms{
    display: none;
    background-color: #E5E5EA;
}
.sms-box:hover .add-note-sms{
    display: block !important;
}
.rd-dash-conversation-sms{
    background-color: #2050F4 !important;
    width: 60% !important;
    max-width: 60% !important;
}
.sms-truncate{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.chat-row .chat-fixed1 {
    width: auto !important;
    right: 0;
    left: 633px;
    display: block;
}
a.scroll-top-btn1 {
    background-color: #e1e3e8;
    top: auto;
    right: -40px;
    bottom:50px;
}
.send-msg:hover{
    background-color: #0032E0;
    color: #FFF;
}
.rd-dash-conversation-sms-reply {
    width: 60% !important;
    max-width: 60% !important;
}

.sticky_bar {
    position: fixed !important;
    top: 60px !important;
    width: 100%;
    z-index: 99;
    display: grid;
    grid-template-columns: 65%;
}
@media screen and (max-width: 1800px) {
    .sticky_bar {
        grid-template-columns: 65%;
    }
}
@media screen and (max-width: 1750px) {
    .sticky_bar {
        grid-template-columns: 64%;
    }
}
@media screen and (max-width: 1700px) {
    .sticky_bar {
        grid-template-columns: 63%;
    }
}
@media screen and (max-width: 1650px) {
    .sticky_bar {
        grid-template-columns: 62%;
    }
}
@media screen and (max-width: 1600px) {
    .sticky_bar {
        grid-template-columns: 61%;
    }
}
@media screen and (max-width: 1550px) {
    .sticky_bar {
        grid-template-columns: 60%;
    }
}
@media screen and (max-width: 1500px) {
    .sticky_bar {
        grid-template-columns: 59%;
    }
}
@media screen and (max-width: 1450px) {
    .sticky_bar {
        grid-template-columns: 70%;
    }
}
@media screen and (max-width: 1400px) {
    .sticky_bar {
        grid-template-columns: 69%;
    }
}
@media screen and (max-width: 1350px) {
    .sticky_bar {
        grid-template-columns: 68%;
    }
}
@media screen and (max-width: 1300px) {
    .sticky_bar {
        grid-template-columns: 67%;
    }
}
@media screen and (max-width: 1250px) {
    .sticky_bar {
        grid-template-columns: 66%;
    }
}

.rd-dash-conversation-customer {
    max-width: 60%;
    width: 60%;
    padding: 1.5rem 2rem;
}
@media screen and (max-width: 1550px) {
    .chat-row .chat-fixed1 {
       width: auto !important;
       left: 590px;
    }
    .chat-row .chat-fixed1 [type="text"]{
        width: 40%;
    }
}

@media screen and (max-width: 1450px) {
    /* .expand-body .chat-row .chat-fixed1 {
        left: 525px !important;
        width: 58% !important;
    } */
    .chat-row .chat-fixed1 {
        width: auto !important;
        left: 535px;
    }
}
/* Customer Overview SMS Changes Ends*/


/* Customer overview changes vishal here */
.customer-side-info.customer-side-info-tags {
    display: flex !important;
    margin-bottom: 0 !important;
}
.quick-action-dropdown {
    width: auto !important;
    display: flex !important;
    align-items: center;
    padding: 0.3rem 1.5rem !important;
}

.pipeline-stage-select .did-floating-label-content {
    margin-bottom: 0 !important;
}

.did-floating-label-content.pipeline-dropdown {
    width: 40%;
    min-width: 210px;
}

.did-floating-label-content.stage-dropdown {
    width: 35%;
    min-width: 130px;
}

.pipeline-dropdown li > a:hover {
    color: #2050F4;
}

.pipeline-stage-select .nice-select:after {
    border-top: 5px solid #d1d1d1 !important
}
.custom-tab-nav a.new-custom-tab {
    font-size: 0.9rem;
    color: #414141;
    border: 1px solid #E7EAF0;
    border-radius: 25px;
    height: 40px;
    padding: 0.75rem;
    background-color: #fff;
    transition: all 0.3s;
}
.custom-tab-nav a.new-custom-tab i {
    color: #9f9f9f;
    font-size: 1rem;
    transition: all 0.3s;
    margin-top: 2px;
}

.custom-tab-nav a.new-custom-tab:hover {
    background-color: #f0f0f3;
    color: #1d1d1f;
    border: 1px solid transparent;
}

.custom-tab-nav a.new-custom-tab:hover i {
    color: #1d1d1f;
}

.custom-tab-nav a.new-custom-tab.active-tab {
    background-color: #2050F4;
    color: #fff;
    border: 1px solid #2050f4;

}

.custom-tab-nav a.new-custom-tab.active-tab i {
    color: #fff;
}

.notification-red {
    color: #FF000E;
}
.notification-green {
    color: #10BF83;
}
.notification-gray {
    color: #9b9b9b;
}
.comm-subtext {
    font-size: 0.75rem;
    display: flex;
    transition: all 0.3s;
}

.single-comm:hover h3 {
    color: #fff;
}

.single-comm:hover h3 span {
    color: #fff;
}
.notes-box #dropdownMenu2 {
    font-size: 1.3rem;
}

.overview-options .customer-name {
  max-width: 80%;
  display: inline-block;
}

/* Responsive */
@media (max-width: 1700px) {
    .single-comm {
        padding-inline: 0.5rem !important;
    }
}

@media (max-width: 1450px) {
    .tags-amt-section {
        gap: 1rem !important;
    }
    .nice-select.laptop-status {
        font-size: 0.85rem;
    }
    .col-md-4.custom-list-view-sidebar {
        left: 17%;
    }
    .communication .custom-red-dot {
        left: 15px;
    }
    .comm-subtext {
        font-size: 0.65rem;
    }
    .communication h3 {
        font-size: 0.85rem !important;
    }
    .quick-action-dropdown {
        padding: 0.3rem 1rem !important;
    }
}

@media (max-width: 1280px) {
    .communication .custom-red-dot {
        left: 1.5rem !important;
    }
}
/* Customer oeverview changes end here */

/* No Appointments */

.dropdown-calendar{
    border-radius: 10px;
    /* right: 0% !important; */
    position: absolute;
    top: 100%;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 200px;
    /* padding: 5px 0; */
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #1D1D1F;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}
.open > .dropdown-calendar {
    display: block;
}
.dropdown-calendar a:hover {
    background: #F0F0F3;
}
.dropdown-item {
    cursor: pointer;
    border-radius: 10px;
}
.create-btn {
    background-color: #2050F4;
}
.create-btn:hover {
    color: #FFF !important;
    background-color: #0032E0;
}
.dev {
    border-right: 1px solid #fff;
    height: 18px;
    padding: 0 5px;
}
.section-apt .customer-edit-icon > a {
    padding: 8px 9px;
}
.sch-apt .customer-edit-icon {
    position: absolute;
    bottom: 14%;
    right: 40% !important;
}
.dropdown-calendar2 {
    border-radius: 10px;
    /* right: 0% !important; */
    left: 5%;
    position: absolute;
    top: 127%;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 200px;
    /* padding: 5px 0; */
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #1D1D1F;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}

.open > .dropdown-calendar2 {
    display: block;
}
.cal-icon7{
    padding: 0.813rem 0.938rem;
    color: #4F2FFF;
    background-color: #E6E7FF;
    font-size: 1.5rem;
}
.new-booking textarea{
    max-width: 100%;
}
.nbicon{
    color: #9F9F9F;
}
.linkbtn:hover{
    color: #414141;
    background-color: #FAFAFA;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1000;
    top: 1%;
    right: 0;
    background-color: #FFF;
    overflow-x: hidden;
    transition: 0.5s;
}

.sidenav .nice-select.form-control {
    border: 1px solid #E1E3E8 !important;
    height: 40PX;
    box-shadow: none !important;
    padding: 7px 10px;
    display: flex;
    align-items: center;
}

.xbtn{
    background-color: #2050F4;
    color: #FFF;
    margin-left: 10px;
    position: fixed;
    top: 84px;
    border-radius: 0.375rem !important;
    width: 2.5rem !important;
    height: 2.2rem !important;
}

.sidenav input{
    max-width: 100%;
}

.video-red{
    color: #F42020;
}

.cal-green{
    color: #009A64;
}

.centz-dark-blue{
    color: #0F205E;
}

.email-green{
    color: #10BF83;
}

.cal-apt{
    color: #8816F2;
}

.cal-book{
    color: #4F2FFF;
}

.cal-forward{
    color: #14C6B1;
}

.memo-pad{
    color: #E8AA00;
}

/* No Appointments */
#alertify-logs{
    border-left: 5px solid #2050F4 !important;
    width: 23% !important;
    background: #ffffff !important;
    border-radius: 0.5rem !important;
}
.alertify-log-success{
    background: #ffffff !important;
    align-items: center !important;
    display: flex !important;
    font-weight: 600 !important;
    color: #1d1d1f !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 1.125rem !important;
}

.sidenav .linkssubdiv input {
    padding-right: 90px;
}

.sidenav .linkssubdiv > a {
    right: 1rem !important;
}

#mylinksSidenav xbtn {
    width: 2.25rem !important;
    height: 2.25rem !important;
}

.sidenav1 {
    height: calc(100% - 55px);
    width: 0;
    position: fixed;
    z-index: 997;
    top: 56px;
    right: 0;
    background-color: #FFF;
    overflow-x: hidden;
    transition: 0.5s;
    box-shadow: -7px 3px 10px #0000000f;
    border-radius: 15px 0 0 15px;
}
.sidenav1 input{
    max-width: 100%;
}

.sidenav1 .linkssubdiv input {
    padding-right: 100px;
}

.sidenav1 .linkssubdiv > a {
    right: 1rem !important;
}
#pp-add-list-form .nice-select  {
        height: auto;
}
#pp-add-list-form .nice-select .current {
    white-space: break-spaces;
}
.actselect::after{
    border-top: 5px solid transparent !important;
}
/* User Profile Slideout */
.bottombtn{
    position: fixed;
    left: auto;
    right: auto;
    bottom: -5%;
    width: 18%;
}
.sidenav .rd-dash-customer-info{
    height: auto;
}
@media only screen and (max-width: 1600px) {
    .sidenav .rd-dash-customer-info{
        max-height: 90%;
    }
    .sidenav .appointmetns_booking_details{
        margin: 0%;
    }
    .sidenav .selectact{
        margin:0%;

    }
}
/* User Profile Slideout Ends */

.read_h1{ color:#9B9B9B}
.unread_h1{color:#FF000E}

/*pipeline new design updates start here*/
/* 19-05 Updated Pipeline */
.new-pipeline-dropdown {
    /* width: 46% !important; */
}
.new-split-btn.btn-group {
    display: flex !important;
}
.new-split-btn .btn-info {
    color: #fff;
    background-color: #2050F4;
}

.new-split-btn.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
    border-left: 1px solid #0B33BC;
}

.open .new-split-btn .btn-info, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info, .new-split-btn.open > .dropdown-toggle:hover, .new-split-btn.open > .dropdown-toggle:focus, .new-split-btn.open > .dropdown-toggle:active, .new-split-btn .dropdown-toggle:focus, a.btn-info:focus, a.btn-info:hover, a.btn-info:active:hover {
    color: #fff;
    background-color: #0032E0;
}

.view-btn {
    background-color: transparent;
    color: #9F9F9F;
    font-size: 1.5rem;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    transition: all 0.3s;
}
.view-btn:hover {
    background-color: #E5E5EA;
    color: #9f9f9f;
}
.pipeline_filters {
    border-radius: 0.5rem 0.5rem 0 0;
}
.headerstep_title .customer_status_class {
    font-size: 1.25rem;
}
.multi-pipeline-view .dragable-container .wrapper,
.multi-pipeline-view .dragable-header .wrapper {
    gap: 1rem;
}

.pipeline_view .customers.dragable-header .wrapper .headerstep {
    background: #F6F7F9;
    border: 0 !important;
    border-radius: 0.5rem 0.5rem 0 0;
}

.pipeline_view .dragable-container .wrapper > div > div {
    background: #F6F7F9 !important;
    border: 0 !important;
    border-radius: 0 0 0.5rem 0.5rem;
}

span.total-value.total_count_head {
    color: #7a7a7a !important;
    background: transparent !important;
}

.pipeline_view .dragable-header .wrapper .headerstep .total-value.edit-button {
    border: 0;
    padding: 2px 10px !important;
    transition: all 0.3s;
    float: none;
}
.pipeline_view .dragable-header .wrapper .headerstep .total-value.edit-button a {
    font-weight: 600;
}

.pp-add-btn:hover {
    border-radius: 999px;
    background-color: #E5E5EA;
    color: #2050f4;
}

.pipeline_view .leadcontainer > div {
    box-shadow: none !important;
    border: 0 !important;
}

.pipeline_view .leadcontainer > div:hover {
    box-shadow: 0px 3px 6px #0000001C !important;
    border: 0 !important;
    /* padding: 10px 20px 10px; */
}

.leadcontainer .name .unread-dot {
    position: absolute;
    left: -15px;
    top: 9px;
    color: #ff000e;
    font-size: 0.55rem;
}

.leadcontainer .value {
    color: #7a7a7a !important;
    font-weight: 500;
}

.pp-footer-icons > a {
    color: #ACACAC;
    padding: 8px;
    transition: all 0.3s;
    font-size: 1.1rem;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pp-footer-icons > a:hover {
    background: #f0f0f3 !important;
    border-radius: 50%;
    color: #2050F4;
}

.pp-add-note-btn {
    font-size: 14px;
    border-radius: 5px;
    color: #9f9f9f;
    background-color: transparent;
    /* padding: 0.4rem; */
}
.pp-add-note-btn:hover {
    background-color: #F6F7F9;
    color: #2050F4;
}
.leadcontainer .name {
    padding-bottom: 0 !important;
}
.pp-notes {
    border-left: 3px solid #FFE140;
}

.pp-value-btn {
    display: inline-block;
}
.pp-note-footer .tooltip > .tooltip-inner  {
    background-color:#2050F4;
    font-size: 0.875rem;
    border-radius: 20px;
    padding: 10px;
    width: 80px;
}

.pp-note-footer .tooltip-arrow {
    display: none !important;
}
.pipeline_view .dragable-container .wrapper > div.add-pipeline-box-wrapper {
    z-index: 99;
}

.new-split-btn .dropdown-menu {
    min-width: 330px;
    border: 0;
}
.new-split-btn .dropdown-menu>li>a {
    white-space: normal;
    color: #1d1d1f;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 10px 15px !important;
    margin-inline: 5px;
    border-radius: 3px;
    transition: all 0.2s;
}

.new-split-btn .dropdown-menu > li {
    padding-bottom: 3px;
}

.new-split-btn .dropdown-menu {
    padding: 0.3rem 0;
}

.new-split-btn .dropdown-menu>li>a:hover,
.new-split-btn .dropdown-menu>li>a:focus {
    color: #1d1d1f;
    background-color: #f0f0f3;
}
.pp-popup-title {
    font-size: 1.56rem !important;
    color: #1d1d1f;
    font-weight: bold;
    letter-spacing: -0.5px;
}
.pp-back-btn {
    border-radius: 50%;
    background-color: #E5E5EA;
    top: 0;
    width: 2.5rem;
    height: 2.5rem;
}
.pp-back-btn > i {
    color: #969AA3;
    font-size: 1.2rem;
}

.common-pp-modal .modal-content {
    padding: 30px 30px;
    box-shadow: 0px 3px 26px #00000029;
    border: 0;
}

.new-pp-stage-dropdown .nice-select {
    border: none !important;
    box-shadow: none;
    height: auto;
    padding: 10px 20px!important;
    font-size: 1rem;
}
.common-pp-modal .nice-select .option {
    font-weight: 600;
}

.common-pp-modal .nice-select {
    font-size: 1rem;
    height: 45px;
    /* border-radius: 8px; */
}

.new-pp-stage-dropdown {
    box-shadow: 0px 3px 6px #00000029;
    width: 80%;
}
.appt-type-dropdown.nice-select {
    display: flex !important;
}

.common-pp-modal textarea,
.common-pp-modal input {
    border-radius: 5px;
    border-color: #E5E5EA !important;
    width: 100%;
}

.color-select {
    border-radius: 50%;
    background-color: transparent;
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.color-select:hover {
    background-color: #f6f7f9;
}

#pp-note-popup .modal-content {
    padding: 30px 40px;
}
.note-user {
    border-radius: 99999px;
}

#pp-note-popup textarea {
    border-radius: 0.625rem !important;
}
.add-list .fa-duotone {
    width: 2.7rem;
    height: 2.7rem;
    font-size: 1.2rem;
}

a.add-list {
    border: 2px solid #F2F2F2;
    border-radius: 8px;
    transition: all 0.3s;
    padding: 1rem;
}

a.add-list:hover {
    border: 2px solid #2050F4;
}

.pp-active-link {
    background-color: #2050F4 !important;
    color: #fff;
}

.pp-active-link:hover {
    color: #fff;
}

.view-detail-wrapper {
    background-color: #E5E5EA;
    border-radius: 8px;
}

.view-detail-wrapper > div {
    text-align: center;
    border-right: 1px solid #D8D8D8;
}

.view-detail-wrapper > div:last-child {
    border-right: 0;
}

/* The container */
.custom-checkbox {
    display: inline-block;
    position: relative;
    padding-right: 35px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: 600;
    user-select: none;
  }

  /* Hide the browser's default checkbox */
  .custom-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }

  /* Create a custom checkbox */
  .checkmark {
    position: absolute;
    top: 0;
    right: 0;
    height: 20px;
    width: 20px;
    background-color: #F5F5F5;
    border-radius: 5px;
    border: 1px solid #D9D9D9;
  }


  /* When the checkbox is checked, add a blue background */
  .custom-checkbox input:checked ~ .checkmark {
    background-color: #2050F4;
    border: 1px solid #2050F4;
  }

  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  /* Show the checkmark when checked */
  .custom-checkbox input:checked ~ .checkmark:after {
    display: block;
  }

  /* Style the checkmark/indicator */
  .custom-checkbox .checkmark:after {
    left: 7px;
    top: 3px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }

  .default-btn {
      background-color: #E5E5EA;
  }
  .default-btn:hover {
      color: #7a7a7a !important;
  }
  .add-pipeline-box {
      width: 260px;
      border: 3px solid transparent;
  }
  .add-pipeline-box:hover {
      background-color: #F6F7F9;
      border: 3px solid #2050F4;
      color: #1D1D1F;
  }
  #side-filter.sidenav {
      top: 64px;
  }
  .filter-head {
      background-color: #F6F7F9;
  }
  .nice-select.smart-filter-dropdown {
    border-radius: 0.875rem;
    border: 0;
    color: #9f9f9f;
  }
  a.filter-close-btn {
      background-color: #0F205E;
      border-radius: 8px 0px 0px 8px;
      font-size: 1.5rem;
      right: -100px;
  }

  .new_pipeline_filters .search-field input {
    background-color: #F6F7F9 !important;
    border-radius: 8px;
    color: #1d1d1f;
    font-family: 'Inter';
    height: 40px;
    font-style: 0.9rem;
}
.new_pipeline_filters .toggle-title {
    color: #1d1d1f !important;
}

.new_pipeline_filters .nice-select {
    border: 0;
    padding-left: 0;
}
.new_pipeline_filters .nice-select .option {
    font-weight: 500;
}

.new_pipeline_filters .nice-select:after {
    border-top: 7px solid #717579 !important;
    border-left: 7px solid transparent!important;
    border-right: 7px solid transparent!important;
}

.new_pipeline_filters .dot-icon {
    font-size: 0.5rem;
    top: -2px;
}

.new_pipeline_filters .pp-tags {
    font-size: 0.81rem;
}
a.more-filter-link:hover {
    color: #9f9f9f;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1000;
    top: 0%;
    right: 0;
    background-color: #FFF;
    overflow-x: hidden;
    transition: 0.5s;
}
.search-field i {
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translateY(-50%);
}

/*pipeline new design updates end here*/

/* Links Slideout */
.sidenav1 input {
    border-color: transparent !important;
    background-color: #F6F7F9;
}
.sidenav1 input:focus{
    box-shadow: none;
    outline: none;
}
.sidenav1 input:hover{
    background-color: #F0F0F3;
    color: #1D1D1F;
    cursor: pointer;
}
.btn-more{
    background-color: #F6F7F9;
}
.icon-form{
    color: #0F205E;
}
.btn-border {
    border: 1px solid #E1E3E8;
}
.border-topbar{
    border: 1px solid #E2E2E2;
}
.borderbottom-topbar{
    border-bottom: 1px solid #E2E2E2;
}
/* Links Slideout Ends*/

.sidenav .selectact .fa-bolt{
    margin-left: 10px;
}
.msg-top {
    align-items: center;
}

/* 01-06 */
.pipeline_view .contact-table-header .third-row-wrap {
    min-width: 17%;
}

.customeroverviewtags .selectize-control{
    padding-left: 0 !important;
}

/* 30-05 Updated Notes */
.note-option #dropdownMenu2 {
    font-size: 1.5rem;
}

.notes-reminder-hover {
    top: 5px;
    right: 5px;
}
.done-button {
    background-color: #154AFD;
    height: 44px;
}
.set-reminder .nice-select .option {
    font-weight: 600;
}
.note-option .dropdown-menu {
    top: 5px;
    right: 50px;
}

.add-note-wrapper > a.add-note-btn {
    transform: none !important;
    height: 56px;
}
.add-note-wrapper > a.add-note-btn:hover {
    background: #0032E0 !important;
    border-radius: 0.5rem !important;
    color: #fff !important;
}

@media (min-width: 600px) {
    #custom-note-popup .modal-dialog {
        width: 600px !important;
    }
}

#custom-note-popup .note-option > a {
    width: 55px;
    height: 44px;
    padding-left: 10px;
}

#custom-note-popup .note-option .dropdown-menu {
    top: 90px;
    right: 80px;
}

.nice-select ul li {
    color: #1d1d1f;
}
.add-note-wrapper > a.add-note-btn:focus {
    color: #fff;
}
#messagemodal textarea,
#messagemodal input {
    border-radius: 5px;
    border-color: #E5E5EA !important;
    width: 100%;
}
#msg-booking-invite input.invited-name {
    border-radius: 5px;
    border: 0;
    background-color: #F6F7F9;
    width: auto;
    text-transform: capitalize;
}
#msg-booking-invite .smsmsgdiv .bookingtext {
    border: 1px solid #e5e5ea;
    border-radius: 5px;
    margin-top: 0.5rem;
    width: 100%;
}
#messagemodal #messagemodal_content #dropdownMenu2 i:hover{
    border-radius: 2px;
    padding: 2px 7px 0px 7px;
    background-color: #F6F7F9 !important;
}
#messagemodal #messagemodal_content #dropdownMenu2 i{
    color: #000000 !important;
}
.quickaction-dropdown {
    display: flex !important;
    justify-content: space-between !important;
    padding-right: 0.7rem !important;
    padding-left: 0.5rem !important;
    padding-top: 0.6rem !important;
}

.customer-edit-icon.colorPallete > a {
    padding: 6px !important;
}

.single-note:hover #dropdownMenu2 i {
    border: 1px solid transparent;
    background: #F6F7F9;
    color: black;
    padding: 0px 7px;
    border-radius: 5px;
}

.check-done:hover {
    background-color: #f2f2f2;
}

.undo-btn {
    display: none !important;
}
.check-done:hover .undo-btn {
    display: block !important;
    position: absolute;
    top: -42px;
    left: 50%;
    transform: translateX(-50%);
}

@media (min-width: 768px) {
    #undo-note-popup .modal-dialog {
        width: 350px !important;
    }
    #undo-note-popup .modal-dialog .modal-content {
        width: auto !important;
    }
}

.delete-reminder:hover {
    background-color: #f2f2f2;
}

.showremindertimepop {
    font-size: 0.85rem;
    font-weight: 500;
    color: #7a7a7a;
    margin-bottom: 0.7rem;
}

#custom-note-popup textarea#dashboard_note_text:hover,
#custom-note-popup textarea#dashboard_note_text:focus {
    outline: 0;
    box-shadow: none;
    border: 1px solid #D1D2D6 !important;
    caret-color: #2050f4;
}

#custom-note-popup textarea#dashboard_note_text {
    border-color: #e1e3e8 !important;
}


.notehideremove .editnotesectiondiv textarea#customernote {
    box-shadow: none !important;
    border-color: #e1e3e8 !important;
    transition: all 0.3s;
}


.notehideremove .editnotesectiondiv textarea#customernote:hover,
.notehideremove .editnotesectiondiv textarea#customernote:focus {
    outline: 0;
    box-shadow: none;
    border: 1px solid #bebebe !important;
    caret-color: #2050f4;
}

.notehideremove .editnotesectiondiv {
    border: 0;
}
/* Praful: Commented this style as its appling error toastr class */
/* #toast-container .toast{
    background-color: #ffffff;
    color: #000000;
    padding: 20px 20px 20px 20px;
    background-image: none !important;
    border-left: 6px solid #10BF83 !important;
    border-radius: 8px;
    box-shadow: 0px 3px 6px #00000027;
} */

#toast-container > div:hover {
    box-shadow: 0px 3px 6px #00000027;
}

#toast-container .toast .toast-message{
    color: #1d1d1f;
    letter-spacing: -0.025em;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.75rem;
    gap: 0.75rem;
    align-items: center;
    display: flex;
}
/* Appointment Changes */

.aptbox {
    border: 1px solid #E1E3E8;
    border-left: 4px solid #881CF2;
    padding: 0.7rem 1rem;
}
.d-apt {
    height: 30px;
    background-color: #F3F4F6;
}
@media (max-width: 1400px) {
    .notes-overview{
        flex-direction: column;
        align-items:flex-start !important;
    }
}
@media (max-width: 1280px) {
    .notes-overview{
        justify-content:center;
        flex-direction: unset;
        align-items:center !important;
    }
}

/* Appointment Changes Ends */
/* Dashboard Appointment Design Changes */

.dash-apt-box{
    padding: 2.5rem 2rem;
    min-height: 300px;
}
.calendaricon2{
    font-size: 25px;
    color: #8816f2;
}
.aptbox {
    border: 1px solid #E1E3E8;
    border-left: 4px solid #881CF2;
    padding: 0.7rem 1rem;
}
.status_notconfirm {
    background-color: #F6F7F9;
    color: #7A7A7A;
    font-size: 11px;
    padding: 2px 7px;
}
.withevent:hover {
    color: #2050F4;
    background-color: #E5E5EA;
}
.d-apt{
    height: 30px;
    background-color: #F3F4F6;
}
.d-apt .dropdown-menu-dash {
    top: 0;
    left: -86px;
    border-radius: 10px;
    padding: 4px;
}
.Paid{
    color: #007B59;
}
.Completed{
    color: #10BF83;
}
.Incomplete{
    color: #FFE140;
}
.Rescheduled{
    color: #F48220;
}
.NoShow{
    color: #414141;
}
.Cancelled{
    color: #D30000;
}
@media screen and (max-width: 1350px) {
    .dash-apt-box .appointment-box .truncate{
        max-width: 350px;
    }
}
@media screen and (max-width: 1280px){
    /* .first_dashboard_row .mini-view-section {
        grid-template-columns: 1fr 1fr 70px;
    } */
}

/* Dashboard Appointment Design Changes  Ends */

.archivebox::before {
    content: "";
    display: block;
    width: 20%;
    height: 3px;
    background: #e1e3e8;
    left: 3%;
    position: absolute;
}
@media screen and (max-width: 1600px){
    .archivebox::after, .archivebox::before {
        width: 18%;
    }
}
.archivebox::after {
    content: "";
    display: block;
    width: 20%;
    height: 3px;
    background: #e1e3e8;
    right: 28%;
    position: absolute;
}
@media screen and (max-width: 1600px){
    .archivebox::after, .archivebox::before {
        width: 18%;
    }
}
.btnarchive:hover {
    background-color: #2050F4;
    color: #FFF;
}
.second-row-nav-wrapper a:hover {
    text-decoration: none;
}
.custom-main-header .archive_view_active{
    background-color: #2050F4;
    color: #FFF;
    text-decoration: none;
}
.overview-third-grid .overview-appointment .appointment-box .d-apt .dropdown-menu-dash {
    top: -260px;
    left: -86px;
    border-radius: 10px;
    padding: 4px;
}
.status_confirm {
    background-color: #E5FFF3;
    color: #007B59;
    font-size: 11px;
    /* margin-left: 5px; */
    padding: 2px 7px;
}


.sidebar.custom-sidebar {
    overflow-y: auto;
    overflow-x: hidden;
}
.sidebar.custom-sidebar::-webkit-scrollbar {
    width: 5px;
}
.sidebar.custom-sidebar::-webkit-scrollbar-thumb {
    background-color: #2050f4;
    border-radius: 100px;
}
.sidebar.custom-sidebar::-webkit-scrollbar-track {
    background-color: #e4e4e4;
    border-radius: 100px;
}
/* Scroll bar changes */

.nav-bg{
    position: fixed;
    left: auto;
    right: auto;
    top: 0%;
    z-index: 100;
    /* border-radius:10px;  */
    width: 15.8rem;
}
.remove-flow:hover{
    overflow: unset;
}

@media screen and (max-width: 2000px) and (min-width: 1801px) {
    .profile-menu .user-name {
        width: 130px;
    }
}
@media screen and (max-width: 1800px) and (min-width: 1601px) {
    .nav-bg{
        width: 14rem !important;
    }
    .profile-menu .user-name {
        width: 120px;
    }
}
@media screen and (max-width: 1600px) and (min-width: 1551px) {
    .nav-bg{
        width: 13rem !important;
    }
    .profile-menu .user-name {
        width: 100px;
    }
}
@media only screen and (max-width: 1550px) {
    .nav-bg{
        width: auto ;
    }
}
@media screen and (max-width: 1540px) and (min-width: 1520px) {
    .nav-bg{
        width: 13rem !important;
    }
}
@media only screen and (max-width: 1500px) {
    .nav-bg{
        width: 12.5rem;
    }
}
@media only screen and (max-width: 1450px) {
    .fliph .nav-bg{
         background-color: transparent !important;
         gap: 0rem !important;
     }
     .profile-menu{
         /* margin-left: 0.7rem !important; */
     }
     .nav-bg{
         width: 12rem;
     }
     .profile-bottom{
         width: 13.1% !important;
     }
 }
 @media only screen and (max-width: 1400px) {
    .nav-bg{
        /* width: 11.5rem; */
    }
    .main-body-wrapper {
        /* max-width: 85.5%; */
    }
}
.profile-bottom{
    position: fixed;
    left: auto;
    right:auto;
    bottom: 0%;
    background-color: #0e1f5e;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 13.5%;
}

.sidebar.fliph .profile-bottom {
    padding: 0px !important;
    width: 0% !important;
    justify-content: unset;
}
.navbar-brand.collapse-logo {
    width: auto !important;
}
@media only screen and (max-width: 1420px) {
    .profile-bottom{
        width: 13.7% !important;
    }
}
@media only screen and (max-width: 1360px) {
    .profile-bottom{
        width: 14% !important;
    }
}
@media screen and (max-width: 1360px) and (min-width: 1300px) {
    .profile-bottom{
        width: 14.5% !important;
    }
}
@media screen and (max-width: 1300px) and (min-width: 1250px) {
    .profile-bottom{
        width: 15% !important;
    }
}
@media screen and (max-width: 1250px) and (min-width: 1200px) {
    .profile-bottom{
        width: 15.6% !important;
    }
}
/* Scroll bar ends */

.slideout-btn {
    background-color: #F9FAFB;
}
.slideout-btn:hover {
    color: #1D1D1F;
}
.slideout-border-color{
    border-color: #F2F2F2;
}
.d-apt:hover {
    background-color: #E5E5EA !important;
}
.hover-apt-note:hover {
    background-color: #F0F0F3;
    border-radius: 0.5rem;
}
.nice-select.form-control:hover {
    background-color: #F6F7F9;
}

/* 13-06 New Campaign Table View*/
.campaignlist tr.admintable_header {
    background-color: #F9FAFB;
}

.campaignlist .admintable_header th:first-child {
    border-radius:8px 0 0 0;
    padding-left: 2rem !important;
}

.campaignlist .admintable_header th:last-child {
    border-radius:0 8px 0 0;

}
.campaignwizarddefaultview tr.at-row-pair {
    background-color: #fff;
}
.campaignwizarddefaultview tr.at-row-odd {
    background-color: #F6F7F9 !important;
}

.campaignlist .table td.at-cell-title {
    padding: 15px 8px 15px 2rem;
}

.status-info.d-status {
    background-color: #FFF0F0;
    color: #EB000D !important;
}
.status-info.a-status {
    background-color: #E8FDF3;
    color: #02916A !important;
}
.status-info > .fa-circle {
    font-size: 0.4rem;
}

.text-13 {
    font-size: 0.813rem;
}
.sequence_info_box.inactive-stats {
    opacity: 0.4;
}
.vert-separator {
    position: relative;
}
.vert-separator:before {
    content: '';
    background-color: #E5E5EA;
    width: 1px;
    height: 60%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.campaign-list-action > a {
    color: #9f9f9f !important;
}
 .campaign-more-option .atdropdownitems {
    right: 0;
    z-index: 100;
 }
 .campaign-list-action > a {
    transition: all 0.3s;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background-color: transparent;
    display: flex !important;
    padding: 18px;
}

.campaign-list-action > a:hover {
    background-color: #E5E5EA !important;
}
 .campaign-list-action > a:hover > i {
     font-weight: 900;
     color: #2050F4;
 }
 .sequence_clickers {
    color: #007B59 !important;
}
.sequence_delivered {
    color: #0099AD !important;
}
.sequence_contactsqty {
    color: #F48220 !important;
}
.cal-tooltip .tooltip.top {
    padding: 5px 0;
    margin-top: -15px;
}

/* Navigation */
.sidebar .menu-title {
    display: block;
}

.collapse-logo.C-Logo {
    display: block !important;
}
.desktop-logo.D-Logo {
    display: none !important;
}

@media (max-width: 1450px) {
    .sidebar.custom-sidebar {
        width: 200px;
    }
    .sidebar:not(.expand-nav) {
        width: 80px;
        transition: all 0.5s ease;
    }
    .sidebar.custom-sidebar:not(.expand-nav) {
        width: 70px;
        z-index: 999;
    }
    .sidebar:not(.expand-nav) .main-nav-menu-item:hover, .sidebar:not(.expand-nav) .main-nav-menu-item:focus, .sidebar:not(.expand-nav) .main-nav-menu-item:active {

        width: 60%;
    }
    .sidebar:not(.expand-nav) nav .main-nav-menu-item a > i {
        width: 1em;
    }

    .custom-sidebar:not(.expand-nav) .customer_subitems{
        display:block;
    }

     .menutooltiptogglediv .tooltip{
        display: block !important;
    }

    .sidebar:not(.expand-nav) .menu-title {
        display: none;
        transition: all 0.5s ease;
    }


    .sidebar:not(.expand-nav) li {
        position: relative
    }

    .sidebar:not(.expand-nav) .sub-menu {
        position: absolute;
        left: 39px;
        top: 0;
        background-color: #222;
        width: 150px;
        z-index: 100;
    }
    .sidebar:not(.expand-nav) .main-nav-menu-item {
        transform:translateX(8px);
        transition: all 0.3s;
        width: 50px;
    }
    .sidebar:not(.expand-nav) .main-nav-menu-item.active {
        width: 50%;
    }
    .sidebar:not(.expand-nav) .main-nav-menu-item:hover, .sidebar:not(.expand-nav) .main-nav-menu-item:focus, .sidebar:not(.expand-nav) .main-nav-menu-item:active {

        width: 50%;
    }
    .sidebar:not(.expand-nav) .mini-sidebar-arrow {
        z-index: 999;
        left: 0;
        transition: all 0.3s;
        /* position: absolute; */
    }
    .sidebar:not(.expand-nav) .msg-badge {
        display: none;
    }
    .sidebar:not(.expand-nav) .mini-msg-badge {
        display: flex;
    }
    .sidebar:not(.expand-nav) .user-name {
        display: none;
        transition: opacity 0.3s;
    }


    .custom-sidebar:not(.expand-nav) .smart-list-wrapper{
        display: none;
        position: absolute;
        left: 32px;
        top: -10px;
        background-color: #2050F4;
        min-width: 200px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
        border-radius: 5px;
        padding: 10px 20px;
    }
    .sidebar:not(.expand-nav) .customer_smart_list .menu-title {
        display: block;
    }
    .custom-sidebar:not(.expand-nav) .customer_subitems{
        display:none;
    }
    .custom-sidebar:not(.expand-nav) .customer_smart_list{
        display:flex;
    }
     .menutooltiptogglediv .tooltip{
        display: none !important;
    }
     .menutooltiptogglediv .tooltip > .tooltip-inner  {
        background-color:#2050F4;
        font-size: 14px;
    }
     .menutooltiptogglediv .tooltip-arrow {
        display: none !important;
    }
    .sidebar:not(.expand-nav) .main-nav-menu-item.active {
        width: 40px;
    }
    .sidebar:not(.expand-nav) .main-nav-menu-item:hover,
    .sidebar:not(.expand-nav) .main-nav-menu-item.active:hover {
        /* width: 200px; */
        width: 40px;
    }
    .sidebar:not(.expand-nav) .main-nav-menu-item .customer_smart_list .menu-title {
        position: static;
    }
    .main-body-wrapper:not(.small-body) {
        max-width: 96.3%;
        /*z-index: 0;*/
    }
    .expand-body .col-md-4.custom-list-view-sidebar {
        left: 70px;
    }
    .expand-body .col-md-8.custom-content-wrapper {
      width: 100% !important;
      /* margin-left: 375px; */
    }
    .expand-body .col-md-3.custom-sms-contact {
         left: 70px;
         width: 375px !important;
    }
    

    .sidebar:not(.expand-nav) .profile-bottom {
        padding: 0px !important;
        width: 0% !important;
        justify-content: unset;
    }
}

.sidebar:not(.expand-nav) .collapse-logo {
    display: block !important;
}
.sidebar:not(.expand-nav) .desktop-logo {
    display: none !important;
}
.sidebar.expand-nav .collapse-logo {
    display: none !important;
}
.sidebar.expand-nav .desktop-logo {
    display: block !important;
}
.custom-sidebar:not(.expand-nav) .nav-bg {
    width: auto !important;
    padding-right: 0 !important;
    gap: 0 !important;
    background-color: transparent !important;
}
.navbar-brand.collapse-logo {
    padding-right: 0 !important;
}


.campaignlist .custom-tooltip .tooltip > .tooltip-inner {
    background-color: #2050F4;
    font-size: 0.94rem;
    font-weight: 600;
    border-radius: 1.25rem;
    padding: 0.5rem 1.6rem;
    width: auto;
}

/* Custom Links 14-07 */
.links-active {
    border: 1px solid #1d1d1f;
    box-shadow: 0px 3px 6px #00000029;
    color: #1d1d1f;
}
.height-36 {
    height: 2.25rem;
}
.dark-gray-font {
    color: #9f9f9f;
}

.centz-blue-bg {
    background-color: #2050F4;
    transition: all 0.3s;
}

.centz-blue-bg:hover {
    background-color: #0032E0 !important;
}

#linkdone {
    cursor: pointer;
}

@media (min-width: 768px) {
    .modal-dialog.small-size-popup1 {
        width: 530px !important;
    }
    .customers_list__table_view .modal-dialog.small-size-popup1 {
        width: 530px;
    }
}
.modal.new-popup-style .form-control {
    border-radius: 0.5rem !important;
    border: 1px solid #E1E3E8 !important;
    color: #1d1d1f;
    font-weight: 500;
    font-size: 0.94rem;
    box-shadow: none;
    height: 45px;
    transition: all 0.3s;
}
.modal.new-popup-style .form-control:hover,
.modal.new-popup-style .form-control:focus {
    /* border: 1px solid #9f9f9f !important; */
    outline: 0;
}

.modal.new-popup-style .modal-content .modal-body {
    padding: 0;
}
.sidenav1 .linkssubdiv.custom-links-div input {
    height: 45px;
}

.sidenav1 .linkssubdiv.custom-links-div > a {
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    height: 35px;
}

.link-option > a {
    color: #9f9f9f;
    transition: all 0.3s;
    padding: 1rem;
}

.link-option > a#dropdownMenu2:hover {
    color: #1d1d1f;
    background-color: #F6F7F9 !important;
}

#add-custom-link-popup p#validation {
    color: #ff0202;
}

.modal-content {
    background: #fff;
    border: 0px !important;
    box-shadow: 0 10px 45px rgb(0 0 0 / 25%)!important;
    padding: 2rem !important;
    font-size: 0.875rem;
    border-radius: 15px !important;
}

#xbtn_id {
    font-size: 1.25rem !important;
}

#mylinksSidenav.sidenav-width {
    width: 40% !important;
}
 .sidebar-content {
    display: none;
}
.borderbottom-topbar {
    border-bottom: 1px solid #E2E2E2;
}

/* 01-08 */
#messagemodal #modal-close {
    top: 0px !important;
    right: 5px;
}

/* 04-08 */
.products_list .blocktitlebuttons-wrapper .help-text {
    display: none;
}

.products_list .top_line__wrapper > .customer_action_links,
.contact_list .top_line__wrapper > .customer_action_links {
    position: relative;
    top: 25px;
}
.products_list .product-filter {
    flex-direction: column;
}

.products_list .product-filter .refresharrow {
    text-align: center;
}

/* 10-08 */
.schedule-date-picker #show-zoom-link {
    width: 65%;
}

/* 16-08 */
#admintablerow-price > td[width="30%"] {
    vertical-align: top;
}

/* 17-08 */
.contact_list .products_list_view_wrapper {
    overflow-y: auto;
    max-height: calc(100vh - 140px)!important;
}

.offers_list.contact_list .panel-profile.list-view .media a {
    margin-right: 13px !important;
}

/* 23-08 */
@media (max-width: 1536px) {
    .main_search_form .search-icon {
        left: 2rem !important;
    }
    .main_search_form .search-input-text {
        padding-left: 3.5rem !important;
    }
}

#savesearch #admintablerow-title td[width="30%"] {
    width: 10% !important;
}
/* .header-cta {
    margin-top: 2rem;
} */

@media (max-width: 1500px) {
    .header-cta {
        flex-wrap: wrap;
        flex-direction: column;
        gap: 0.5rem;
        align-items: flex-end !important;
        margin-left: 0;
    }
}
.profile-btn-follow:not(.btn-dark) {
    color: #1d1d1f;
}

/* 26-08 */
.landingthankyoupage label[for="default_thankyou"] {
    flex-basis: 193px;
}
.video-status .publish_button {
    margin-top: 5px;
}

/* 29-08 */
.videolistsection .editsection .dropdown-menu {
    height: 100%;
}

/* 30-08 */
@media (max-width: 1451px) {
    .fliph .nav-bg {
        background-color: transparent !important;
        gap: 0rem !important;
    }
    .custom-sidebar:not(.expand-nav) .nav-bg {
        width: auto !important;
        padding-right: 0 !important;
    }
    .custom-sidebar:not(.expand-nav) .nav-bg {
        width: 70px;
        padding-right: 0 !important;
    }
}

.sharebuttom ul li.editsection a {
    margin-bottom: 4px;
}
.red-btn {
    background-color: #CC000B;
    transition: all 0.3s;
}

/* 01/09 */
.products_list .panel-profile.list-view > h4.media-heading {
    margin-top: 10px !important;
}

/* 02-09 */
.blocktitlesection .flex.breadcrumbs {
    margin-right: 1rem;
}

.new-smart-view-menu a > .fa-circle {
    font-size: 0.5rem !important;
    margin-right: 5px;
}

.customer_smart_list a:first-child:before {
    content: none !important;
}

.block-content-outer > p {
    margin: 0 15px 5px;
}

@media (max-width: 1450px) {
    .products_list .top_line__wrapper > .customer_action_links, .contact_list .top_line__wrapper > .customer_action_links {
        top: 35px;
    }
}

a[title="Card View"] {
    margin-inline: 5px;
}

.offersection .table a {
    color: #414344 !important;
}

/* nav .main-nav-menu-item.contact_nav.active,
nav .main-nav-menu-item.contact_nav:hover,
nav .main-nav-menu-item.contact_nav:focus,
nav .main-nav-menu-item.contact_nav:active,
nav .main-nav-menu-item.customers_nav.active,
nav .main-nav-menu-item.customers_nav:hover,
nav .main-nav-menu-item.customers_nav:focus,
nav .main-nav-menu-item.customers_nav:active {
    background: transparent !important;
}

nav .main-nav-menu-item.contact_nav.active a[title],
nav .main-nav-menu-item.contact_nav:hover a[title],
nav .main-nav-menu-item.contact_nav:focus a[title],
nav .main-nav-menu-item.contact_nav:active a[title],
nav .main-nav-menu-item.customers_nav.active a[title],
nav .main-nav-menu-item.customers_nav:hover a[title],
nav .main-nav-menu-item.customers_nav:focus a[title],
nav .main-nav-menu-item.customers_nav:active a[title] {
    background: linear-gradient(90deg, rgba(0,36,159,1) 0%, rgba(32,80,244,1) 100%) !important;
    border-radius: 0.5rem 0 0 0.5rem;
}

nav .main-nav-menu-item.contact_nav.active .customer_subitems,
nav .main-nav-menu-item.contact_nav:hover .customer_subitems,
nav .main-nav-menu-item.contact_nav:focus .customer_subitems,
nav .main-nav-menu-item.contact_nav:active .customer_subitems,
nav .main-nav-menu-item.customers_nav.active .customer_subitems,
nav .main-nav-menu-item.customers_nav:hover .customer_subitems,
nav .main-nav-menu-item.customers_nav:focus .customer_subitems,
nav .main-nav-menu-item.customers_nav:active .customer_subitems {
    border-radius: 0 0.5rem 0.5rem 0;
    background: #2050f3;
    padding-top: 12px;
    padding-right: 10px;
    margin: 0;
}

.custom-sidebar.fliph nav .main-nav-menu-item.contact_nav.active,
.custom-sidebar.fliph nav .main-nav-menu-item.contact_nav:hover,
.custom-sidebar.fliph nav .main-nav-menu-item.contact_nav:focus,
.custom-sidebar.fliph nav .main-nav-menu-item.contact_nav:active,
.custom-sidebar.fliph nav .main-nav-menu-item.customers_nav.active,
.custom-sidebar.fliph nav .main-nav-menu-item.customers_nav:hover,
.custom-sidebar.fliph nav .main-nav-menu-item.customers_nav:focus,
.custom-sidebar.fliph nav .main-nav-menu-item.customers_nav:active {
    background: linear-gradient(90deg, rgba(0,36,159,1) 0%, rgba(32,80,244,1) 100%) !important;
}

.custom-sidebar.fliph nav .main-nav-menu-item.contact_nav.active a[title],
.custom-sidebar.fliph nav .main-nav-menu-item.contact_nav:hover a[title],
.custom-sidebar.fliph nav .main-nav-menu-item.contact_nav:focus a[title],
.custom-sidebar.fliph nav .main-nav-menu-item.contact_nav:active a[title],
.custom-sidebar.fliph nav .main-nav-menu-item.customers_nav.active a[title],
.custom-sidebar.fliph nav .main-nav-menu-item.customers_nav:hover a[title],
.custom-sidebar.fliph nav .main-nav-menu-item.customers_nav:focus a[title],
.custom-sidebar.fliph nav .main-nav-menu-item.customers_nav:active a[title] {
    background: transparent !important;
}

nav .main-nav-menu-item.contact_nav.nosmartview.active a[title],
nav .main-nav-menu-item.contact_nav.nosmartview:hover a[title],
nav .main-nav-menu-item.contact_nav.nosmartview:focus a[title],
nav .main-nav-menu-item.contact_nav.nosmartview:active a[title],
nav .main-nav-menu-item.customers_nav.nosmartview.active a[title],
nav .main-nav-menu-item.customers_nav.nosmartview:hover a[title],
nav .main-nav-menu-item.customers_nav.nosmartview:focus a[title],
nav .main-nav-menu-item.customers_nav.nosmartview:active a[title] {
    border-radius: 0.5rem;
}

 nav .main-nav-menu-item.contact_nav.nosmartview.active,
 nav .main-nav-menu-item.contact_nav.nosmartview,
nav .main-nav-menu-item.contact_nav.nosmartview:hover,
nav .main-nav-menu-item.contact_nav.nosmartview:focus,
nav .main-nav-menu-item.contact_nav.nosmartview:active,
nav .main-nav-menu-item.customers_nav.nosmartview.active,
nav .main-nav-menu-item.customers_nav.nosmartview,
nav .main-nav-menu-item.customers_nav.nosmartview:hover,
nav .main-nav-menu-item.customers_nav.nosmartview:focus,
nav .main-nav-menu-item.customers_nav.nosmartview:active {
    padding: 0;
}

.main-nav-menu-item.contact_nav .menu-title,
.main-nav-menu-item.customers_nav .menu-title {
    margin-left: 0.5rem;
}

.main-nav-menu-item i.fa-users {
    padding: 0.75rem;
} */

/* 06-09 */
.coupon-edit .main_search_form .absolute.pointer-events-none {
    left: 2rem !important;
}
.coupon-edit .adminform_form {
    padding: 10px 30px 15px !important;
}

/* 07-09 */
.employee_details .ab-button {
    margin-right: 0.5rem;
}
.company_settings .header-dropdown-menu > a {
    margin-top: 5px;
}  

/* 12-09 */
.importsmaintab .addcustomer.last_step.width100 {
    max-width: 1500px !important;
}
.importsmaintab .addcustomer.last_step thead tr th:nth-child(3) {
    width: 150px;
}
.importsmaintab .addcustomer.last_step thead tr th:nth-child(5) {
    width: 160px;
}
.importsmaintab .addcustomer.last_step thead tr th:last-child {
    width: 200px;
}
.importsmaintab .import_contact.businessregister .row {
    display: flex !important;
    align-items: center;
}
.customers_list__table_view #modal-close {
    top: -8px !important;
}

@media (min-width: 2000px) {
    .profile-bottom {
        width: 240px;
    }
    .profile-bottom > a {
        width: 100%;
    }
    .custom-sidebar.fliph .profile-bottom > a {
        width: auto;
    }
}
.new-color{
    color:#c3c3c3;
}

/* Header Call  */

.numberpad .row {
    margin: 0 auto;
    width: 100%;
    clear: both;
    text-align: center;
    font-family: "Inter";
  }

.digit {
    font-family: "Inter";
    float: left;
    text-align: left;
    padding: 0px 15px;
    width: 30%;
    font-size: 29px;
    cursor: pointer;
    margin: 6px;
    border-radius: 6px;
    color: #1d1d1f;
    background-color: #F6F7F9;
    font-weight: 600;
    display: flex;
    align-items: center;
    column-gap: 10px;
    min-height: 43.5px;
}

.sub {
    font-size: 14px;
    font-weight: 500;
    color: #989898;
    padding-top: 2px;
}

.container {
    /* background-color: white;
    width: 320px;
    padding: 20px; */
    /* margin: 30px auto; */
    /* height: 420px; */
    /* text-align: center;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); */
}

#output {
    font-family: "Inter";
    font-size: 1.5rem;
    height: 40px;
    font-weight: bold;
    color: #1d1d1f;
    margin:6px;
}

#call-customer {
    background-color: #10BF83;
    padding: 8px 20px;
    color: white;
    border-radius: 8px;
    cursor: pointer;
    width: 96%;
}

.botrow {
    margin: 0px auto;
    width: 100%;
    clear: both;
    text-align: center;
    font-family: 'Inter';
}

.digit:active{
    background-color: #e6e6e6;
}

#call-customer:hover {
    background-color: #10BF83;
}

.dig {
    width: 30px;
    cursor: pointer;
    color: #B4B4B4;
}

#globalcall_numberpad input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance: textfield;
}
#globalcall_numberpad input:focus{
    outline: none;
    box-shadow: none;
}
#globalcall_numberpad input{
    border: none;
    font-weight: 600;
    border-radius: 0.5rem;
    font-size: 22px;
}
/* Header Call Ends */
/* Phone Dialer - Phase 2 */
.global_dialer{
    width: 26rem; 
    right: 21.5%; 
    top:35px; 
    box-shadow: 0px 3px 16px #00000029;
}
#globalcall_numberpad .fa-delete-left{
    font-size: 35px;
    margin-right: 10px;
}
.system-contacts{
    border: 1px solid #F0F0F3;
    border-radius: 8px;
    overflow: auto;
    height: 222px;
    padding: 8px 5px;
    width: 96%;
    margin: 0 auto;
}
#globalcall_contacts input {
    border: none;
    font-weight: 600;
    border-radius: 0.5rem;
    font-size: 22px;
}
.customerimg span {
    font-size: 0.9rem;
    color: #fff;
    font-weight: bold;
}
.system-contacts .contact-numbers .customerimg{
    margin-bottom: 0%;
}
.system-contacts .contact-numbers:hover,.system-contacts .contact-numbers.active{
    background-color: #F0F5FF;
    border-radius: 6px;
}
.rec-text{
    border-radius: 6px;
    background-color: #F0F5FF;
    color: #2050F4;
    margin-left: 5px;
    font-size: 13px;
}
.open_call_newwindow:hover, #old_call_design:hover{
    border: 2px solid #2050F4 !important;
}
.dialer-option-color{
    color: #B4B4B4;
}
.darkColor.dialer-option-color{
    color: #1d1d1f;
}
#call-customer:disabled{
    opacity: 0.3;
    cursor: not-allowed;
}
#globalcall_numberpad input[type="number"]::placeholder, 
#globalcall_contacts input[type="text"]::placeholder{
    color: #B4B4B4;
}
.contactnumberdiv .customerimg{
    margin-bottom: 0% !important;
    border: transparent;
}
.contactnumberdiv .customerimg,
.contactnumberdiv .customerimg2,
.unknownnumberdiv .customerimg2 {
    border-radius: 100px !important;
    height: 35px !important;
    width: 35px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: 700;
}
#globalcall_contacts .system-contacts .customerimg {
    height: 32px !important;
    width: 32px !important;
}
#calling_optionModal .modal-dialog{
    width: 600px !important;
}
.system-contacts .customerimg span {
    font-size: 12px;
    color: #fff;
    font-weight: bold;
}
.cnamediv{
    border: 1px solid #F0F0F3;
    width: 96%;
    margin: 0 auto 0.75rem auto;
}
.numberdiv{
    border: 1px solid #F0F0F3;
    width: 97%;
    margin: 00 auto 0.75rem;
}
.call-log-screen #calling_optionModal{
    margin-top: 130px;
}
/* Phone Dialer - Phase 2 Ends */

/* 06-10 */
.customers_list__table_view .adminbuttons button {
    float: none;
}
.column-menu-tableview {
    position: absolute;
    min-width: 350px;
    background: #fff;
    z-index: 1;
    box-shadow: 0 10px 10px rgb(172 172 172 / 50%);
}
.column-names-section {
    max-height: 400px;
    overflow-y: auto;
}


.custom-column-switch {
    position: relative;
    display: inline-block;
    width: 37px;
    height: 23px;
  }

  .custom-column-switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }

  .custom-column-switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: all .4s;
  }

  .custom-column-switch .slider:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 5px;
    bottom: 6px;
    background-color: white;
    transition: all .4s;
  }

  .custom-column-switch input:checked + .slider {
    background-color: #2050f4;
  }

  .custom-column-switch input:focus + .slider {
    box-shadow: 0 0 1px #2050f4;
  }

  .custom-column-switch input:checked + .slider:before {
    transform: translateX(14px);
    background-color: #fff !important;
  }

  /* Rounded sliders */
  .custom-column-switch .slider.round {
    border-radius: 34px;
  }

  .custom-column-switch .slider.round:before {
    border-radius: 50%;
  }

  /* Width */
  .column-names-section::-webkit-scrollbar {
    width: 10px;
  }
  /* Track */
  .column-names-section::-webkit-scrollbar-track {
    background: #fff;
  }

  /* Handle */
  .column-names-section::-webkit-scrollbar-thumb {
    background: #c8c8c8;
    border-radius: 20px;
  }

  #notificationdiv .switch{
    position: relative;
    display: inline-block;
    width: 32px;
    height: 19px;
}
#notificationdiv .switch .globaluntouchedcontact{
    opacity: 0;
    width: 0;
    height: 0;
}
#notificationdiv input:checked + .slider {
    background-color: #10BF83;
}
#notificationdiv .slider.round {
    border-radius: 34px;
}
#notificationdiv .slider{
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}
#notificationdiv .slider.round:before {
    border-radius: 50%;
}
#notificationdiv .slider:before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    left: 4px;
    bottom: 5px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.notification-wrapper{
    border-radius: 15px;
    box-shadow: 0px 2px 2px #00000010;
}

.notification-wrapper .textpreview span {
    background: #fff;
    padding-right: 26px;
}

.notification-wrapper .textpreview {
    width: 95%;
    border-bottom: 1px solid #F6F7F9;
    line-height: 0.1em;
}

.untouchedcontact, .untouchedpipeline{
    background-color: #FFF6C3;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    /* padding-left: 0.5rem; */
    padding-right: 0.5rem;
}
/* Dashboard New Leads */

#dashboard_leads .leads-dialog{
    width: 80.2%;
    margin-top: 185px;
    margin-left: calc(100% - 77px);
    transform: translateX(-100%);
    box-shadow: 0px 2px 22px #00000029;
    border: none;
}
.dark-gray-text{
    color: #707070;
}
.untouch{
    background-color: #FFF6C3;
}
#dashboard_leads .pp-name{
    max-width: 300px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}
#dashboard_leads .pp-stages:hover{
    background-color: #F0F5FF;
    cursor: pointer;
}
#dashboard_leads .pp-stages .pp-stagename{
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#dashboard_leads .pipeline-cards{
    box-shadow: 0px 2px 2px #00000029;
    height: 450px;
    overflow: auto;
    border: 1px solid transparent;
    margin-bottom: 15px;
}
#dashboard_leads .pipeline-cards:hover{
    border: 1px solid #969696;
}
.normal-gray{
    color: #969696;
}
#dashboard_leads .leads-grid-wrapper{
    height: 467px;
    overflow: auto;
    padding: 1px;
}
#dashboard_leads .leads-grid{
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
#dashboard_leads .pipeline-cards::-webkit-scrollbar{
    width: 8px;
}
#dashboard_leads .pipeline-cards::-webkit-scrollbar-thumb {
    background: #c8c8c8;
    border-radius: 20px;
}
#dashboard_leads .pipeline-cards::-webkit-scrollbar-track {
    background: transparent;
}
@media screen and (max-width: 1700px) {
    #dashboard_leads .leads-dialog{
        width: 80.1%;
        margin-left: calc(100% - 75px);
    }
}
@media screen and (max-width: 1650px) {
    #dashboard_leads .leads-dialog{
        width: 79.8%;
        margin-left: calc(100% - 74px);
    }
}
@media screen and (max-width: 1600px) {
    #dashboard_leads .leads-dialog{
        width: 79.2%;
        margin-left: calc(100% - 77px);
        margin-top: 115px;
    }
    #dashboard_leads .leads-grid-wrapper {
        height: 400px;
    }
    #dashboard_leads .pipeline-cards {
        height: 380px;
    }
}

@media screen and (max-width: 1450px) {
    #dashboard_leads .leads-dialog{
        width: 89.1%;
        margin-left: calc(100% - 77px);
        }
    }

@media screen and (max-width: 1350px) {
    #dashboard_leads .leads-dialog{
        width: 88.5%;
    }
}
@media screen and (max-width: 1300px) {
    #dashboard_leads .leads-dialog{
        width: 88.1%;
    }
}
@media screen and (max-width: 1250px) {
    #dashboard_leads .leads-dialog{
        width: 87.8%;
    }
}
@media screen and (max-width: 1250px) {
    #dashboard_leads .leads-dialog{
        width: 84.6%;
        margin-left: calc(100% - 87px);
    }
}
/* Dashboard New Leads Ends */
.btn-exit{
    background-color: #CC000B;
}
.btn-exit:hover{
    background-color: #D30000;
}

/* Message Modal Dropdown Arrow */
#tools_popup_camp .nice-select:after,
#tools_popup .nice-select:after {
    border-color: #9F9F9F !important;
    border-style: solid !important;
    border-width: 0 0 2px 2px !important;
    content: "";
    display: block;
    height: 8px !important;
    /* left: 15px; */
    position: absolute;
    width: 8px !important;
    margin-top: -8px;
    top: 25%;
    right: 15px;
    transition: left 0.1s;
    transform: rotate(45deg);
    -webkit-transform: rotate(315deg);
}

#tools_popup_camp .nice-select:after,
#tools_popup .nice-select:after {
    top: 55% !important;
}

/* Message Modal Dropdown Arrow */

/* Notification Design Updates */

#notification_div{
    top: 36px;
    /* left: 17px; */
    border-radius: 15px;
    box-shadow: 0px 11px 46px #00000041;
    width: 430px;
    z-index: 1;
}
#notification_div .top-notification-wrapper{
    max-height: calc(100vh - 165px);
}
#notification_div .notification-top-buttons a.active{
    color: #0032E0;
    background-color: #F0F5FF;
    border-radius: 6px;
}
#notification_div .notification-box .notification-shadow{
    box-shadow: 0px 1px 2px #00000014;
}
.notification-detail{
    color: #8B8B8B;
}
.notification-box .customerimg span.notification-name{
    font-size: 12px;
}
.notification-box-wrapper:hover{
    background-color: #F0F5FF !important;
    border-radius: 8px;
}
.notification-box-wrapper:hover #show_remaining{
    background-color: transparent !important;
}
.notification-box-wrapper:hover .notification-detail{
    color: #505050 !important;
}
.text-9{
    font-size: 0.563rem;
}
.notification-box-wrapper .notification-box .item{
    color:#007B59; 
    background-color:#CEF2E1;
    font-size: 12px;
    font-weight: 500;
    border-radius: 5px;
    padding: 2px 8px;
}
.notification-box .customerimg{
    width: 2.25rem !important;
    height: 2.25rem !important;
}

.more-notification-options{
    box-shadow: 0px 1px 2px #00000029;
    top: 20px;
    right: 32px;
    background-color: #fff;
}

.notification-box-wrapper .truncate{
    max-width: 225px;
}

#notification_div .top-notification-wrapper::-webkit-scrollbar {
    width: 7px;
}

#notification_div .top-notification-wrapper::-webkit-scrollbar-thumb {
    background-color: #00000043;
    border-radius: 100px;
}
.dropdown-read-unread-notify {
    top: 35px !important;
    right: 50px;
    left: auto !important;
    width: 185px;
    border-radius: 10px !important;
    padding: 5px !important;
    border: none !important;
    box-shadow: 0px 6px 16px #00000029;
}
.remaining-stuff .notification-box-wrapper:last-child{
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}
.notification-box-wrapper:hover .more-notification-options{
    display: flex;
}

/* Notification Design Updates Ends */
/* Message Upgardes */
.activity-bg{
    box-shadow: 0px 1px 2px 0px #00000014;
    border-radius:5px;
    padding:5px;
    margin-left: 2px;
}
.rd-dash-customer-info.desktop .recentactivity .show_tags > div {
    cursor: pointer;
    margin: 0 8px 8px 0;
    padding: 0px 8px 3px;
    background: #E4FCF0;
    color: #007B59;
    text-transform: capitalize;
    font-size: 12px;
    font-weight: 500;
    border-radius: 5px;
}
.activity-buttons a{
    box-shadow: 0px 2px 2px #00000029;
    border: 1px solid #F2F2F2;
}
.activity-buttons{
    width: inherit !important;
    position: fixed;
    bottom: 0;
    background: white;
    padding: 1.1rem;
    margin-left: -1rem;
    margin-right: -1rem;
    border-top: 1px solid #eee;
}
.recentactivity .activitydiv{
    height: calc(100vh - 560px);
}
.recentactivity-short .activitydiv{
    height: calc(100vh - 490px) !important;
}
.recentactivity .activitydiv::-webkit-scrollbar {
    width: 8px;
}
.recentactivity .activitydiv::-webkit-scrollbar-thumb {
    background: #c8c8c8;
    border-radius: 20px;
}
.recentactivity .activitydiv::-webkit-scrollbar-track {
    background: transparent;
}
.related-tags .tags > div.item {
    cursor: pointer;
    padding: 4px 12px;
    background: #CEF2E1;
    color: #007B59;
    text-transform: capitalize;
    font-size: 12px;
    font-weight: 600;
    border-radius: 5px;
}
.related-tags .tags{
    /* max-width: 250px; */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.recorder-box:hover{
    background-color: #F6F7F9;
    border-radius: 6px;
}
.recorder-box:hover.recorder-options{
    visibility: visible;
}
@media screen and (max-width: 1550px) {
    .msg-grid .call-box{
        width: 435px !important;
    }
}
/* Message Upgardes Ends */

/* toaster msg show correctly  */
@media(max-width:480px) {
    .allbody.sm-account-show.signwrapper #alertify-logs {
        width: 90% !important;
    }
    .allbody.sm-account-show.signwrapper section#alertify-logs
    {
        padding-top: 0 !important;
        padding-bottom: 0 !important; /* Remove top and bottom padding */
    }
    /* Login Page Password Align Left */
    label[for="inputPassword"]
    {
        text-align: left !important;
    }
    .allbody.dashboard_home.membership_area #UploadimageModal .modal-dialog{width: 100% !important;} /* set width */ 
    /* iphone input field zoom issue  */
    @supports (-webkit-touch-callout: none) {

        input[type="email"],
        input[type="password"],
        input {
            font-size: 16px !important;
        }
    }
}
/* transition remove for upload image modal */
.allbody.dashboard_home.membership_area #UploadimageModal .modal-dialog,
.allbody.dashboard_home.membership_area #UploadimageModal .browse-file,
.allbody.dashboard_home.membership_area #UploadimageModal button.createservicepopupimagedonebtn
{
    transition: none !important;
}