/*@import url(//fonts.googleapis.com/css?family=Kaushan+Script);*/
body{font-size: 16px;}
/*body > div.wrapper{height: 100%;}*/
/*body .main-header{background-color: white;}*/
/*body .main-header .logo{font-family: 'Kaushan Script', cursive;}*/
.box-of{overflow: hidden;}
@media (max-width: 765px){
  .box-of{overflow: unset;}
}
.b{border:solid thin #ddd;}
.bt{border-top:solid thin #ddd;}
.bl{border-left:solid thin #ddd;}
.bb{border-bottom:solid thin #ddd;}
.br{border-right:solid thin #ddd;}
.dib{display: inline-block;}
#cmweb-load{color: white;text-align: center;position: absolute;left: 0;right: 0;margin-right: 50%;margin-left: 50%;top: 10px;font-size: 22px;}
.error-list-parent{border: solid thin rgb(194, 8, 8);padding: 4px;background-color: #FFF9F9; border-radius: 5px;display: inline-block;}
.error-list{color:rgb(194, 8, 8) }
.popover-element{color: #666;}
.popover.fade{width: 220px;}
.mt30{margin-top: 30px;}
.mb20{margin-bottom: 20px;}
.ml{margin-left: 10px;}

.navbar-nav > .user-menu > .dropdown-menu{border: 0;border-top: 0px;}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header {height: 90px !important;}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer{background-color: #337ab7;border-radius: 3px;border-top-right-radius: 0;border-top-left-radius: 0;}
/*.navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default{color: white;}*/
#alerts {position: fixed;bottom: 50px;left: 15px;z-index: 10000;width:320px;font-size: 16px;}
#alerts div.alert{position: relative;top: 0;width: 100%;margin-bottom: 10px;}
#alert-message, #alert-error {
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
    left:0;
    right:0;
    font-size: 14px;
    position: fixed;
    width:30%;
    z-index: 10000;
}
.admin-list{border-radius: 5px;list-style: none;display: inline;margin-left: 0 !important;padding-left: 0 !important;}
.admin-list li{padding: 0 3px; border: solid thin #C7C0C0; margin-right: -4px; background: #D9E2E1;display: inline-block;}
.admin-list li.active{background-color: rgb(141, 223, 207);}

table.dataTable tbody tr.selected{background-color: #E7E7E7 !important;}

#toolbar{margin-top: 10px;}

.logo{background-color: white !important;}

#toggle_sidebar{background: rgb(42, 57, 64);height: 50px;position: fixed;left: 0;bottom: 0;width: 230px;}
#toggle_sidebar, #toggle_sidebar a{transition: 0.4s;}
#toggle_sidebar.collapsed, #toggle_sidebar.collapsed a{width: 50px;}
#toggle_sidebar a{height: 42px;position: relative;display: block;width: 100%;padding-top: 15px;color: white; font-size: 16px;}

.sidebar{font-size: 15px;}
.sidebar .sidebar-menu{transition: 0.3s;}
.sidebar .sidebar-menu .separator{color: #A0A0A0;text-align: center;margin: 30px 0 0;}
.sidebar-collapse .sidebar .sidebar-menu{margin-top: 0px;}

.sidebar .sidebar-header{min-height: 70px;color: white;padding: 12px 5px; text-align: center;margin-top: 15px;}
.sidebar .sidebar-header strong{margin: 0 0 5px 0;display: inline-block;transition-duration: 0.5s}
.sidebar .sidebar-header strong.is_admin{margin: 0 0 10px 0;display: inline-block;transition-duration: 0.5s}
.sidebar-collapse .sidebar .sidebar-header strong{margin: 0px 0 5px 0;}
.sidebar-collapse .sidebar .sidebar-header strong .hide-collapse{display: none}
.sidebar .sidebar-header p{}
.sidebar-collapse .sidebar .sidebar-header p#group_name{display: none;}

.superadmin{width: 100px !important;display: inline-block;float: right;margin-left: 15px;}
.superadmin .toggle-on.active{text-indent: 10px !important;}
.superadmin .toggle-off.active{text-indent: 20px !important;}
.superadmin .toggle-light .toggle-off, .toggle-light .toggle-select .toggle-on{background: #D61D1D;color: white;}
.text-soft{font-weight: 300;}
#balance_info{margin-top: 10px;}

#group_simultaneity small{
    border-top: gainsboro 0.5px solid;
    padding-top: 7px;
}

span.status-label {
    /*width: 95px;*/
    display: inline-block;
}

@media (min-width: 767px) {
    #alerts{width: 380px !important;}
    #toolbar{margin-top: 0;}
}
@media (max-width: 992px) {
    .navbar-custom-menu > .navbar-nav > li > .dropdown-menu{border: none;}
}

#box_body_members {
    margin-top: -4px;
    font-size: 85%;
}
/**** SELECT 2 STYLES ****/
.select2-container .select2-selection--single .select2-selection__rendered {
    margin-top: -3px !important;
    margin-left: -6px !important;
}
.select2-container .select2-selection--single {
    height: 36px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 2px !important;
}

/**** TOP BAR ****/
#nav_bar_user > .navbar-nav > li > .dropdown-menu {
    margin-top: 8px;
    padding-top: 0px;
    border-style: solid;
    border-color: rgb(221, 221, 221);
    border-width: 1px;
}
#nav_bar_user .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
    color:white;
}
#nav_bar_user .navbar-nav > .user-menu > .dropdown-menu > .user-footer {
    background-color: rgba(119, 119, 119, 0.08);
    border-style: solid;
    border-width: 1px;
    border-color: rgba(119, 119, 119, 0.08);
}
#nav_bar_user .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
    /*color: #FFFFFF;
    background-color: #3C8DBC;*/
}

.callout-nominutes{
    margin-left: -20px;
    margin-right: -15px;

    margin-bottom: 0px;
    border-radius: 0;
    padding: 10px 0 10px 20px;
}

.callout-custom{
    background-color: #E86737;
    color: white;
    border-color: #AF3C11;
}

.callout-blue{
    background-color: #003a81;
    color: white;
    border-color: #003a81;
}

.callout-green{
    background-color: #00a29a;
    color: white;
    border-color: #00a29a;
}

.callout-orange{
    background-color: #e86737;
    color: white;
    border-color: #e86737;
}

.top_bar_stats {
  font-size: 17px;
  border-color: transparent !important;
  margin-top: 0px;
  margin-bottom: -1px;
  cursor: pointer;
  padding: 14px 10px;
  border-color: transparent !important;
  cursor: pointer;
}
.top_bar_stats * {
    color: #fff;
}

.alert-danger,
.alert-error {
  border-color: #e86737 !important;
  background-color: #e86737 !important;
}
@media (max-width: 767px){
    #nav_bar_user {
        margin-bottom: -4px;
    }
    #createCampaign {
        /*padding-bottom: 13px !important;*/
    }
}

.superadmin_page .box-header{
    margin: 0 15px 0 5px;

}

.superadmin_page .box-header span{
    font-size: 100% !important;
}


.float-left{
    float: left;
}

.float-right{
    float: right;
}

.avoid-clicks {
  pointer-events: none;
}

.no-border{
    border: none;
}

.border-round{
    border-radius: 5px !important
}

.btn-round, .sweet-alert button{
    border-radius: 25px !important;
}

.dataTables_paginate a{
    border-radius: 25px !important;
}

.dataTables_paginate {
    margin-bottom: 7px !important;
}

.dataTables_filter input{
    border-radius: 5px !important;
}

.panel input{
    border-radius: 5px !important;
}

.modal-footer button{
    border-radius: 25px !important;
}

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


.btn-round-left{
    border-top-left-radius: 25px !important;
    border-bottom-left-radius: 25px !important;

}

.btn-round-right{
    border-top-right-radius: 25px !important;
    border-bottom-right-radius: 25px !important;
}

.info-right.campaign-gr-header-buttons button{
    padding: 5px 10px;
}

.section-top-bar input, .section-top-bar select, .form-group select, .form-group input {
    border-radius: 5px !important;
}

#form_edit_profile input, #form_edit_profile select, #historyEmailTable_filter input{
    border-radius: 5px !important;
}

#form_change_pass input{
    border-radius: 5px !important;
}

#membersTable select{
    border-radius: 5px !important;
}

.div-input-date-balances input {
    border-radius: 5px !important;
}

.sidebar-collapse .hide-sidebar-colapse{
    display: none;
}

/**** LOGIN FORM ****/

#form_signup .errorlist{
    margin: -16px 0 20px;
    padding: 0;
}
.recaptcha-errors {margin-top: 13px;}

#span_error_login {
    font-size: 16px;
    color: #DD4B39;
}
#span_error_signup {
    font-size: 16px;
    color: #DD4B39;
}
#form_assign_pass button {
    margin-bottom: 20px;
}

/*** SIGNUP ***/

#html_element div{
  margin:auto;
}

.text-white {
  color: white !important;
}

.login-box{
  margin:3% auto !important;
}

.no-marg-button {
  margin: 0px;
}

.marg-upbottom-10 {
    margin: 10px 0px;
}

@media screen and (max-width: 360px){
    #html_element div {
        transform:scale(0.92);
        -webkit-transform:scale(0.92);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    }
    .content {
        padding-left: 5px;
        padding-right: 5px;
    }
}

/**** LEFT BAR MY PROFILE ****/
#sb-title {
    margin-bottom: 0px;
}
.sb-subtitle {
    margin-top: -11px;
    margin-bottom: 4px;
}

/***** ZINDEX DATEPICKER *****/
.datepicker.dropdown-menu {
    z-index: 10000 !important;
}

.text-no-bold {
    font-weight: normal;
}
#label_new_end_db {
    font-weight: normal;
    margin-top: 4px;
    margin-left: 30px;
}

.main-header .logo .logo-lg img {
  width: 110px;
  margin-left: 0px;
  margin-top: 2px;
}

/*** RECORD MODAL***/

#record_div {
    cursor: pointer;
    width: 100px;
    margin: 15px auto;
}

#record_button {
  width:100px;
  height: 100px;
  border-radius:50px;
  position: relative;
  font-size: 48px;
}

#button_text {
  font-weight: 600;
}

#button_delete_recording {
  display:none;
}

#button_upload_recording {
  display:none;
  margin: 10px;
}

#record_counter {
  margin: 15px 130px;
}

#record_counter p{
  display: inline;
}

.record_counter_help {
  display:inline-block;
}

.record_counter_help .popover-title,
.record_counter_help .popover-content {
  color:#555;
}

#available_seconds p{
  display: inline;
}

#upload_state {
  margin: 15px;
}

.audio-square-button {
  height: 80px;
  width: 80px;
  font-size: 30px;
  position: relative;
  border-radius:50px !important;
}



/*** RESPONSIVE GRID DASHBOARD ***/
#row_fluid_dashboard .inner {
    height: 123px;
}
#row_total_contacts .inner {
    height: 123px;
}
#row_total_contacts .small-box{
    margin-left: 15px;
    margin-right: 15px;
}

@media (max-width: 767px) {
    #row_total_contacts .small-box p,
    #row_fluid_dashboard .small-box p {
        font-size: 16px;
    }
}

@media (min-width: 990px) and (max-width: 1079px){
    #row_fluid_dashboard .contacts-title {
        margin-top: -5px;
        margin-left: 2px;
    }
    #row_fluid_dashboard .inner h3 {
        font-size: 24px;
    }
}
@media (min-width: 1080px) and (max-width: 1180px){
    #row_fluid_dashboard .contacts-title {
        margin-top: -5px;
        margin-left: 2px;
    }
    #row_fluid_dashboard .inner h3 {
        font-size: 30px;
    }
}
@media (min-width: 1181px) and (max-width: 1260px){
    #row_fluid_dashboard .contacts-title {
        margin-top: 15px;
        margin-left: 5px;
    }
    #row_fluid_dashboard .inner h3 {
        font-size: 30px;
    }
}
@media (min-width: 1578px){
    #row_fluid_dashboard .contacts-title {
        margin-top: 20px;
        margin-left: 5px;
    }
}

/****** COLUMNS BALANCE DATATABLE ******/
#balancesTable .col-type {
    min-width: 55px;
    max-width: 75px;
}
#orders_table .col-type {
    min-width: 85px;
    max-width: 95px;
}
#balancesTable .col-balance {
    min-width: 70px;
    max-width: 90px;
}
#balancesTable .col-date {
    min-width: 75px;
    max-width: 75px;
}
#balancesTable .col-details {
    min-width: 180px;
    max-width: 300px;
}


.bg-darkgray {
    background-color: #77797B;
    color: white;
}
.bg-gray-bar {
    width: 0%;
    height: 10px;
    background-color: #ddd;
    display: inline-block;
}
.bg-blue-bar {
    width: 0%;
    height: 10px;
    background-color: #0050b3;
    display: inline-block;
}
.bg-callzi-bar {
    width: 0%;
    height: 10px;
    /* margin-left: 1px; */
    background-color: #00a29a;
    display: inline-block;
}
.bg-green-bar {
    width: 0%;
    height: 10px;
    /* margin-left: 1px; */
    background-color: #0ba509;
    display: inline-block;
}
.bg-orange-bar {
    width: 0%;
    height: 10px;
    /* margin-left: 1px; */
    background-color: #e86737;
    display: inline-block;
}
#total_duration_label {
    display: inline-block;
    /* margin-left: 15px; */
}
#total_duration_label p {
    margin-left: 34px;
}


/**** INPUT SEARCH DATA TABLE ****/
.dataTables_filter input {
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 18px;
    color: #555;
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    -moz-border-radius: auto;
    border-radius: 2px;
    background-color: #fff;
    background-image: none;
    margin-bottom: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-right: 10px;
}

/**** DATA TABLE BODY HEIGHT ***/
#viewRecordsModal .dataTables_scrollBody {
    height: 385px !important
}

#btn_export_wrong {
    margin-left: 15px;
}
.legends_graph .square {
    margin-left: 35px;
    height: 10px;
    width: 10px;
    display: inline-block;
}
.legends_graph .s_gray {
    background-color: #ddd;
    display: inline-block;
}
.legends_graph .s_blue {
    background-color: #0050b3;
    display: inline-block;
}
.legends_graph .s_orange {
    background-color: #e86737;
    display: inline-block;
}
.legends_graph .s_green {
    background-color: #0ba509;
    display: inline-block;
}
.legends_graph .s_callzi {
    background-color: #00a29a;
    display: inline-block;
}
.inline-block {
    display: inline-block;
}
.blockOverlay {
    z-index: 1300 !important;
}
.sweet-alert button.cancel:hover {
    color:white;
}


.label-data{
    padding: 4px 10px;
}

#is_interactive_checkbox{
    margin:15px 0;
}



/*SIMULATION*/
#call_duration{
    display: inline-block;
    width: 270px;
    margin-left: 15px;
}
#call_duration > div{
    display: inline-block;
}

#call_simulation{
    width: 270px;
    height: 10px;
}
#call_simulation > span{
    display: inline-block;
    height: 100%;
    float: left;
}

#call_simulation .cs-silence-start{
    width: 1px;
}
#call_simulation {
}
#call_simulation .dinamyc-audio-duration{
    background-color: #0050b3;
    width: 1px;
    height: 100%;
    float: left;
}
#call_simulation .dinamyc-final-duration{
    background-color: #e86737;
    width: 1px;
    height: 100%;
    float: left;
}
#call_simulation .dinamyc-pin-duration{
    background-color: #0ba509;
    width: 1px;
    height: 100%;
    float: left;
}
#call_simulation .dinamyc-audio-free{
    background-color: #00a29a;
    width: 1px;
    height: 100%;
    float: left;
}
#call_simulation .dinamyc-silence-start,
#call_simulation .dinamyc-audio-silence{
    background-color: #ddd;
}

#call_simulation .dinamyc-audio-silence{
    width: 1px;
    height: 100%;
    float: left;
}

#callout-orange{
    background-color: #e86737 !important
    border-color: #b84e26 !important;
}

#time_ruler{
    width: 270px;
    border: solid 2px #eee;
    height: 1px;
    margin-top: 5px;
}
div#time_ruler::before {
    content: '0s';
    color: gray;
}
div#time_ruler::after {
    content: attr(data-content) 's';
    color: gray;
    float: right;
    margin-right: -18px;
}

.finish-call-signal{
    width: 2px;
    background-color: #999;
    height: 340% !important;
    z-index: 100;
    position: relative;
    top: 10px;
    /*left: -2px;*/
    margin-left: -2px;
}
.finish-call-signal::after {
    content: attr(data-content) 's';
    position: absolute;
    bottom: -20px;
    left: -10px
}

.vat{
    vertical-align: top;
}


@media (max-width: 480px){
    #call_duration{margin-left: 0;}
    .input-container{border-bottom: solid thin #ddd;border-radius: 3px;}
}

#buffer_error{
    margin-top: 20px;
}

.callzi-free-campaign{
    text-align: center;display: inline-block;width: 100%;
}

.callzi-api-campaign-dash {
    text-align: center;
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
}
.callzi-api-campaign-dash a {
    width: 140px;
    display: block;
}
.callzi-api-campaign-dash span {
    display: block;
}

.main-sidebar{background-color: white !important;}
.sidebar-collapse .sidebar{border: none !important;margin: 0px !important;}

#left_bar_buttons {margin-top: 20px;border-top:solid thin #ddd;}
#left_bar_buttons > div{text-align: center;margin-top: 10px;}
#left_bar_buttons a{
    display: inline-block;
    font-size: 50px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    padding-top: 16px !important;
}
.sidebar-collapse #left_bar_buttons a{
    font-size: 20px;
    width: 40px;
    height: 40px;
    padding-top: 7px !important;
}
#left_bar_buttons a i{
    color: white !important;
}
.lb_list{background-color: #00a29a;}
.lb_create{
    background-color: #e86737;
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer;
}
.sidebar-collapse .change-interface{display: none;}
.change-interface{text-align: center;margin-bottom: 10px;}
.change-interface a{
    color: #00a29a !important;
    padding: 10px;
}
.change-interface a:hover{text-decoration: underline !important;}

#createCampaign{
    border-radius: 5px;
    margin-top: 6px !important;
    padding: 10px !important;
    margin-right: 5px;
    margin-left: 5px;
}

/*.modal-vertical-centered {
  transform: translate(0, 50%) !important;
  -ms-transform: translate(0, 50%) !important;
  -webkit-transform: translate(0, 50%) !important;
}
*/


.round-small-callzi{

    background-color: #00a29a;
    color: white;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    border-radius: 56px;
    font-size: 24px;
    display: inline-block;
}

.free-campaign{background-image: url("/static/img/free_campaign.png");background-position-y: -20px;}

.modal-header .modal-title{color: #e86737;text-align: center;}

/* modal create campaign */
#createCampaignModal {}
#createCampaignModal {color: #9b9b9b;}
#createCampaignModal .modal-header {border-bottom: none;}
#createCampaignModal .modal-header h4{font-size: 20px !important;}
#createCampaignModal .modal-header span{font-size: 25px !important;font-weight: 200 !important;}
#createCampaignModal .modal-header .modal-title{color: #e86737;}

#createCampaignModal .modal-body{padding: 2px 25px;}
#createCampaignModal .modal-body .form-group{margin-bottom: 10px;}
#createCampaignModal .modal-body .form-group.checkbox-container {display: block;background-color: #f2f2f2;border-radius: 5px;}
#createCampaignModal .modal-body .form-group.checkbox-container label{margin-bottom: 0;padding: 10px;}
#createCampaignModal .modal-body .form-group.checkbox-container label div{top: -2px;background-color: #fff;margin-right: 3px;}
#createCampaignModal .modal-body .form-group.checkbox-container label span{font-weight: 500;color: #777;}
#createCampaignModal .modal-body .form-group.checkbox-container .popover-element-focus{float: right;display: inline-block;padding: 10px;}
#createCampaignModal .modal-body .form-group.checkbox-container .popover-img{height: 80px;}
#createCampaignModal .modal-body .form-group .popover-element-focus{float: right;padding: 0 10px;}
/*#createCampaignModal .modal-body .form-group.form-group-country{padding: 5px 0 0 13px;}*/
#createCampaignModal .modal-footer .btn-default{color: #777;}
/* modal create campaign */

.company-logo-preview{border:solid thin #ddd;margin-top: 10px;border-radius: 3px;text-align: center;}
#form_save_domain_data{}
#form_save_domain_data .row-th{width: 200px;}
.warning-text{color: #aa4911;}
.main-lb-logo{padding: 10px 0;}
.sidebar-collapse .main-lb-logo img{width: 40px;}
.mt10{margin-top: 10px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}

.alert-warning-cleaned{background-color: #fcf8e3!important;color: #444!important;}


.btn-pulse
{
  -webkit-animation: pulse 2s infinite;
          animation: pulse 2s infinite;
  -webkit-box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);
          box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 var(--color);
            box-shadow: 0 0 0 0 var(--color);
  }
}

@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 var(--color);
            box-shadow: 0 0 0 0 var(--color);
  }
}
.btn-pulse {
  --color: #003a81;
}

.dt-buttons{
    display: inline-block;
    margin: 10px;
    padding: 10px;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 0;
}

.dt-buttons .dt-button{
    background-color: #003a81;
    padding: 5px 13px;
    color: #fff;
    border-radius: 20px;
    padding-bottom: 7px;
    cursor: pointer;
}

#balancesTable_wrapper #balancesTable_filter label{
    margin-bottom: 0;
    margin-top: 8px;
}
#balancesTable_wrapper #balancesTable_filter label,
#balancesTable_wrapper #balancesTable_filter input{
    display: inline-block;
}

.text-muted-2{color: #888; font-size: 14px;}


#report_container{}
#report_container > div{margin-bottom: 5px;}
#report_container > div button{min-width: 180px;}


#advanced_menu{
    max-height: 0;
    transition: max-height 0.15s ease-out;
    overflow: hidden;
}

.show_advanced_menu {
    max-height: 500px !important;
    transition: max-height 0.25s ease-in !important;
}