.fullscreen-div{
    zoom: 80%;

}
.card__face {
        
        font-size: 14px;
        
    }
.newContainer{
    width: 80%;
    max-width:80%;
    margin: 0 auto; /* Horizontal centering */
}
  html{
      
        font-size:16 !important;
        
    }
@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .newCustomerChart{
        height: 625px !important;
    }
    .tabButtonNewHtml{
        width:155px !important;
    }
}
@media only screen and (min-width: 1153px) and (max-width: 1280px) {
    .phone + span:not(.lever) {
        padding-left: 22px;
        font-size: 14px !important;
    }
    .email + span:not(.lever) {
        padding-left: 22px;
        font-size: 14px !important;
    }
    #otpModal {
       
        zoom: 80%;
    }
    .newCustomerChart{
        height: 635px !important;
    }
    .tabButtonNewHtml{
        width:155px !important;
    }
    
}
@media only screen and (min-width: 1361px) and (max-width: 1440px) {
    .fullscreen-div{
        zoom: 100%;
    }
    .newContainer{
        width: 80%;
        margin: 0 auto; /* Horizontal centering */
    }
    .twilio_customer_name {
      
        font-size: 14px !important;
    }
    #otpModal {
       
        zoom: 80%;
    }
    .tabButtonNewHtml{
        width:155px !important;
    }
    .newCustomerChart{
        height: 610px !important;
    }

}
@media only screen and (min-width: 1601px) and (max-width: 2560px) {
    .fullscreen-div{
        zoom: 100%;
    }
    .newContainer{
        width: 80%;
        margin: 0 auto; /* Horizontal centering */
    }
    .twilio_customer_name {
      
        font-size: 14px !important;
    }
    #otpModal {
       
        zoom: 100%;
    }
}
@media only screen and (min-width: 2561px) and (max-width: 9999px) {
    .fullscreen-div{
        zoom: 120%;
    }
    .newContainer{
        width: 80%;
        margin: 0 auto; /* Horizontal centering */
    }
    .twilio_customer_name {
        font-size: 14px !important;
    }
    #otpModal {
       
        zoom: 120%;
    }
    .iconeClassHeader{
        height: 20px !important;
        margin: 1px 0px 17px 10px !important;
    }
    .logoClassHeader{
        height: 45px !important;
        width: 150px !important;
        margin: 0px 0px 2px 8px !important;
    }
    #sitebaricon{
        height:30px !important;

    }
    #search_icon{
        font-size: 18px !important;
    }
    #search_input_header{
        margin-top: -45px !important;
    }
    #reminder-message, #reminder-message-notification{
        margin-top: -49px !important;
        height: 31px !important;

    }
    .notificationLink {
        font-size: 18px !important;
        line-height: 40px !important;
    }

    #incentive_preview{
      
        height: 757px !important;
        
    }
   
}

.change_incentive_page.active{
    color: #004ea8;
}

.spanIncentive{
    font-size: 14px;
}

.incentive_heading{
    font-weight: 700;
}

.add_more_button {
    background-color: #004ea8;
    color: #fff;
    width: 125px;
    border-radius: 7px;
    padding: 5px;
    border: 1px solid #004ea8;
}

.cancel_referral, .cancel_referral_preview {
    background-color: #84bd00;
    color: #fff;
    width: 125px;
    border-radius: 7px;
    padding: 5px;
    border: 1px solid #84bd00;
}

.submit_referral,.update_referral  {
    background-color: #004ea8;
    color: #fff;
    width: 125px;
    border-radius: 7px;
    padding: 5px;
    border: 1px solid #004ea8;
}


.remove_html_button {
    background-color: #84bd00;
    border: 1px solid #84bd00;
    border-radius: 7px;
    color: #ffffff;
    padding: 5px;
    width: 125px;
}


.div_inline1 { 
        display: inline-block; 
        
        margin: -3px 5px 2px 5px;
        font-size: 20px;
    }