form.custom_form_css .tab-content.card-body {
    padding-left: 0px;
    padding-right: 0px;
}

.form-row {
    margin-right: -15px;
    margin-left: -15px;
}

form.custom_form_css .tab-content.card-body .form-row [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
}

td.action_form i {
    font-size: 20px;
}

span.required_sign {
    color: red;
}

ul.errorlist {
    list-style: none;
    padding: 0;
    margin-top: 3px;
    color: red;
    font-size: 12px;
}

input.delete_id_all {
    position: relative;
    z-index: 9;
}

body.vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content>li>a>i{
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    display: flex;
}

.main-menu.menu-light .navigation>li ul li>a {
    display: flex;
}

a.btn.btn-outline-primary.ml-1.waves-effect.waves-light {
    border: 1px solid;
}

.action-btns {
    position: relative;
    top: 70px;
    display: inline-block;
}

table.data-list-view.dataTable thead th:first-child, table.data-thumb-view.dataTable thead th:first-child {
    padding-left: 30px;
}

.table-top-50 {
    top: -10px;
    position: relative;
}

.display-flex-middle{
    display: flex;
    vertical-align: middle;
    align-items: center;
    margin: 0;
}

.display-flex-middle input{
    margin-right:5px;
}


.dd-none{
    display:none;
}

.main-menu.menu-light .navigation .navigation-header span {
    font-weight: 600;
    color: #7367F0;
    font-size: 16px;
    text-transform: capitalize;
}

.title_style {
    color: #7367F0;
    font-size: 25px;
    text-align: center;
}

.col-12.col-sm-6.addres_height textarea#id_address {
    height: 270px;
}

.form-group input[type=radio],.form-group input[type=checkbox] {
    display: inline-flex;
    width: 13px;
    height: auto;
    float: left;
    margin-right: 6px;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    margin-top: 5px;
}

span.asteriskField {
    color: red;
    font-size: 17px;
    margin-left: 2px;
}

.chart--container {
    height: 100%;
    width: 100%;
    min-height: 530px;
  }
  
  .zc-ref {
    display: none;
  }

/* .form-group.col-sm-12 .ms-container {
    width: 550px;
} */

body .main-menu.menu-light .navigation>li ul li>a {
    padding: 10px 15px 10px 10px;
}

body .f-21{
    font-size: 21px;
}


body a.custom_charts span {
    color: #0000ff;
}

.dashbaord_css .ms-container  {
    width: 100% !important;
    margin: auto;
    max-width: 100%;
}

.dashbaord_css .ms-container .ms-list{
    height: 270px;
}

.gm-style-iw-d p {
    margin-bottom: 4px;
    font-weight: 600;
}

.apexcharts-canvas {
    position: relative;
    user-select: none;
    width: 100% !important;
}

foreignObject, .apexcharts-canvas svg{
    width: 100% !important;
}



.custom_height{
    height: calc(100% - 2.2rem);
}


section.page-users-view .card.new_css {
    min-height: 310px;
    height: 310px;
    overflow-y: scroll;
}

.card.new_css::-webkit-scrollbar {
    width: 10px;
}
   
   
.card.new_css::-webkit-scrollbar-thumb {
    background-color: rgba(196, 196, 196, 0.603);
    border-radius:20px;
}



.slimscroll_new
{
    max-height: 440px;
    height: 440px;
    overflow: scroll;
}

.slimscroll_new::-webkit-scrollbar {
    width: 10px;
}
   
   
.slimscroll_new::-webkit-scrollbar-thumb {
    background-color: rgba(196, 196, 196, 0.603);
    border-radius:20px;
}

.banner_css{
    height: 300px;
    object-fit: none;
    border: 1px solid lightgray;
    background: #fff;
}

.campaign_css_list{
    margin: auto;
    display: table;
    object-fit: contain;
    background: #fff;
    width: 100%;
}


.match_height_css{
    height: calc(100% - 30px);
}

.match_height_css .card-content{
    height: 100%;
}

.match_height_css .card-content .card-body{
    height: 100%;
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.fa.campaign_font {
    font-size: 40px;
}

.min-height-300{
    height: 90px;
}


.segment-height{
    height: 400px;
    width: 100%;
    object-fit: cover;
}

.lead_view_page tr {
    margin-bottom: 11px;
    float: left;
    width: 100%;
}

.action_form a{
    padding: 6px 13px;
}

.table th{
    text-align: center;
    text-transform: capitalize;
}

td.action_form {
    text-align: center;
}

body #sidebar-menu .menu-title {
    font-size: 15px;
    color: #9e0000;
}


.segment_buttons{
    margin: 0px;
    margin-top: 13px;
}

span.badge.badge-Pending {
    background: #ff8acc;
}

span.badge.badge-Rejected {
    background: #ff5b5b;
}

span.badge.badge-Approved {
    background: #10c469;
}

p.text_2 {
    font-size: 16px;
}

.org_profile{
    height: 100px;
    object-fit: cover;
}


span.badge.badge-Active{
    background: #10c469;
}

span.badge.badge-In-Active{
    background: #ff5b5b;
}

button.dt-button.buttons-csv.buttons-html5 {
    border: 0px;
    background: #6c757d;
    color: #fff;
    padding: 10px 20px 8px 20px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.flex_css_filter label {
    width: 100%;
}

.flex_css_filter input {
    width: 220px;
    display: inline-block;
    margin: 0px 10px 0px 10px;
}

.flex_css_filter input:nth-child(2){
    margin-left: 0px;
}

/* .company_dashboard .card-text{
    height: 43px;
    min-height: 43px;
} */

li.dynamic_charts a, li.dynamic_charts a:hover, li.dynamic_charts a:active, li.dynamic_charts a:focus {
    color: #9e0000;
}



.button_align_css{
    height: 100%;
    vertical-align: middle;
    align-items: center;
    margin: 0px;
    display: flex;
    margin-top: 10px;
}

.page-users-view .users-view-image {
    width: 150px;
    border: 1px solid lightgray;
    margin: 10px;
}

.adminpanelcases{
    height: 40px;
    overflow: hidden;
}

label.newcount {
    background: #5ec60f;
    height: 20px;
    width: 20px;
    text-align: center;
    color: #fff;
    border-radius: 20px;
}

.checkboxall {
    width: 100%;
}

.campaign_css_height {
    height: 300px;
    object-fit: cover;
}


.card.chat-list-card.mb-xl-0{
    height: 96%;
    background: #f7f7f7;
    border: 1px solid #6a6a6a;
}

.card.chat-list-card.mb-xl-0 hr.my-3 {
    border-top: 1px solid #a8a8a8;
}

.p-3.conversation-input.border-top {
    background: #efefef;
    border-top: 1px solid #6b6b6b !important;
}

.conversation-list .odd .ctext-wrap {
    background-color: #e7e7e7;
    color: #6c757d;
    border-radius: 6px 0 6px 6px;
}


.list_width {
    max-height: 386px;
    overflow-y: scroll;
}

.list_width::-webkit-scrollbar {
    width: 10px;
}
   
   
.list_width::-webkit-scrollbar-thumb {
    background-color: rgba(196, 196, 196, 0.603);
    border-radius:20px;
}



.conversation-list-card.card {
    border: 1px solid;
}

textarea {
    resize: none;
}


#sidebar-menu>ul>li>a i {
    color: #b96a6a;
}

#sidebar-menu>ul>li>a.active {
    color: #b96a6a;
}

#sidebar-menu>ul>li>a:active, #sidebar-menu>ul>li>a:focus, #sidebar-menu>ul>li>a:hover{
    color: #b96a6a;
}


/* .enlarged #side-menu{
    position: fixed;
} */

.enlarged .metismenu ul li {
    width: 100%;
    white-space: break-spaces;
}

.chart_icon{
    font-size: 11px !important;
    position: relative;
    top: -1px;
}

/* .enlarged .left-side-menu #sidebar-menu > ul > li:hover > ul {
    display: block;
    left: 70px;
    position: absolute;
    width: 190px;
    height: 430px !important;
    overflow: scroll;
} */

.chart_path {
    font-size: 13px;
}

.manage_max_height {
    height: 407px;
    overflow-y: scroll;
    padding: 0px 20px 20px 20px;
    margin-right: 0px;
}

.custom_chart_filters .card-body{
    padding: 0px;
}

.custom_chart_filters h4.card-title{
    padding: 15px 15px 10px 15px;
    border-bottom: 1px solid;
    margin: 0px;
}

.custom_chart_filters .d-flex.flex-sm-row.flex-column {
    padding: 10px 10px 10px 20px;
    border-top: 1px solid;
}

.text-align-right {
    text-align: right;
    font-size: 16px;
    margin-top: 20px;
}

.blockUI.blockMsg.blockPage h1 {
    font-size: 20px;
}

.dashboard-block {
    background-image: url("../images/dashboard-img.png");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px;
  }
  .parameters-block {
    background-image: url("../images/parameters-img.png");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px;
  }
  .states-block {
    background-image: url(../images/states-img.png);
    background-repeat: no-repeat;
    text-align: center;
    background-size: cover;
    min-height: 374px;
    border-radius: 15px;
  }
  .users-block {
    background-image: url("../images/users-img.png");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px;
  }
  .on-going-block {
    background-image: url("../images/dashboard-img.png");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px;
  }
  .segments-block {
    background-image: url("../images/segments-img.png");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px;
  }
  .dashboard-block h2,
  .parameters-block h2,
  .on-going-campaign-block h2,
  .locked-campaign-block h2,
  .states-block h2,
  .voice-credit-block h2,
  .sms-credit-block h2,
  .users-block h2,
  .on-going-block h2,
  .segments-block h2 {
    font-size: 37px;
  }
  .locked-campaign-block {
    background-image: url("../images/locked-compaign-img.png");
    border-radius: 15px;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .on-going-campaign-block {
    background-image: url("../images/ongoing-compaign-img.png");
    border-radius: 15px;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .states-block h2 {
    margin-top: 45% !important;
  }
  .services-box h3 {
    /* text-transform: uppercase; */
  }
  .sms-credit-block {
    background-image: url("../images/sms-credits-img.png");
    border-radius: 15px;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .voice-credit-block {
    background-image: url("../images/voice-credits-img.png");
    border-radius: 15px;
    background-repeat: no-repeat;
    background-size: cover;
  }

body.enlarged {
    min-height: auto !important;
}

.border_15{
    border-radius:15px;
}

.n_bg_c_1{
    background:#1687a7
}

.n_bg_c_2{
    background:#845ec2
}

.n_bg_c_3{
    background:#10c469
}

.n_bg_c_4{
    background:#48426d
}

.n_bg_c_5{
    background:#1687a7
}

.n_bg_c_6{
    background:#276678
}

.n_bg_c_7{
    background:#276678
}


.layout3 .n_bg_c_3 {
    border: 2px solid #036ed99e;
    color: #343a40;
    background: linear-gradient(135deg, #2ec69d 0%,#036ED9 100%);
}



.layout3 .n_bg_c_5 {
    /* background: linear-gradient(135deg, #f6559991 0%,#ff185394 100%); */
    border: 2px solid #ff185361;
    color: #343a40;
    background: linear-gradient(135deg, #ff7577 0%,#961276a1 100%);
}



body .layout3 .text-bg-white{
    background: #ffffff94;
}

.layout3 .n_bg_c_3 h4, .layout3 .n_bg_c_5 h4 {
    color: #fff;
}


.centred {
    text-align : center;
   }
 
   .height_100{
     height:100%;
   }
 
   .flex_center_div{
     display: flex;
     vertical-align: middle;
     align-content: center;
     justify-content: center;
     height: 100%;
     flex-direction: column;
 }

 .new_theme_button_d, .new_theme_button_d:hover, .new_theme_button_d:focus, .new_theme_button_d:active{
    border-radius: 20px;
    border: 0px;
    background-color: #482685 !important;
    padding: 7px 17px;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    border-color: transparent !important;
 }

 .new_theme_d_text{
    font-size: 17px;
    text-align: justify;
 }


 .button_click_help {
    margin-right: 10px;
    cursor: pointer;
    position: fixed;
    right: 25px;
    z-index: 111;
    top: 90px;
}

.button_click_help span {
    position: relative;
    top: -4px;
}


.help_text_show:empty {
    display: none;
}

.help_text_show {
    display: block;
}

.help_text_show hr {
    margin: 5px 0px 7px 0px;
}

.help_text_show hr:nth-last-child(1) {
    display: none;
    border-color: #454545;
}


.help_text_show {
    position: fixed;
    right: 80px;
    z-index: 112;
    width: 190px;
    background: #ffffff;
    padding: 10px;
    color: #3e3e3e;
    border: 1px solid #c6c6c6;
    display: flex;
    transition: 0.5s;
    font-size: 14px;
    border-radius: 10px;
    top: 90px;
    box-shadow: 0px 1px 3px 1px #cecece;
}

.righthide{
    right: -200px;
    display: none;
}


.help_text_show hr {
    margin: 5px 0px 7px 0px;
    border-top: 1px solid #b5b5b5;
}

.help_text_show hr:nth-last-child(1) {
    display: none;
    border-color: #454545;
}

i.fa.fa-info-circle.fafainfo {
    background: #3d3df399;
    color: #fff;
    font-size: 18px;
    padding: 5px;
    /* box-shadow: 2px 0px 1px #cecece; */
    border-radius: 20px;
    height: 24px;
    width: 25px;
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.rotate_icon i.fa.fa-info-circle.fafainfo {
    box-shadow: none;
}

.righthide {
    right: -200px;
    display: none;
}

.help_text_show:empty {
    display: none;
}


.help_text_show {
    display: block;
}

.content-page {
    min-height: auto !important;
}



.customtool_tip .tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 0px dotted black;
    opacity: 1;
    z-index: 0;
}
  
  .customtool_tip .tooltip .tooltiptext {
    visibility: hidden;
    width: 180px;
    background-color: #3c3c3ceb;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    font-size: 13px;
    left: 0px;
    margin-left: -140px;
    opacity: 0;
    transition: opacity 0.3s;
    padding: 7px 8px;
    word-spacing: 1px;
    letter-spacing: 1px;
  }
  
  .customtool_tip .tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 56px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
  }
  
  .customtool_tip .tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
  }


span.required_sign {
    color: red;
}

body.authentication-bg{
    background-image:url('/static/img/login_bg.jpg')
}

.card_new {
    box-shadow: -2px -1rem 6rem rgb(56 65 74 / 48%);
}

ul.errorlist {
    list-style: none;
    padding: 0;
    margin-top: 3px;
    color: red;
    font-size: 12px;
}


body textarea {
    height: 200px !important;
}

#wrapper, .content-page {
    min-height: 80vh !important;
}

td{
    text-align: center;
}

.viewimageicon img {
    height: 100px;
    width: 100px;
    object-fit: revert;
    padding: 6px;
    border: 1px solid #e0e0e0;
}

.viewimageicon {
    display: inline-block;
    margin-right: 20px;
    position: relative;
}

.viewimageicon a.deletedata {
    position: absolute;
    top: 7px;
    right: 7px;
    background: #fff;
    color: red;
    padding: 2px 9px;
    border: 1px solid #b7b7b7;
    box-shadow: -1px 1px 1px 0px #b7b7b794;
}


.viewimageicon a.editdata {
    position: absolute;
    top: 7px;
    left: 7px;
    background: #fff;
    color: green;
    padding: 2px 9px;
    border: 1px solid #b7b7b7;
    box-shadow: -1px 1px 1px 0px #b7b7b794;
}


.viewimageicon input {
    position: absolute;
    top: 7px;
    right: 7px;
    background: #fff;
    padding: 2px 9px;
    border: 1px solid #b7b7b7;
    box-shadow: -1px 1px 1px 0px #b7b7b794;
}

.delvideocss{
    height: 38px;
}

.badge.badge_cus.Completed, .badge_cus.Active, .badge_cus.Approved, .badge_cus.Business.Owners, .badge_cus.Campaign.Created{
    color: #fff;
    background-color: #71b6f9;
}

.badge_cus.Pending, .badge_cus.Manage.Tiles, .badge_cus.Retail.User, .badge_cus.Not.Define, .badge_cus.Paused{
    background-color: #f9c851;
}

.badge_cus.Rejected, .badge_cus.In-Active, .badge_cus.Cancelled, .badge_cus.Not-Assigned, .badge_cus.Un-Assigned{
    background-color:#ff5b5b;
}

.badge_cus.Draft, .badge_cus.Pre-Assigned{
    background-color: #f9c851;
}

.badge_cus.Retail.Users, .badge.badge_cus.Live, .badge_cus.Business.Owner{
    background-color: #01964c;
}

.badge_cus.Assigned{
    background-color: #16fd29;
}

.tiles_images {
    width: 100%;
    height: 210px;
    object-fit: inherit;
}

.tiles_desc_more{
    min-height: 90px;
    overflow: hidden;
}

.badge_cus {
    font-size: 13px;
    padding: 6px 10px;
}

.Assign_Tiles li {
    display: inline-block;
    margin-right: 10px;
}


.viewimages{
    height: 70px;
    width: 100px;
    object-fit: fill;
}


.fasocialfonts{
    font-size: 20px;
    background: #7272dd;
    color: #fff;
    padding: 9px 11px;
    box-shadow: 2px 1px 1px #bdbdbd;
}

.d-contents{
    display: contents;
}

.small_qr_code img{
    height: 100px;
    width: 100px;
}



.custom_lead_navpanel {
    display: table;
}
.custom_lead_navpanel a {
    display: table-cell;
}
.custom_lead_navpanel a.active {
    background: #fff;
}

p{
    word-wrap: anywhere;
}

.badge_cus.General, .badge_cus.Redirect.to.third.party.URL, .badge_cus.Redirect.to.AR{
    background-color: green;
}

.badge_cus.Community{
    background-color: rgb(0, 102, 255);
} 

.badge_cus.Community.Member{
    background-color: yellowgreen;
} 

.errors_msgs p {
    color: red;
}


.is_main_superadmin {
    background: green;
    height: 10px;
    width: 10px;
    display: inline-block;
    border-radius: 20px;
    position: relative;
    top: 2px;
  }


  .is_main_owner {
    background: green;
    height: 10px;
    width: 10px;
    display: inline-block;
    border-radius: 20px;
    position: relative;
  }


.sortnewids .card{
    height: 93%;
}

.max-width-50 select, .max-width-50 input{
    width:50%;
}


/* endusercss */

.gridViewMain {
display: -webkit-flex;
display: flex;
text-align: center;
justify-content: start;
flex-wrap: wrap;
padding: 0;
}

.gridViewMain h6 {
font-size: 14px;
line-height: 13px;
letter-spacing: 0px
}
  
.gridViewMain p {
    margin-bottom: 15px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
  }


  .custom_width_25_reports {
    width: 100%;
    text-align: center;
    position: relative;
    border-radius: 21px;
    overflow: hidden;
    margin-bottom: 5px;
    background-color: white;
  
  }

  
.gridView_report img {
    position: relative;
    width: 70%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
  }

  
.top-left {
  /* background-color: #0077B5 !important; */
  color: #000;  
}

.bg-highlight{
    background-color: #4a89dc;
}