.disable_back{
  background: #889288 !important;
}
.disable_font{
  color: #889288;
}
.cur-pointer{
  cursor: pointer;
}
.scroll_icon{
  text-align: center;
  display: none;
}
.scroll_img{
  width: 22px;
}
.address_box .svgInline {
  height: 28px;
  margin-left: 75%;
  cursor: pointer;
}
.impicondiv{
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #0B6CB5;
  cursor: pointer;
}
.impicon{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 20px;
  cursor: pointer;
}
.free_div{
  min-height: 374px !important;
  margin-right: 40px !important;
}
.form-error{
	color: #ff0000;
  border-color: #E74C3C !important;
}
.cursor{
	cursor: pointer;
}

.from_date_label {
	margin: 0 16px;
}

.from_date_input {
	margin: 0 8px;
}

.to_date_input {
	margin: 0 23px;
}

.platform_dropdown{
	margin: 0 9px;
}

.users_label{
	margin-top: 15px; 
	margin-right: 5px;
}

.users_dropdown {
	width: 80%;
}

.call_label{
	margin-top: 15px; 
	margin-left: 5px;
}

.call_dropdown{
	margin: 0 20px;
}

.search_button_call_history {
	margin: 0 18px; 
	margin-top: 20px; 
	margin-bottom: 20px;
}

.users_dropdown_payment_label{
	margin:  0 6px;
}

.search_button_primary{
	margin-left: 200px; 
	margin-bottom: 13px; 
	padding-bottom: 2px;
}
.first_letter_size {
    height: 100%;
    width: 100%;
    border-radius: 65%;
    padding-top: 3px !important;
    text-align: center;
    font-size: 1.5em;
    padding-top: 3px;
    font-weight:lighter;
    color: #fff;
}
.image_letter {
  height: 111px;
  padding-top: 25px !important;
  font-weight: lighter;
  font-size: 3em;
  color: #fff;
}
.prof_fstletter {
    height: 100%;
    width: 100%;
    font-size: 3em;
    padding-top: 9px !important;
    text-align: center;
    font-weight: lighter;
    color: #fff;
}
.dataTables_filter{
    float: right !important;
}
.setting_content .interaction_panel .single_form_item .default_input {
   max-width: 280px!important;
}
.group_input.currency_select_box, .group_input.zip_code_box {
   max-width: 280px!important;
}
#submit_edit_form {
  position: relative;
   bottom: 375px;
 }
#pass-change-form {
   position: relative;
   bottom: 70px;
}

.contact_popup_wrapper .add_conference_popup, .contact_popup_wrapper

.add_schedule_popup {
   max-height: calc(100vh - 150px);
   min-height: 350px;
   height: 100%;
}
.conference_content .interaction_panel .participants_list .participant_pic {
   width: 30px;
   padding-top: 1px;
   color: #fff;
   font-size: 1.5rem;
   height: 30px;
   text-align: center;
   margin-right: 12px;
}
.audio-call-img {
width: 85px;
height: 85px;
border-radius: 50%;
margin-left: 31%;
text-align: center;
font-size: 4rem;
padding-top: 5px;
color: #fff;
}
.group-call-img {
width: 85px;
height: 85px;
border-radius: 50%;
text-align: center;
font-size: 4rem;
padding-top: 5px;
color: #fff;
}

.default_checkbox~.default_checkbox_lebel:before {
content: "\2714";
display: inline-block;
vertical-align: middle;
color: transparent;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
height: 20px;
width: 20px;
padding: 0 0 0 3px;
border: 1px solid #979797;
border-radius: 2px;
margin-right: 16px;
}
.buy-btn {
   position: relative;
   top: 12px;
}
.free_buy {
   position: relative;
   top: 91px !important;
}
.setting_content {
height: calc(100vh - 78px);
overflow: hidden;
position: relative;
}
.prof-form{
   position: relative;
   top: 32px;}

.group_input.vat_number_box {
max-width: 200px!important;
}
.tech-edit{
    width: 205px;
}
.contact_popup_wrapper .add_new_participant_popup, .contact_popup_wrapper .child_popup{
    z-index: 999;
}
.contact_list_content .page_control_box .page_control_content .fav_people_list .contact_option .contact_option_dropdown, .contact_list_content .page_control_box .page_control_content .fav_people_list .fav_contact_option .contact_option_dropdown, .contact_list_content .page_control_box .page_control_content .group_list .contact_option .contact_option_dropdown, .contact_list_content .page_control_box .page_control_content .group_list .fav_contact_option .contact_option_dropdown, .contact_list_content .page_control_box .page_control_content .people_list .contact_option .contact_option_dropdown, .contact_list_content .page_control_box .page_control_content .people_list .fav_contact_option .contact_option_dropdown {
  border: 1px solid #095188;
}
.group_input.prof-inp {
max-width: 280px!important;
}
.clear-fix{clear: both;}
.conference_content .personal_details .edit_delete .delete_box{width: 45%!important;}
.conference_content .personal_details .edit_delete .delete_box, .conference_content .personal_details .edit_delete .edit_box {
   background-color: #FFFFFF;
   border-radius: 5px;
   padding: 10px 11px!important;
   -webkit-transition: all .2s ease-in-out;
   -o-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out;
   cursor: pointer;
}
/*.errorTxt{
   color: #ec0e0e;
   background-color: #f9caca;
   padding: 10px;
   margin-bottom: 10px;
   border-radius: 5px; 
   }*/
  .error{
    color: #ec0e0e;
  }
.contact_popup_wrapper .add_new_participant_popup, .contact_popup_wrapper .child_popup{z-index: 999;} 
.time_zone{
   font-size: 13px;
}
.data_table_outerbox .paginate_button.next {
   margin-left: 20px !important;
}
.setting_content .interaction_panel .single_plan {
   padding: 25px;
   min-width: 250px;
}
.grp-mem{
  height: 110px;
  padding-top: 5px;
  font-weight: lighter;
  font-size: 1.5em;
  color: #fff;
}
.contact_popup_wrapper .add_conference_popup .selected_member_list, .contact_popup_wrapper .add_schedule_popup .selected_member_list {
padding: 10px 0;
overflow:auto;
max-height: 75px;
}
.group_img_letter {
  width: 16px;
  border-radius: 50%;
  text-align: center;
  font-size: 9px;
  height: 16px;
  padding: 8px 0;
  line-height: 0;
  color: #fff;
  position: relative;
}
 .conference_content .personal_details .edit_delete .delete_box {
   background-color: #E74C3C!important;
}
.my-num{
   min-width: 138px!important;
}
.my-numtype{
   min-width: 110px;
   margin-left: 25px;
   margin-right: 0px!important;
   float: left;
}
.prof-pass {
   margin-top: 0px!important;
}
.contact_list_content .personal_details .pic_call_window .call_user_icon_box .svgInline circle, .contact_list_content .personal_details .pic_call_window .call_user_icon_box .svgInline ellipse, .contact_list_content .personal_details .pic_call_window .call_user_icon_box .svgInline path, .contact_list_content .personal_details .pic_call_window .call_user_icon_box .svgInline polygon, .contact_list_content .personal_details .pic_call_window .call_user_icon_box .svgInline polyline, .contact_list_content .personal_details .pic_call_window .call_user_icon_box .svgInline rect {
stroke: #FFFFFF;
fill: none;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.sett-list {
margin-top: 15px;
}
.dial-ok{
  margin-top: -24px !important;
}
.contact_list_content .group_personal_details .pic_call_window .group_name_box .user_name {
display: inline-block;
vertical-align: middle;
}
.err_msg_span{
  float: left;
  width: 100%;
}

.users_acc_control .user_name_box {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  min-width: 115px!important;
  text-align: center!important;
}
.group_name_pro{
   margin-left: 0px!important;
}
.group_name{
margin-left: 10px!important;
   display: inline-block!important;
   vertical-align: middle!important;}
.edit_group_name_icon {
   margin-left: 10px!important;
   display: inline-block!important;
   vertical-align: middle!important;
}
.set-drop{
  font-size: 14px !important;
}
.add-newcnt-btn{
  position: absolute;
  bottom: 140px;
  right: 190px;
}
.plan-detail{
   margin-top: 15px;
   max-width: calc( 100% - 0px)!important;
   width: 100%;
   display: inline-block;
}
.clr{
  color: #3f434e !important;
}
.conference_voice {
   width: 40px!important;
   height: 40px!important;
   float: left;
   padding-top: 5px!important;
   margin-right: 8px;
}
.conference_voice_call {
   position: relative;
   top: -15px;
   float: right;
}
.voice_name{font-size: 16px;
   font-weight: 700;}
.voice_mob {
      float: left;
      width: 42%;
      font-size: 14px;
      line-height: 22px;
}
.call_bx_voice{
   padding: 10px;
   border-bottom: 1px solid rgba(63, 67, 78, 0.12);
   height: 65px;
}
.prof-img-letter {
   width: 45px;
   color: #fff;
   height: 45px;
   font-size: 2em;
   padding-top: 1px;
   padding-left: 7px;
}
.call_scroll{
   overflow-y: auto;
   max-height: 450px;
}
.no_call_logs{
   text-align: center;
   line-height: 30px;
}
.member_list_icon_dial{
	float: right;
    margin-top: -32px;
    position: relative;
    z-index: 1;
    margin-right: 45px;}
.edit_conference_name{
	position: absolute;
    top: 10px;
    right:170px;
}
.setting_content .interaction_panel .edit_from {
    margin-top: 15px;
    max-width: calc( 100% - 2px)!important;
    width: 100%;
    display: inline-block;
}
.mt-popup {
    margin-top: 20px!important;
}
.mt-50 {
    margin-top: 20px!important;
}
.add-newcntnw-btn{
    position: absolute;
    bottom: 112px;
    right: 190px;

}
.groupimg_icon {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    overflow: hidden;
    padding-top: 7px!important;
    color: #fff;
    font-size: 2em;
}
label.error:before {
    content: '\2715';
    display: inline-block;
    vertical-align: bottom;
    background-color: #E74C3C;
    padding: 0 0 1px 2px;
    color: #FFFFFF;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    height: 20px;
    width: 20px;
    border: 1px solid #979797;
    margin-right: 5px;
    display: none;
}
.confpopup {
    max-height: calc(100vh - 100px) !important;
    min-height: 350px !important;
    height: 100% !important;
}
.contact_popup_wrapper .add_conference_popup .btn_green, .contact_popup_wrapper .add_schedule_popup .btn_green {
    
}
.add_contact_text{max-width: 47%;}
.contact_popup_wrapper .in_box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 45px;
    width: 48%;
    border: 1px solid #979797;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    float: left;
}
.personal_info_text{max-width: 48.5%!important;}
.contact_popup_wrapper .contact_inner_box {
    background-color: #FFFFFF;
    border-radius: 5px;
    max-width: 800px;
    margin: 0 auto;
    -webkit-box-shadow: 0 10px 80px 0 rgba(32, 66, 112, 0.1);
    box-shadow: 0 10px 80px 0 rgba(32, 66, 112, 0.1);
    display: none;
    position: relative;
}
.add_team_text{
    width: 100%!important;
}
.contact_popup_wrapper .add_conference_popup .add_group_member_list, .contact_popup_wrapper .add_schedule_popup .add_group_member_list {
    max-height: calc(100vh - 500px)!important;
    overflow: auto;
    padding-right: 10px;
    margin-top: 5px;
}
.cnt_new_inp{
  width: 48%;
}
.add_contact_popup .cnt_new_inp {
  width: 48%;
}
.add_team_box{
  width: 100%;
}
.add_team_box input {
    padding: 11px!important;
    padding-left: 15px;
    border: none;
    width: 100%;
}

.content_sec_popup {
    width: 100%;
    position: relative;
    top: 60px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
} 
.success_icon .svgInline {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 25px;
    height: 25px;
}
.success_icon .team_success_icon {
    position: absolute;
    top: 10%;
    left: 28%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 35px;
    height: 35px;
}
.succcess_ful{
  color: #5DC081;
  font-size: 30px;
  float: left;
  padding:18px;
}
.orderid_ic{
  font-weight: bold;
  text-align: center;
  font-size: 1.5em;
}
.content_sec_popup .heading-4{
  font-size: 1.5em;
  color:#5dc081;
}
.summery{margin-left: 5%;font-weight: 700;}
.summary_box{
  background-color: #fdfdfd;
  border: 1px solid #ededed;
  margin: 20px 5%;
  padding: 20px;
}
ul.pro {margin: 0;padding: 0;list-style: none;}

ul.pro li {
    color: #004a80;
    font-size: 18px;
    
/* Text style for "UK Calls" */
    font-weight: 400;
    line-height: 30px;
    padding-left: 25px;
    position: relative;
    z-index: 1;
}

ul.pro li strong {
    font-weight: 700;
}

ul.pro li:before {
    position: absolute;
    content: url(assets/img/check.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    left: 2px;
    top: -2px;
}
.product_into_cart {
    border: 1px solid #efeded;
    background-color: #fafbfa;
    padding: 25px;
    margin: 10px;
    position: relative;
}

.product_into_cart h4 {
    color: #081e25;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 20px;
}

.product_into_cart h4 strong {
    font-weight: 900;
    float: right;
}
.dial_pad_box{padding: 0px!important;}
.live_wrapper {
  /*top: 80px!important;*/
}
.live_wrapper.contact_popup_wrapper .add_conference_popup, .contact_popup_wrapper
 .add_schedule_popup {
    max-height: calc(100vh - 118px)!important;
    min-height: 350px;
    height: 100%;
}
.success_conference_popup .success_icon .svgInline {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 25px!important;
  height: 25px!important;
}
.success_conference_popup .success_icon {
  background-color: #5DC081;
  border-radius: 50%;
  width: 40px!important;
  height: 40px!important;
  float: left;
  left: 27%;
  position: relative;
  top: 16px;
}
@media only screen and (max-width: 1400px){
.image_letter {
  height: 111px;
  padding-top: 8px !important;
  font-weight: lighter;
  font-size: 3em;
  color: #fff;
}
}
@media only screen and (max-width: 1920px) and (min-width: 1400px){
  .setting_content .interaction_panel .single_plan {
    background-color: #F1F3F5;
    border-radius: 5px;
    overflow: hidden;
    padding: 30px 35px;
    max-width: 292px!important;
    display: inline-block;
    width: 100%;
    text-align: center;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
   .voice_mob {
      float: left;
      font-size: 14px;
      line-height: 22px;
  }
  .edit_conference_name{
	position: absolute;
    top: 28px;
    right:170px;
}
   .group_img_letter {
      width: 22px;
      border-radius: 50%;
      text-align: center;
      font-size: 9px;
      padding: 10px 0;
      line-height: 0;
      height: 22px;
      color: #fff;
      position: relative;
      background-color: #f96b6b;
  }
  .contact_popup_wrapper .add_conference_popup .add_group_member_list, .contact_popup_wrapper .add_schedule_popup .add_group_member_list {
   max-height: calc(100vh - 555px)!important;
   overflow: auto;
   padding-right: 10px;
   margin-top: 5px;
}

.image_letter {
  height: 110px;
  padding-top: 9px !important;
  font-weight: lighter;
  font-size: 4em;
  color: #fff;
}
  .grp-mem{
    height: 110px;
    padding-top: 10px !important;
    font-weight: lighter;
    font-size: 1.5em;
    color: #fff;
  }
  .first_letter_size {
   height: 100%;
   width: 100%;
   border-radius: 65%;
   padding-top: 9px !important;
   text-align: center;
   font-size: 1.5em;
   padding-top: 3px;
   font-weight: lighter;
   color: #fff;
}
.contact_list_content .page_control_box .page_control_content .fav_people_list .contact_option .contact_option_dropdown, .contact_list_content .page_control_box .page_control_content .fav_people_list .fav_contact_option .contact_option_dropdown, .contact_list_content .page_control_box .page_control_content .group_list .contact_option .contact_option_dropdown, .contact_list_content .page_control_box .page_control_content .group_list .fav_contact_option .contact_option_dropdown, .contact_list_content .page_control_box .page_control_content .people_list .contact_option .contact_option_dropdown, .contact_list_content .page_control_box .page_control_content .people_list .fav_contact_option .contact_option_dropdown {
   border: 1px solid rgba(255, 255, 255, 0.2);
   border-radius: 5px;
   background-color: #FFFFFF;
   overflow: hidden;
   width: 190px;
   position: absolute;
   z-index: 1;
   right: 0;
   top: 0;
   display: none;
   -webkit-box-shadow: 0 10px 80px 0 rgba(32, 66, 112, 0.1);
   box-shadow: 0 10px 80px 0 rgba(32, 66, 112, 0.1);
}

.setting_content .interaction_panel .single_plan .plan_title {
   font-size: 19px!important;
}
.prof_fstletter {
   height: 100%;
   width: 100%;
   font-size: 3em;
   padding-top: 20px !important;
   padding-left: 2px !important;
   font-weight: lighter;
   color: #fff;
}
.setting_content .interaction_panel .pro_pic_box .pro_pic {
   width: 90px;
   height: 90px;
   text-align: center;
}
.contact_popup_wrapper .add_conference_popup .add_group_member_list, .contact_popup_wrapper .add_schedule_popup .add_group_member_list {
   max-height: calc(100vh - 620px)!important;
   overflow: auto;
   padding-right: 10px;
   margin-top: 5px;
}
.confpopup {
    max-height: calc(100vh - 190px) !important;
    min-height: 350px !important;
    height: 100% !important;
}

}

.opt_ctrl_editnum{
    margin-top: 56px;
    padding: 5px;
    position: absolute;
    width: 80%;


}
.otpClass{
    width: 30px;
    padding: 5px;
    margin: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
}
.resendBtn{
    padding: 6px;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin: 5px;
    color: blue;
    background-color: #F1F3F5;

}