/* full screen background*/
html { 
  background: url(../images/background.jpg?v=202306130156550144) no-repeat center center fixed; 
  background-color:#DFF0EF;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/*reset default css */
* {
  	margin: 0px;
  	padding:0px;
  /*avoid tap box blink effect*/
  	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
}

/*flash*/
#WebPhoneModule{
	position: absolute;
	bottom: 73px;
	left:30px;
	outline:0;
	z-index: 12000;
}

/*missing flash message*/
#flashContent{
	position: absolute; 
	top: 25%; 
	background-color: white; 
	border: 2px solid #444444; 
	width: 80%;
	padding: 15px 5%;
	left: 5%;
	text-align: center;
}

/* main page scructure */
body{
	font-family: Helvetica, Sans-Serif;
	user-select: none;
}

#site_wrapper {
	cursor: default;
}

.truncate {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.page-head {
  height:100px;
  width: 100%;
  background: #F6F6F6;
}

.page-head p{
	line-height: 100px;
	vertical-align: middle;
	font-size:36pt;
}

.page-head img{
	margin-top:25px;
	height: 50px;
}

.trademark span{
    vertical-align: super;
    font-size: 10pt;
	line-height: 55pt;
 }

.content{
	margin: 0 auto;
}

.foot-right a{
	color:white;
	text-decoration : none; 
}

/*hp input*/
.hp_input{
	width: 450px;
	margin:0 auto;
	color:#444444;
}

.hp_input_name{
	margin-bottom: 35px;
}

.hp_input_code, .hp_input_phone, .hp_input_pin, .hp_input_info1, .hp_input_info2, .hp_input_info3, .hp_input_info4, .hp_input_captcha{
 margin-bottom: 35px;
	display: none;
}

.hp_input_inner_captcha{
 display:flex;
}

.hp_input_project_code {
  height: 45px;
  width: 450px;
  line-height: 50px;
  vertical-align: middle;
  font-size: 17pt;
  border: 1px solid;
  border-color: rgba(54,141,121,1);
  padding-left: 5px;
  margin: 10px auto;
  color: #444444;
  display: block;
}

.intl-tel-input {
	width:101%;
}

.intl-tel-input .flag-container .selected-flag {
 outline: none;
}

.hp_input_code input, .hp_input_name input, .hp_input_pin input, .hp_input_info1 input, .hp_input_info2 input, .hp_input_info3 input, .hp_input_info4 input, .hp_input_phone input, .hp_input_captcha input {
	height:45px;
	width: 99%;
	color: #6B6E70;
	line-height:50px;
	vertical-align: middle;
	font-size:17pt;
	border: 1px solid #fff;
	padding-left: 5px;
}

.hp_input_error{
	color:#D82A2E;
	text-align: center;
	margin-bottom: 10px;
}

#chkAutoSendLogs, #chkShowSettings {
	top: -3px;
	vertical-align: bottom;
	position: relative;
	margin: 0;
	padding: 0;
	width: 15px;
	height: 15px;
	cursor: pointer;
}

.microphonePermissionRequired {
	background: black;
	color: white;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 40000;
	opacity: 0.85;
	display: flex;
	position: absolute;
	justify-content: center;
	align-items: center;
	font-size: 2em;
	text-align: center;
}

.callme-hrule {
	color: #6B6E70;
	border-width: 0.1px;
	border-style: solid;
	width: 35%;
	display: inline-block;
	margin: 4px 12px;
}

.callme-separator {
	margin: 15px auto;
	text-align: center;
	color: #6B6E70;
	width:450px;
}

.callme-toggle-link {
	color: #49BEA6;
	border: #49BEA6;
	border-style: solid;
	border-width: 1.5px;
	border-radius: 12px;
	width: 450px;
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
	padding-top: 13px;
	padding-bottom:10px;
	cursor: pointer;
}

.callme-toggle-link:hover {
	color: white;
	background: #49BEA6;
}

/* phone button circular background*/
.phone-button{
	border-radius: 90px 90px 90px 90px;
	-moz-border-radius: 90px 90px 90px 90px;
	-webkit-border-radius: 90px 90px 90px 90px;
	border: 0px none #000000;
	background-color: #49BEA6;
	width: 90px;
	height:90px;
	margin: 0 auto;
	line-height: 90px;
	cursor: pointer; 	
}

#phone_icon{
	display: none;
	margin-left: -18px;
}

.icon-spin-6{
	font-size: 35pt;
	margin-top: 10px;
	margin-left: 3px;
}

.phone-button:hover{
	background-color: #368D79;
}

.phone-button .icon-phone, .phone-button .icon-dialout { 
	font-size: 70pt;
	text-align: center;
	width:90px; 
	color:white;
}

.phone_button_connecting{
	display: none;
	text-align: center;
	line-height: 24px;
	color:#444444;
	text-shadow: white 0px 0px 4px;
}

#phone_button_tooltip{
	/*display: none;*/
	text-align: center;
	line-height: 24px;
	color:#444444;
	text-shadow: white 0px 0px 4px;
	/*
	color:#fff;
	text-shadow: 2px 2px .5px #262626;
	*/
}

/*
#phone_button_tooltip{

	text-align: center;
	line-height: 24px;
	color:#368D79;
	margin: 0 auto;
	width:120px;
	background-color: rgba(255, 255, 255, 0.7);
	font-weight: bold;
}
*/

.bottom-spacer {
	height:32px;
}


/*main footer*/
.main-foot {
  position:fixed;
  bottom: 42px;
  width: 100%;
  background: #DFF0EF;
  margin: 0 auto;
 display: none;
}

.main-foot .content{
	color: #444444;
	height:180px;
}

.main-foot-center{
	width:90%;
	font-size: 22pt;
	margin:auto;
	text-align: center;
	padding-top:80px;
}

.main-foot img{
	margin-top: 60px;
	margin-left:-150px;
}

.main-foot .foot-right{
	margin-top:-90px;
	margin-right:50px;
}

.page-foot {
  position:fixed;
  float:left;
  bottom: 0px;
  top: auto;
  height:25px;
  width: 100%;
  background: #262626;
  color: white;
  z-index: 8000;
  cursor: default;
}

.page-foot p{
	line-height: 25px;
	vertical-align: middle;
	font-size:10pt;
}

.foot-logo {
	height:140px;
}

.title-image {
 background-image: url("../images/title.png?v=202306130156550144");
	background-size: contain;
	background-repeat: no-repeat;
 background-position: center;
}

.title-image-callme {
	background-image: url("../images/title-callme.png?v=202306130156550144");
	background-size: contain;
	background-repeat: no-repeat;
 background-position: center;
}

.foot-left, .head-left{
	float:left;
}

.foot-right, .head-right{
	float:right;
}

.foot-right .icon-hd{
	font-size: 80pt;
}


/*call page*/

.call-page{	
	display: none;
	text-align: center;
}

.avatar_container{
	width:100%;
	height:290px;
	margin-top:125px;
	
}


/* avtar button circular background*/
.avatar_circle{
	border-radius: 215px 215px 215px 215px;
	-moz-border-radius: 215px 215px 215px 215px;
	-webkit-border-radius: 215px 215px 215px 215px;
	border: 0px none #000000;
	background-color: white;
	width: 215px;
	height:215px;
	color: #A4BFBA;
	font-size: 90pt;
} 


.avatar_circle i:before{
	line-height:215px;
	width:100%;
	margin:0 auto;
}

.left_avatar, .left_volume{
	float:left;
}

.right_avatar, .right_volume{
	float:right;
}

.avatar_title{
	text-align: center;
	color:#444444;
	font-size: 20pt;
	margin-top:20px;
}

.avatar_name{
	text-align: center;
	color:#444444;
	font-size: 12pt;
	margin-top:10px;
}

/*
.left_volume{
	margin-left:-87px;
}

.right_volume{
	margin-right:101px;
}
*/
.volume_container{
	font-size:110pt;
	margin-top:22px;
	color:white;
	/*opacity:0.0;*/
}

.volume_container i:before{
	/*margin-right:-158px;*/
	margin-right: -2px;
	margin-left: -2px;
	width: auto;
}

.call_ctrl{
	float: left;
	width: 60px;
	position: relative;
	left: 78px;
	top: 45px;
	color:#49BEA6;
	cursor: pointer; 
}

#pad_button_tooltip{
	font-size: 11pt;
	color: #444444;
	visibility: hidden;
	line-height: 22px;
	margin-top: 31px;
}

.pad_button_box{
	border-radius: 60px 60px 60px 60px;
	-moz-border-radius: 60px 60px 60px 60px;
	-webkit-border-radius: 60px 60px 60px 60px;
	border: 0px none #000000;
	font-size: 50pt;
	width: 60px;
	height:60px;
	cursor: pointer;
}
.pad_button_box:hover{
	color: #368D79;
}

.button_box_active{
	color:white !important;
	background-color: #49BEA6;
}

.button_box_active:hover{
	background-color: #368D79;
}

.pad_button_box{margin-top:2px;}

.call_ctrl div i:before{
	margin-left: -3px;
	margin-top: 28px;
}

/*bottom call buttons*/
.call_bottom_controller{
	width: 350px;
	height: 100px;
	margin: 20px auto 0 auto;
	
}

.button_bottom_small{
	margin-top:15px;
	border-radius: 55px 55px 55px 55px;
	-moz-border-radius: 55px 55px 55px 55px;
	-webkit-border-radius: 55px 55px 55px 55px;
	border: 0px none #000000;
	width: 55px;
	height:55px;
	background-color: #49BEA6;
	font-size:50pt;
	color:white;
	cursor: pointer; 
}

.button_bottom_big i:before{
	margin-left:-10px;
	margin-top:-8px;
	margin-bottom:-8px;
}

.button_bottom_small_left{
	float:left;
}
.button_bottom_small_right{
	float:right;
}

.button_bottom_small_left i:before{
	margin-left:-5px;
	margin-top:-5px;
	margin-bottom:-3px;
}

.button_bottom_small_right i:before{
	margin: 0 auto;
	font-size:26pt;
	line-height: 55px;
	margin-bottom:-3px;
}

.button_bottom_big{
	border-radius: 100px 100px 100px 100px;
	-moz-border-radius: 100px 100px 100px 100px;
	-webkit-border-radius: 100px 100px 100px 100px;
	border: 0px none #000000;
	width:100px;
	height:100px;
	background-color: #D82A2E;
	color:white;
	font-size:90pt;
	float:left;
	margin-left:70px;
	cursor: pointer; 
}

.button_dialout_hangup {
	float: none;
	display: inline-block;
	margin: 0;
	font-size: 60pt;
	width: 60px;
	height: 62px;
	border-radius: 60px;
}

#mute_button_tooltip_wrapper{
	display:none;
}

#mute_button_tooltip{
	font-size:11pt;
	color: #444444;
	display: flex;
	justify-content: center;
	align-items: center;
}

#assistance_button_tooltip{
	font-size:11pt;
	color: #444444;
	display:none;
	margin-left:-8px;
	line-height: 20pt;
}

#hangup_button_tooltip{
	font-size:11pt;
	color: #444444;
	display:none;
	text-align:center;
}

/*volume indicator*/
.active_volume{
	color:#6b6e70;
}

.disabled_volume {
	color:lightgray !important;
}

/*settings buttons and box in call page*/
#settings_container{
	position:fixed;
	bottom:25px;
	width: 100%;
	background-color:@BRAND_BG_COLOR@;
	z-index: 1000;
}

.settings_controls {
	width: 95%;
	margin: 5px auto;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	font-size: .9em;
}

.settings_controls label {
	cursor: pointer;
	margin-top: 10px;
}

.button1 {
	background: #49BEA6;
	color: white;
	font-weight: bold;
	padding: 8px;
	border: solid 2px;
	border-color: #49BEA6;
	margin-left: 7px;
	font-size: 1.05em;
	min-width: 60px;
}

.button1:disabled {
	background: lightgray !important;
	cursor: default !important;
	border-color: lightgray !important;
}

.button2 {
	background: white;
	color: #49BEA6;
	font-weight: bold;
	padding: 8px;
	border: solid 2px;
	border-color: #49BEA6;
	font-size: 1.1em;
	min-width: 60px;
}

.version_label{
	text-align: center;
	color: #aaa;
	background-color:white;
	font-size: 9pt;
	height: 15px;
	margin: 5px;
}

.popup_container{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9000;
    display: flex;
    justify-items: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.75);
}

#settings_inner_container{
	margin: 0 auto;
}

#call_settings_menu{
	color: #444444;
	text-align:right;
}


#triangle{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 25px 0 25px;
	border-color: #fff transparent transparent transparent;
	opacity:0.7;
	/*margin-left:15px/130px;*/
}

#popup_container, #central_popup_container{
	display:none;
	font-size:7pt;
	color:#444444;
}

#popup_container{
	width:235px;
	position:relative;
	right:0;
	bottom: 4px;
	margin: 0 0 0 auto;
	padding:3px;
}

#central_popup_container{
	margin:0 auto;
	position: relative;
	width:560px;
	background: white;
	/*box-shadow: gray 1px 1px 3px;*/
}

#help_central_content .mCustomScrollBox .mCSB_container, #settings_central_content .mCustomScrollBox .mCSB_container {
	width:520px !important;
}

.central_poupup_header{
	margin: 5px auto;
	font-size: 30pt;
	text-align: center;
}
.central_poupup_help_item_title{
	border-bottom: 1px solid #444444;
	cursor: pointer;
	margin-bottom: 8px;
	margin-top:12px;
}

.central_poupup_help_item_title>i{
	font-size: 13pt;
}

.row_switch{
	margin-right: 15px;
	line-height: 10pt;
	vertical-align: bottom;
	font-size: 5pt;
}

.central_popup_content{
	background:white;
	height:290px;
	width:560px;
}

.dialNumberInfoLink {
	float: right;
	font-size: 12px;
	color: #6B6E70;
	font-weight: bold;
	cursor:pointer;
}

.dialNumberInfoLink:hover {
	color: #49BEA6;
}

.central_poupup_help_item_content{
	display: none;
}

#language_central_content {
 margin: 5px auto;
}

.dialout_central_content {
 margin: 5px auto;
}

#project_code_central_content {
 margin: 5px auto;
}

#assistance_request_central_content {
 margin: 5px auto;
}

#privacy_code_central_content {
 margin: 5px auto;
}

.project_code_error {
	color:red;
	text-align: center;
	margin-top: 10px;
	display:none;
}

#contacts_central_content,#settings_central_content,#help_central_content,#stats_central_content,#language_central_content,#project_code_central_content,#assistance_request_central_content,.dialout_central_content,#privacy_central_content{
	display: none;
	text-align:left;
}

#help_central_content, #settings_central_content {
	height: 300px;
	overflow-y: auto;
	width: 540px;
}

#popup_content, #central_popup_content{
	background-color: rgba(255, 255, 255, 1.0);/*background color and transparency of setting popup*/
	height: 290px;
}

#central_popup_content{
	padding: 8px 12px;
	font-size: 10pt;
	line-height: 18px;
}

#settings_content, #stats_content{
	display: none;
}

.language_button{
	float:left;
}

.contacts_button:hover, .settings_button:hover, .stats_button:hover, .help_button:hover, .language_button:hover, .project_code_button:hover, .privacy_button:hover {
	color: #368D79;
 cursor: pointer;
}

.button1:hover {
	background: #368D79;
	border-color: #368D79;
	cursor: pointer;
}
.button2:hover {
	color: #368D79;
	border-color: #368D79;
	cursor: pointer;
}

.close_settings_container{
	text-align: right;
    height: 15px;
    font-size: 10pt;
    margin: 5px;
}
.close_settings, .close_central_settings{
	text-align:right;
	cursor: pointer; 
}
.back_help_central_settings,.close_central_settings{
	/*float:right;*/
	cursor: pointer; 
}
.back_help_central_settings{
	display: none;
}
.windows_item, .mac_item{
	display:none;
}
.header, .first, .second, .third{
	display:inline-block;
	text-align:center;
}

.header{
	border-bottom: 1px solid #444444;
	width:100%;
}

.first{
	/*width:50px;*/
	width:20%;
	text-align:left;
	
}
.row .first{
	border-right: 1px solid #444444;
}


.second, .third{
	/*width:85px;*/
	width:39%;
}

.row{
	line-height: 20px;
	cursor: pointer;
}

.row1{
	margin-top:4px;
}

.hidden_row{
	display:none;
}

.latency-average {
	color:orange;
}

.latency-bad {
    color:red;
}

.latency-good {
	color:green;
}

#settings_content,#settings_central_content{
	text-align:left;
}

.header .icon-mic :before{
	margin: -10px 0 -10px 0;
} 

#contacts_central_content .header,,#settings_content .header,#settings_central_content .header, #language_central_content .header{
	/*width:90%;*/ 
	line-height: 20 px; text-align: left; padding:2px;
}

#contacts_central_content .header img,#settings_content .header img, #settings_central_content .header img, #language_central_content .header img{
	height:20px; vertical-align:middle; margin: -3px 10px 2px 10px;
}

#contacts_content .row img, #settings_content .row img, #settings_central_content .row img, #language_central_content .row img{
	height:16px; vertical-align:middle; margin: -2px 5px 0px 10px;
	cursor: pointer; 
} 

#contacts_content .header, #settings_content .header, #settings_central_content .header, #language_central_content .header{
	line-height: 20pt;
	text-align: left;
}

#pad_box, #reconnecting_box{
	position:absolute;
	top: 200px;
	pointer-events: none;
}

#reconnecting_box{
	display: none;
	text-align: center;
}

.reconnecting_label {
	margin-top: 75px;
}

#pad_inner_box, #reconnecting_inner_box{
	width:200px;
	height:291px;
	background-color: white;
	margin: 0 auto 0 auto;
	padding: 3px;
	color: #A4BFBA;
	z-index:8500;
	pointer-events: all;
}

.close_pad{
	text-align:right;
	cursor: pointer; 
 	height: 18px;
}

.pad_header{
	border-bottom: 1px solid #A4BFBA;
	text-align: left;
	overflow: hidden;
	text-overflow: clip;
 	height: 27px;
 	padding-left: 4px;
    padding-right: 4px;
}

.pad_header_input{
	  color: rgb(164, 191, 186);
	   font-size: 15pt;
}


#pad_table{
	width: 100%;
	color: white;
 height:239px;
}

#pad_table td {
	/*border: 0.5px solid #ffffff;*/
	background-color: #A4BFBA;
	line-height: 59px;
	font-size: 30pt;
	cursor: pointer;
	-moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   /*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
   -ms-user-select: none;
   user-select: none;
}

#pad_table td:hover{
	background-color: #368D79;
}


/*TOOLTIP*/
.tooltip {
	display:none;
	position:absolute;
	border:1px solid #333;
	background-color:#161616;
	border-radius:5px;
	padding:10px;
	color:#fff;
	font-size:12px Arial;
}

.ssl_error {
 color: red !important;
}

.ssl_notice {
 float: right;
 width: 100%;
 margin: 0;
}

.page-caption-content {
 margin-bottom: 10px;
}

.ssl_notice_content, .page-caption-content {
 text-align: center;
 color: #86AF99;
}

.ssl_notice_content {
 margin: 15px auto;
}

/*TIMER*/
.timer_box{
	color: #444444;
}

.dialout_timer_box {
	margin-bottom: 16px;
	margin-top: 16px;
}

/*SPINNER*/
#circularG{
	position:relative;
	width:70px;
	height:70px;
	top:10px;
	left:10px;
	color:white;
}

/*SLIDER*/
.slider {
  width: 160px;
}
.slider_box{
	/* visibility:hidden; */
}

.left_slider_box{
	position: relative;
	/*left: 98px;*/
	top: 84px;
}

.right_slider_box{
	position: relative;
	/*left: 88px;*/
	top: 84px;
}

.slider > .dragger {
  background: #D82A2E;

 
 transform: rotate(45deg) scale(1) skew(1deg) translate(0px);
-webkit-transform: rotate(45deg) scale(1) skew(1deg) translate(0px);
-moz-transform: rotate(45deg) scale(1) skew(1deg) translate(0px);
-o-transform: rotate(45deg) scale(1) skew(1deg) translate(0px);
-ms-transform: rotate(45deg) scale(1) skew(1deg) translate(0px);
  width: 20px;
  height: 20px;
}




.slider > .track, .slider > .highlight-track {
  background: white;
  /*
  background: -webkit-linear-gradient(top, #bbb, #ddd);
  background: -moz-linear-gradient(top, #bbb, #ddd);
  background: linear-gradient(top, #bbb, #ddd);
*/
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);

  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;

  border: 1px solid #aaa;
  height: 4px;
}

.slider > .highlight-track {
	background-color: #6b6e70;
	/*
	background: -webkit-linear-gradient(top, #8DCA09, #72A307);
	background: -moz-linear-gradient(top, #8DCA09, #72A307);
	background: linear-gradient(top, #8DCA09, #72A307);
	border-color: #496805;
	*/
}

/*invert colour for right slider*/
.right_slider_box > .slider > .highlight-track {
	background-color: white;
}
.right_slider_box > .slider > .track{
	background-color: #6b6e70;
}

/*error in call*/
.call_error{
	display:none;
	position: absolute;
	top: 150px;
	width: 100%;
	text-align:center;
	color: red;
}

/*playSound*/
.playSound {
 visibility:hidden;
 display:none;
}

/*this hides big footer in main page in accordance to window height
@media only screen and (max-height: 760px) {
	.main-foot{
		visibility:hidden;
	}
}*/

/*manage pages smaller than 690px height reducing header and content distance*/
@media only screen and (max-height: 690px) {
	.call-page {
		margin-top: -50px;
	}
	#pad_box {
  		top: 150px;
  	}
	#reconnecting_box {
		top: 150px;
	}
  	#call_error{
  		top:110px;
  	}
}

input{
	outline: none !important;
    border:1px solid #fff;
}

input:focus {
    outline: none !important;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(54,141,121,0.01);
		-moz-box-shadow: 0px 0px 0px 1px rgba(54,141,121,0.01);
		box-shadow: 0px 0px 0px 1px rgba(54,141,121,0.01);
    border:1px solid #368D79;
    
    /*border:1px solid #368D79;*/
    
    /*box-shadow: 0 0 10px #49BEA6;*/
}

// Manage IE issueses
a img {
      border: none;
}

img{
	border:0;
}

#contacts_central_content.central_content {
	text-align: center;
	vertical-align: middle;
	height: 250px;
}

#contacts_central_content.central_content div.header,
#contacts_central_content.central_content contacts_central_inner_content{
	width:80% !important;
	text-align: center;
	vertical-align: middle;
}

.project_code_central_inner_content {
 margin-top: 60px;
 text-align: center;
}

.assistance_request_central_inner_content {
 margin-top: 60px;
 text-align: center;
}

.request_assistance_label {
 margin-bottom:25px;
 font-size: 15px;
}

#privacy_central_content.central_content {
	text-align: center;
	vertical-align: middle;
}

.privacy_central_inner_content div.privacy_message {
	vertical-align: middle;
	width: 90%;
	margin: 40px auto 0;
	text-align: left;
}

.dialout_central_inner_content {
	margin-top: 30px;
	text-align: center;
}

.dialout_success_message {
	padding-top: 25px;
	padding-left:12px;
	padding-right:12px;
	font-size: 19px;
}

.dialout_number_header {
	font-size: 20pt;
	font-weight: bold;
	margin-bottom: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 75px;
	padding-left:12px;
	padding-right:12px;
}

.button_container {
	display: inline-block;
	margin-top:15px;
}

.button_apply {
	font-size: 11pt;
	cursor: pointer;
}

i.icon-apply-button::before {
	font-size: 25pt !important;
    margin: 0 !important;
    margin-top: 8px !important;
    margin-left: 2px !important;
    padding: 0 !important;
}

a.pop_up_button {
	display: block;
	width: 50%;
	height:96px;
	cursor: pointer;
	color: #6b6e70;
	clear:none;
	float: left;
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	margin-top: 64px;
}

div.central_poupup_header i.icon-mail::before{
	color: #aaa;
	font-size:52pt !important;
	line-height:0.65em !important;
}

i.icon-write_us::before, i.icon-send_log::before {
	font-size:48pt !important;
	line-height:0.65em !important;	
	margin: 0 !important;
	margin-top: 2px !important;
	margin-left: -8px !important;
	padding: 0 !important;
}

div.pop_up_rnd_button i {
	color: #fff !important;
	background-color: transparent;	
}

a div.pop_up_rnd_button{
	background-color: #49bea6;
	border-radius: 48px 48px 48px 48px;
	-moz-border-radius: 48px 48px 48px 48px;
	-webkit-border-radius: 48px 48px 48px 48px;
	border: 0px none #000000;
	background-color: #49BEA6;
	width: 48px;
	height:48px;
	margin: 0 auto;
	line-height: 48px;
	margin-bottom: 4px;
}

a:hover div {
	color: #368D79;
}

a:hover div.pop_up_rnd_button{
	color: #fff;
	background-color: #368D79;
}

span.contacts_button i.icon-mail::before{
	color: #b5b6b7;
	font-size:12pt !important;
	margin-right: 4px !important;
	line-height:0.8em !important;
}

.submitLogSuccess {
 color: #6b6e70;
}

.submitLogError {
 color:red;
}

.left_avatar .avatar_name{
	width:210px; 
}

.mobile-menu, #mobile_menu_content{
 	display: none;
 }
 
#mobile_menu_content{
    z-index: 10000;
}

.back_to_mobile_menu_list{
 	display:none;
 }

#tablet_stats{
	display: none;
}

#portrait-tablet, #landscape-tablet, #portrait-phone, #landscape-phone{
	display: none;
	position:absolute;
}

.icon-mobile_menu:before {
    margin-top: 9px;
}

.portrait_mic{
	color:#A9A9A9;
}

.portrait_mic_right i:before{
	/*flip icon*/
	-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.mobile_central_poupup_header_icon{
	display:none;
}

.requirements-page{
	display:none;
}

.requirements-inner{
	margin-top:8%;
}

.requirements-box{
	font-size:9pt;
	color:#444444;
	width: 49%;
	float:left;
	line-height: 15pt;
}
.requirements-box-left{
	margin-right:2%; 	
}

.requirements_header{
	color:#A9A9A9;
	font-size: 24pt;
	text-align: center;
	margin-bottom:4%;
}

.requirements-box span{
	padding-left:10px;
}

.tools-inner{
	margin-top:8%;
}

.tools-input {
    border: solid 1px;
    border-color: rgba(54,141,121,1);
  	width: 99%;
    height: 50px;
    font-size: 20px;	
    padding-left: 1%;
	margin-top: 15px;
}

.tools-box{
	font-size:18px;
	color:#444444;
	line-height: 15pt;
}

.tools-header{
	font-size: 20px;
	margin-bottom:15px;
}

.tools-label {
	font-size: 20px;
	margin-top: 35px;
}

.line_bullet{
  list-style: none;
  padding-left: 16px;
}

.line_bullet > li:before {
  content: "- ";
 }

.validation-error {
	border-color: red !important;
    border-style: solid !important;
    border-width: 1px !important;
}

.GDPR {
	padding: 15px 25px;
	background: #F6F6F6;
	bottom: 60px;
	position: fixed;
	margin: auto;
	left: 15px;
	color: #444444;
	right: 15px;
	opacity: 0.9;
}

.activityIndicator {
	width: 300px;
	height: 16px;
	border: solid 1px #444444;
	margin: 8px auto;
}

.activityGauge {
	width: 0;
	height: 100%;
	background: #49BEA6;
	border: none;
	transition: 125ms linear;
}

.speakerTest {
	width: 100%;
	cursor: pointer;
	margin-left: 10px;
	margin-top: 5px;
}

.speakerTestActive {
	color: #49BEA6;
}

.activityIndicatorError {
	border-color: red;
}

.microphoneError {
	color: red;
	font-size: smaller;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #aaaaaa;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #aaaaaa;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #aaaaaa;
}

.placeholder {
  color: #aaaaaa;
}

.welcome_message, .talking_mute_alert {
 padding: 15px 25px;
 background: #F6F6F6;
 margin: 0 auto 15px auto;
 color: #444444;
 opacity: 0.9;
 max-width: 450px;
}

.talking_mute_container {
	position: absolute;
	bottom: 190px;
	width: 100%;
	display: none;
	text-align: center;
	z-index: 1;
}