Files
VSC/Web/webphone/css/softphone/mainlayout.css
T
claudio 368d6fafea Issue
Code backup
2026-05-10 16:59:01 +02:00

860 lines
45 KiB
CSS

/* Put your custom CSS here */
.ui-body-c, .ui-overlay-c { /*background:#ff0000;*/ }
.ui-content { padding:0; }
body{
}
#phone_app_main_container{
background-color: #1d1d1d !important;
width:100%; /* text area width */
height:100%;
text-align:center;
padding:0px; /* image height is 200px (bottom 20px are overlapped with text) */
margin:0px;
/* position in the center of the screen */
/* position:absolute;
left:0;
top:0;*/
float: left;
}
#phone_app_main_container ::-webkit-scrollbar { background: #1d1d1d; }
#phone_app_main_container ::-webkit-scrollbar-thumb { background: #3c3c3c; /*-webkit-border-radius: 1ex; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);*/ }
#phone_app_main_container ::-webkit-scrollbar-corner { background: #000; }
#js_not_enabled_settings, #js_not_enabled_dialpad, #js_not_enabled{
float: left; clear: both; width: 100%; height: 100%; background: #1d1d1d; color: #f00; text-transform: none;
}
#loading_bg_txt { font-size: 1.2em; width: 100%; text-align: center; margin-top: 3em; text-transform: none; color: #989898; }
.ui-page { -webkit-backface-visibility: hidden; }
.ui-input-text
{
width: 100% !important;
/*padding: 0.4em 0!important; */
}
.page_title{
text-align:center; margin:0px; padding:0px; font-size: 1em; font-weight: bold; color:#31b6e7; text-decoration:none; text-shadow:0 0 0;
}/*
.brandname {
text-align:center; margin:0px; padding:0px; font-size: .9em; font-weight: bold; text-decoration:none; text-shadow:0 0 0;
}
.brandname_left { color:#ffffff; }
.brandname_right { color:#31b6e7; }
*/
.status_container {
margin:0; padding:0em 0em .1em 0em; width:100%; text-decoration:none; /*text-shadow:0 0 0;*/ font-size: .8em; font-weight: normal;
}
.status { float:left; margin-left: .15em; width:60%; text-align:left; white-space:nowrap; overflow:hidden;
height: 1.2em; max-height: 1.2em; /*force single line even if <br>*/
}
.curr_user { float:right; margin-right: .15em; text-align:right; white-space:nowrap; overflow:hidden; }
.img_encrypt { margin-left: .15em; padding: 0; float: left; border: 0; display: none; }
#calledcaller { float:left; margin-left: .15em; width:60%; text-align:left; white-space:nowrap; overflow:hidden; }
#call_duration { float:right; margin-right: .15em; width:37%; text-align:right; white-space:nowrap; overflow:hidden; }
#status_call { float:left; clear:both; width:100%; text-align:center; white-space:nowrap; overflow:hidden; }
.dialog_content { font-size:1.2em; }
.all_app_pages{
text-transform: none; /* background:#000000;*/ overflow: hidden;
}
.modalWindow{
width: 100%;
height: 100%;
position: absolute;
z-index: 1500;
background: #181818;
opacity: 1;
}
.ui-loader{
z-index: 1501;
}
#settings_additional_header{
margin:0px; padding:0px;
}
LI#settings_footer { padding: 0; }
LI#settings_footer BUTTON { float: left; width: 100%; margin-bottom: 0; }
/*LI#settings_footer BUTTON { float: left; width: 50%; margin-bottom: 0; }*/
LI#qrcode_layout { padding: 0; text-align: center; }
LI#qrcode_layout BUTTON { width: 60%; margin-bottom: 1em; margin-top: 1em; margin-left: 20%; }
LI#newuser_container { padding: 0; }
.settings_links { display: inline-block; margin-top: 2em; padding: 0; font-size: .9em; text-shadow:0 0 0; font-weight: normal !important; }
.header_text { background: #001a22; color: #ffffff; font-weight: normal; font-size: .8em; text-decoration:none; text-shadow:0 0 0; }
.footer_text { background: #001a22; color: #ffffff; font-weight: normal; font-size: .8em; text-decoration:none; text-shadow:0 0 0; }
.advert_container { margin: 0; padding: 0; overflow: hidden; width: 100%; height: 40px; display: none; }
.advert_container .advert_frame { margin: 0; padding: 0; border: 0; overflow: hidden; width: 100%; height: 40px; }
.additional_header_left{
text-align:left; margin: 0; padding: 0; float:left; width: 40%;
}
.additional_header_middle{
text-align:center; margin: 0; padding: 0; float:left; width: 26%; line-height: 2.1em;
color: #31b6e7; font-size: .9em; white-space:nowrap; overflow:hidden;
/*display: none;*/
}
.additional_header_right{
text-align: right; margin: 0; padding: 0; float:right; width: 34%;
}
#page_message .additional_header_left, #page_settings .additional_header_left { width: 20%; }
#page_message .additional_header_middle, #page_settings .additional_header_middle { width: 60%; }
#page_message .additional_header_right, #page_settings .additional_header_right { width: 20%; }
/*
.additional_header_left .homepage_link,
.additional_header_left .homepage_link:hover
.additional_header_left .homepage_link:visited{
line-height: 1.9em;
text-decoration:none; text-shadow:0 0 0;
}
.additional_header_left IMG{
border:0; vertical-align:middle;
}*/
.additional_header_left SPAN{
line-height: 1.5em; color: #31b6e7; display: inline-block; overflow-x: hidden; margin-left: .3em; margin-bottom: 0; padding-bottom: 0; padding-top: .3em;
text-decoration:none; text-shadow:0 0 0; font-weight: normal; font-size: .9em;
}
.additional_header_left .btn_header_back, .additional_header_left .btn_header_back .ui-btn {
margin: 0em; background: transparent !important; font-weight: normal !important; border: none;
padding-top: .6em;
padding-bottom: .4em;
padding-left: .5em;
padding-right: .5em;
display: inline-block;
text-decoration: none;
text-align: left;
}
.additional_header_left .btn_header_back SPAN {
color: #ffffff; line-height: 1.3em;
}
.additional_header_left .btn_header_back B{
font-size: 1.1em;
}
.additional_header_left .btn_header_back:hover{
font-style: italic;
/*text-decoration: underline !important;*/
}
.additional_header_left .btn_header_back SPAN{
margin: 0; font-size: 1.7em; font-family: monospace, sans-serif;
}
.additional_header_left .page_title_small{
font-size: .9em; color: #31b6e7;
}
.additional_header_left DIV { float: left; }
.additional_header_left DIV IMG { } /* for presence*/
.additional_header_left .adhead_custom_brand { display: inline-block; float: none; position: relative; top: -0.9em; color: #ff9900; }
#msg_title IMG { display: inline-block; margin-top: .2em; float: left; padding: 0; border: 0; } /* for presence*/
.all_app_pages .notification{
margin: 0; padding: 0; width: 40%; height: 2.3em; float: left; line-height: 1.2em; overflow: hidden;
text-align: center; font-size: .8em; font-weight: normal; color: #ff0000; cursor: pointer;
/*display: none;*/
}
.all_app_pages .notification:hover{
cursor: pointer; background: #62d8ff; filter: Alpha(Opacity=7); opacity: .7;
}
.btn_toolbar_menu{
padding: 0px; margin: 0px;
}
.options_menu{ min-width:15em; position:relative; top: .6em; }
.ui-popup-screen { top: -1px; } /* fix: scroll bar appearing when popups are oppened; even Menu*/
.additional_header_right IMG{
border:0px; vertical-align:middle;
}
.navigation_bar UL LI { display: block; } /*fix for IE 10 line-height */
.navigation_bar .ui-btn { padding-top: .2em; padding-bottom: .2em; }
.separator_color_bg{
margin:0; padding:0; border:0; width:100%; height:.1em; clear:both; background:#000;
}
.separator_line_thick{
margin:0; padding:0; border:0; width:100%; height: .1em; clear:both;
}
.extra_header{
margin:0; padding:0; border:0; width:100%; clear:both;
}
.separator_line_chooseengine{
margin:0; padding:0; border:0; width:100%; height: .1em; clear:both; background: #dddddd;
}
#choose_engine .serator_span { font-size: 14px; }
#choose_engine SPAN { /*line-height: 4em;*/ padding: 1.5em; background: #eeeeee; display: inline-block; width: 100%; vertical-align: middle; text-indent: -.9em !important; }
#choose_engine_container { font-size: 1.2em; }
#choose_engine_container #checkbox_ignore_container LABEL { font-weight: normal; font-size: .7em; }
/*custom login page*/
#page_settings_content #loginpage_container{
margin: 0em 2em 0em 2em; padding: 0; border: 0; display: inline-block;
}
/*!!!! doesn't work in IE*/
#page_settings_content #loginpage_container #loginpage{
/*position: absolute;
top: 35%;
left: 0%;
height: 30%;
width: 100%;
margin: -50% 0% 0% 0%;*/
}
#page_settings_content #loginpage_container .ui-input-text{
margin-top: .8em; display: inline-block;
}
#page_settings_content #loginpage_container #lp_btn_login{
margin-top: 1.5em; font-weight: normal;
}
#page_settings_content #loginpage_container #lp_btn_custom{
margin-top: 1.5em; font-weight: normal;
}
#page_settings_content #loginpage_container A{
display: inline-block; margin-top: 1.5em; text-shadow:0 0 0; font-weight: normal; font-size: .9em;
}
#loginpage_container #logologinpage{
text-decoration:none; text-shadow:0 0 0; color: #ffffff; font-size: 1.8em;
}
#phone_number_container { margin:0; padding:0; border:0; background: url(../../images/texture_bg_dial.png) repeat #001a22; }
#phone_number_container .ui-input-text, #phone_number_container .ui-input-text:focus{
display:inline; border: none; box-shadow: none; text-decoration:none; text-shadow:0 0 0; text-align:left; font-size: 1.3em;
background: transparent; /*background: #ccc; filter: Alpha(Opacity=9); opacity: .9;*/
}
#phone_number_container #phone_number { margin-left: 12%; } /* align number to middle*/
/*
#phone_number_container ::-webkit-input-placeholder { color: #bbb; font-size: .8em; font-style: italic; }
#phone_number_container :-moz-placeholder { color: #bbb; font-size: .8em; font-style: italic; }
#phone_number_container ::-moz-placeholder { color: #bbb; font-size: .8em; font-style: italic; }
#phone_number_container :-ms-input-placeholder { color: #bbb; font-size: .8em; font-style: italic; margin-top: .7em; margin-bottom: .7em; }
*/
#phone_number_container ::placeholder { color: #bbb; font-size: .8em; font-style: italic; margin-top: .7em; margin-bottom: .7em; }
#phone_number_container .ui-block-a { width: 80%; }
#phone_number_container .ui-block-b { width: 20%; height: 100%; }
#phone_number_container .ui-btn { margin:0; height: 100%; }
/*#phone_number_container .ui-btn-inner { margin:0; vertical-align: middle; }*/
#phone_number_container #disprate_container { clear: both; font-size: .8em; }
/*#phone_number_div { margin:0; padding:0; width:80%; float:left; }
#btn_backspace_div { margin:0; padding:0; width:20%; float:left; height: 100%; }*/
#btn_backspace { border-bottom: none; background: none; }
#btn_backspace IMG { padding-top: 1.3em; padding-bottom: 1.2em; }
#page_dialpad{ margin:0; padding:0; border:0; }
#dialpad_header{ margin:0; padding:0; border:0; }
#dialpad_footer, #settings_footer, #aec_footer, #acc_footer{ margin:0; padding:0; border:0; }
#page_dialpad_content{ margin:0; padding:0; border:0; }
#dialpad_btn_grid, #dialpad_call_grid, #numpad_btn_grid { background: url(../../images/texture_bg_dial.png) repeat #001a22; }
#page_dialpad_content #phone_number_container .ui-btn, #dialpad_btn_grid .ui-btn, #dialpad_footer .ui-btn {
padding:0; margin:0; border-width: .1em; background: transparent; border:0; /*border:1px solid #f00;*/
}
#page_dialpad_content #phone_number_container .ui-btn:hover, #dialpad_btn_grid .ui-btn:hover, #dialpad_footer .ui-btn:hover {
/*padding:0; margin:0; border-width: .1em; background: #62d8ff; filter: Alpha(Opacity=7); opacity: .7; border:0; text-shadow:0 0 0;
padding:0; margin:0; border-width: .1em; background: #ffffff; filter: Alpha(Opacity=1); opacity: .1; border:0; text-shadow:0 0 0;
*/
padding:0; margin:0; border-width: .1em; background: #001a22; filter: Alpha(Opacity=5); opacity: .5; border:0; text-shadow:0 0 0;
}
/*#page_addeditcontact_content { background: #f00; }*/
#dialpad_footer, #dialpad_call_grid { /* workaround for footer dissapearing and moving*/
/*position: fixed;*/
z-index: 0;
bottom: 0;
width: 100%;
/*
float: left;
display: block;
position: relative;
background: #f00;
top: 10px;
*/
}
/* workaround for footer dissapearing and moving
#page_addeditcontact_content { position: relative; background: #f00; }
#aec_footer {
z-index: 0;
bottom: 0;
width: 100%;
position: absolute;
}*/
#dialpad_footer #dialpad_call_grid #btn_call .ui-btn:hover {
background: #54a337;
}
/*choose engine row*/
#page_settings_content #settings_engine { float: left; margin: 0; padding: 0; display: block; width: 100%; background: #f6f6f6; }
#page_settings_content #settings_copyright { display: block; width: 100%; float: left; margin-bottom: .1em; padding: 0; text-shadow: 0 0 0; text-align: right; }
#page_settings_content #settings_copyright A { font-weight: normal; font-size: .7em; display: inline-block; margin-right: .4em; text-decoration: none; }
#dialpad_header .btn_engine { margin: 0; float: left; padding: 0; }
#page_settings_content .btn_engine { margin: 0; float: left; padding: 0; }
#dialpad_header .btn_engine:hover { margin: 0; filter: Alpha(Opacity=5); opacity: .5; }
#page_settings_content .btn_engine:hover { margin: 0; filter: Alpha(Opacity=5); opacity: .5; }
#dialpad_header .engine_title { font-size: 1.1em; }
#page_settings_content .engine_title { font-size: .9em; }
#dialpad_header .engine_msg { font-size: .8em; }
#page_settings_content .engine_msg { font-size: .6em; }
#btn_dialpad_engine_close { float: left; margin: 0; display: inline-block; border: 0; }
#btn_settings_engine_close { float: left; margin: 0; display: inline-block; border: 0; }
#dialpad_header .btn_engine, #settings_engine .btn_engine { width: 85%; }
#btn_dialpad_engine_close { width: 14%; height: 2.2em; }
#btn_settings_engine_close { width: 14%; height: 2.65em; }
#dialpad_btn_grid .ui-btn SPAN, #numpad_btn_grid .ui-btn SPAN {
margin: 0; padding: 0; font-size: 2.4em; font-weight: normal; color: #31b6e7;
}
#dialpad_btn_grid .ui-btn .number, #numpad_btn_grid .ui-btn .number {
margin: 0; padding: 0; font-size: 2.4em; font-weight: lighter;
}
#dialpad_btn_grid .ui-btn .smalltext, #numpad_btn_grid .ui-btn .smalltext {
margin: 0em 0em 0em .3em; padding: 0; font-size: .7em; font-weight: bold; color: #aaa;
}
#dialpad_list .ui-link-inherit { padding:.2em .5em .2em 0em; }
#dialpad_list .ch_anchor { padding-top: .3em; padding-bottom: .3em; }
#dialpad_list .ch_anchor:hover { padding-top: .3em; padding-bottom: .3em; }
#page_dialpad_content .ch_type { margin:.5em .8em 0em 0em; padding:0; float:left; }
#page_dialpad_content .ch_data { margin:0; padding:0; float:left; /*background: #f00;*/ }
#page_dialpad_content .ch_numberonly { margin:.7em 0em .7em 0em; padding: 0; float: left; font-size: .9em; font-weight:normal; color:#31b6e7; }
#page_dialpad_content .ch_data .ch_name { font-size: .9em; font-weight:normal; color:#31b6e7; }
#page_dialpad_content .ch_data .ch_number { font-size: .8em; font-weight:normal; margin-top: .3em; }
#page_dialpad_content .ch_data .ch_duration { font-size:.7em; font-weight:normal; }
#page_dialpad_content .ch_date { margin:1em 0em 0em 0em; padding:0; float:right; font-size:.7em; font-weight:normal; }
#page_dialpad_content .ch_presence { margin:.7em 0em 0em .8em; padding:0; float:right; font-size:.7em; font-weight:normal; }
#page_dialpad_content .ch_ctname { margin:.7em 0em .7em 0em; padding: 0; float: left; font-size: .9em; font-weight:normal; color:#31b6e7; }
#page_dialpad_content .ch_ctnumber { margin:1em 0em .7em 1.5em; padding: 0; float: left; font-size: .8em; font-weight:normal; }
#numpad { margin:0; padding:0; display:none; }
#numpad_number_container { margin:0; padding:0; border:0; width:100%; background: url(../../images/texture_bg_dial.png) repeat #000000; }
#numpad_number_container SPAN{
border: 0; text-decoration:none; text-shadow:0 0 0; text-align:center; font-size: 1.3em;
}
.noshadow {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
/* removes the blue halo glow from jQuery Mobile input elements that receive focus */
.ui-focus {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
/*#dialpad_btn_grid .ui-btn-inner { white-space: normal; }*/
/*#dialpad_btn_grid .ui-btn-inner{ font-weight:normal; padding:0; }*/
#dialpad_call_grid .ui-btn{ padding:0; margin: 0; border-width: .1em; }/*margin: .5em 0 0 0;*/
#dialpad_call_grid .ui-block-a{ width:20%; }
#dialpad_call_grid .ui-block-b{ width:60%; }
#dialpad_call_grid .ui-block-c{ width:20%; }
#dialpad_call_grid .ui-btn-inner{ font-size: 2.2em; font-weight:normal; padding:0; }
#dialpad_call_grid IMG { border:0; vertical-align:middle; }
#dialpad_call_grid .ui-block-a IMG { padding-top: .8em; padding-bottom: .8em; }
#dialpad_call_grid .ui-block-b IMG { padding-top: .2em; padding-bottom: .2em; }
#dialpad_call_grid .ui-block-c IMG { padding-top: .8em; padding-bottom: .8em; }
/*#dialpad_btn_grid TR{ height:76px; }*/
#page_contactdetails_content{ text-shadow: 0 0 0; }
/*#contact_name{ color:#ffffff; margin:0; padding:0 0 0 1em; text-align:left; height:3em; line-height:3em; font-size:1.3em; background: url(../../images/texture_bg_dial.png) repeat #001a22; }*/
#contact_name{ color:#ffffff; margin:0; padding:0em 0em 0em 1em; float: left; width: 100%; text-align:left; font-size:1.3em; background: url(../../images/texture_bg_dial.png) repeat #001a22; }
#contact_name P { display: inline-block; width: 66%; float: left; }
#contact_favorite { float: left; margin-left: .1em; margin-top: .8em; }
#contact_favorite IMG { border: none; cursor: pointer; }
#contact_blocked { float: left; margin-top: 1.1em; margin-left: .5em; width: 10%; }
#contact_blocked_img { border: none; display: none; }
#page_contactdetails_content .cd_container{ margin:0; padding:0; width:100%; float:left; clear:both; border-bottom: .1em solid #004357; }
#page_contactdetails_content .cd_call{ width:100%; margin:.4em 0em .4em 0em; padding:0; float:left; }
#page_contactdetails_content .cd_data { margin:0em 0em 0em 1em; padding:0; float:left; }
#page_contactdetails_content .cd_type{ text-align:left; font-size:1.1em; color: #ffffff; }
#page_contactdetails_content .cd_number{ text-align:left; font-size:1.2em; color:#31b6e7; }
#page_contactdetails_content .cd_icon { margin:0 .4em 0 0; padding:0; float:right; height:4em; line-height:4em; }
#page_contactdetails_content .cd_icon IMG { vertical-align:middle; }
/*#page_contactdetails_content .cd_msg { width:20%; margin:.4em 0em .4em 0em; padding:0; float:left; }
#page_contactdetails_content .cd_msg_icon { margin:0; padding:0; width:100%; float:right; height:4em; line-height:4em; }
#page_contactdetails_content .cd_msg_icon IMG { vertical-align:middle; }
*/
#page_contactdetails_content .cd_call:hover,
#page_contactdetails_content .cd_msg:hover { cursor:pointer; background:#62d8ff; filter: Alpha(Opacity=7); opacity: .7; }
#page_contactdetails_content .cd_button { text-align:center; font-size:1.2em; color:#ffffff; }
#callhistorylist_list .ui-link-inherit { padding:.2em .5em .2em 0em; }
#callhistorylist_list .ch_anchor { padding-top: .3em; padding-bottom: .3em; }
#page_callhistorylist_content .ch_type { margin:.5em .8em 0em .8em; padding:0; float:left; }
#page_callhistorylist_content .ch_data { margin:0; padding:0; float:left; /*background: #f00;*/ }
#page_callhistorylist_content .ch_data .ch_name { font-size: .9em; font-weight:normal; color:#31b6e7; }
#page_callhistorylist_content .ch_data .ch_number { font-size: .8em; font-weight:normal; }
#page_callhistorylist_content .ch_data .ch_duration { font-size:.7em; font-weight:normal; }
#page_callhistorylist_content .ch_date { margin:3em 0em 0em 0em; padding:0; float:right; font-size:.7em; font-weight:normal; }
#page_callhistorydetails_content{ text-shadow:none; }
#ch_contact_name{ color:#ffffff; margin:0; padding:0 0 0 1em; text-align:left; height:3em; line-height:3em; font-size:1.3em; background: url(../../images/texture_bg_dial.png) repeat #001a22; }
#page_callhistorydetails_content .ch_container{ margin:0; padding:0; width:100%; float:left; clear:both; border-bottom: .1em solid #004357; }
#page_callhistorydetails_content .ch_call{ width:100%; margin:.4em 0em .4em 0em; padding:0; float:left; }
#page_callhistorydetails_content .ch_data { margin:0em 0em 0em 1em; padding:0; float:left; }
#page_callhistorydetails_content .ch_type{ text-align:left; font-size:1.2em; color: #ffffff; }
#page_callhistorydetails_content .ch_number{ text-align:left; font-size:1.1em; color:#31b6e7; }
#page_callhistorydetails_content .ch_icon { margin:0 .4em 0 0; padding:0; float:right; height:4em; line-height:4em; }
#page_callhistorydetails_content .ch_icon IMG { vertical-align:middle; }
/*#page_callhistorydetails_content .ch_msg { width:20%; margin:.4em 0em .4em 0em; padding:0; float:left; }
#page_callhistorydetails_content .ch_msg_icon { margin:0; padding:0; width:100%; float:right; height:4em; line-height:4em; }
#page_callhistorydetails_content .ch_msg_icon IMG { vertical-align:middle; }
*/
#page_callhistorydetails_content .ch_call:hover,
#page_callhistorydetails_content .ch_msg:hover { cursor:pointer; background:#62d8ff; filter: Alpha(Opacity=7); opacity: .7; }
#page_call_content { margin:0; padding:0; width:100%; }
#page_call_content #contact_image { margin:0; padding:0; width:100%; float: left; } /*height:150px; line-height:150px;*/
#page_call_content #contact_image #contact_image_img { border:0; vertical-align:middle; }
#page_call_content #page_call_peer_details, #page_call_content #page_call_additional_info, #page_call_content #display_notmain_account {
font-size: .9em; text-align: center; margin-left: 2em; margin-right: 2em; text-decoration:none; text-shadow:0 0 0;
}
#page_call_content #callfunctions_layout { margin:0; padding:0; border:0; width:100%; float:left; background: url(../../images/texture_bg_dial.png) repeat #001a22; }
#page_call_content .callfunc_btn_container { float:left; /*width:16.3%;*/ }
#page_call_content .ui-btn { padding:0; margin:0; }
#page_call_content .ui-btn-inner { padding:0; margin:0; border:0; }
#page_call_content #btn_audiodevice, #page_call_content #btn_audiodevice .ui-btn { margin: 0; padding: .5em; font-weight: normal; display: inline-block; }
#page_call_content #volumecontrols { margin: 0; padding: 0; float: left; width: 100%; }
#page_call_content #volumecontrols .volume_labels { margin: 0; padding: 0; float: left; width: 27%; text-align: right; height: 3em; line-height: 3em; font-size: .9em; }
#page_call_content #volumecontrols .volume_sliders { margin: 0 0 0 .3em; padding: 0; float: left; width: 70%; }
#page_call_content #volumecontrols .volume_sliders INPUT,
#volumecontrols .volume_sliders .ui-btn:focus { box-shadow: none; text-decoration:none; text-shadow:0 0 0; }
#volumecontrols .volume_sliders .ui-bar-inherit { background: #787878; }
#volumecontrols .volume_sliders .ui-slider-handle { margin-top: -0.7em; }
#callfunctions_layout .ui-btn-inner IMG { padding:.8em 0em .8em 0em; margin:0; border:0; }
#callfunctions_layout .callfunc_spacer { margin:0; padding:0; width: .1em; height: 3em; float:left; }
#callfunctions_layout .callfunc_status { height:.5em; width:100%; display: block; }
#callfunctions_layout .callfunc_status_on { background:#62d8ff; filter: Alpha(Opacity=70); opacity: .7; }
/*
#dialpad_btn_grid .ui-btn{ padding:0; margin:0; border:0; }
#dialpad_btn_grid .ui-btn-inner{ font-size: 2.5em; font-weight:normal; padding:0; }
*/
#page_call_content .callfunc_btn IMG { border:0; }
#callfunctions_layout .ui-btn { background: transparent; }
#callfunctions_layout .ui-btn:hover { background:#62d8ff; filter: Alpha(Opacity=70); opacity: .7; }
#page_call_content #btn_hangup { background: url(../../images/texture_bg_endcall.png) repeat #ff0000; border: 0; }
#page_call_content #btn_hangup:hover { background:#ff0000; filter: Alpha(Opacity=70); opacity: .7; }
#page_call_content #mlcontainer { margin: 0; padding: 0; text-align: center; width: 100%; float: left; /*background: #f00;*/ }
#mlcontainer .line_btn, #mlcontainer .ui-btn { margin:0em .2em 0em 0em; padding:0; width: 5em; display: inline-block; font-size: .7em; border: 0; }
#mlcontainer .line_status { height:.4em; width:100%; display: block; }
#mlcontainer .line_status_on { background:#62d8ff; filter: Alpha(Opacity=70); opacity: .7; }
#mlcontainer .ui-btn .line_text { padding:.4em 0em .4em 0em; margin:0; display: inline-block; font-weight: normal; }
#acceptreject_layout .ui-btn{ padding:0; margin: 0; border:0; }/*margin: .5em 0 0 0;*/
#acceptreject_layout .ui-block-a{ width:50%; }
/*#acceptreject_layout .ui-block-b{ width:20%; }*/
#acceptreject_layout .ui-block-c{ width:50%; }
#page_call_content #hangup_layout { display:none; }
#page_call_content #callfunctions_layout { display:none; }
#page_call_content #acceptreject_layout { display:none; }
#page_call_content #mline_layout { display:none; }
#acceptreject_layout .ui-block-a BUTTON { background: url(../../images/texture_bg_accept.png) repeat #000000; }
#acceptreject_layout .ui-block-a BUTTON:hover { background:#0d0; filter: Alpha(Opacity=70); opacity: .7; }
/*#acceptreject_layout .ui-block-b .ui-btn-up-a { background: url(../../images/texture_bg_grey.png) repeat #000000; }*/
#acceptreject_layout .ui-block-c BUTTON { background: url(../../images/texture_bg_endcall.png) repeat #ff0000; }
#acceptreject_layout .ui-block-c BUTTON:hover { background:#f00; filter: Alpha(Opacity=70); opacity: .7; }
/*multiline incoming calls*/
#mline_layout .ui-btn{ padding:0; margin: 0; border:0; }/*margin: .5em 0 0 0;*/
#mline_layout .ui-block-a{ width:42%; }
#mline_layout .ui-block-b{ width:42%; }
#mline_layout .ui-block-c{ width:16%; }
#mline_layout .ui-block-a BUTTON { background: url(../../images/texture_bg_accept.png) repeat #000000; }
#mline_layout .ui-block-a BUTTON:hover { background:#0d0; filter: Alpha(Opacity=70); opacity: .7; }
#mline_layout .ui-block-b BUTTON { background: url(../../images/texture_bg_endcall.png) repeat #ff0000; }
#mline_layout .ui-block-b BUTTON:hover { background:#f00; filter: Alpha(Opacity=70); opacity: .7; }
#mline_layout .ui-block-c BUTTON { background: url(../../images/texture_bg_dial.png) repeat #001a22; }
#mline_layout .ui-block-c BUTTON:hover { background:#001a22; filter: Alpha(Opacity=50); opacity: .5; }
#numpad_btn_grid .ui-btn{ padding:0; margin:0; border-width: .1em; }
#numpad_btn_grid .ui-btn SPAN { font-size: 2.4em; font-weight: normal; }
DIV.clear_float{ width:100%; clear:both; }
UL#contactslist_list { width:100%; padding:0px; margin:0px; font-weight: normal; overflow-y: auto; }
UL#contactslist_list LI A { font-weight: normal; font-size: .9em; padding-top: 1em; padding-bottom: 1em;}
UL#callhistorylist_list { width:100%; padding:0px; margin:0px; overflow-y: auto; }
UL#settings_list { width:100%; padding:0px; margin:0px; overflow-y: auto; }
UL#dialpad_list { width:100%; padding:0px; margin:0px; overflow-y: auto; }
UL#filters_list { width:100%; padding:0px; margin:0px; overflow-y: auto; }
UL#settings_list LI A { line-height: 1; padding: .6em 0em .6em .8em; font-weight: normal; }
UL#settings_list .sett_text { width: 85%; float: left; margin: 0; padding: 0; }
UL#settings_list .sett_image { float: left; width: 15%; margin: 0; padding: 0; }
UL#settings_list .sett_image IMG { float: right; margin-right: .6em; margin-top: .4em; border: 0; }
UL#settings_list .sett_display_name { color:#31b6e7; font-size: .9em; }
UL#settings_list .sett_comment { font-size: .7em; white-space: pre-wrap; }
/*UL#contactslist_list .ui-filterable,
//UL#contactslist_list .ui-filterable .ui-input-search { margin: 0px; padding: 0px; background: #ff0000; }*/
.ui-header H1.adialog_title { color:#31b6e7; font-size: .9em; width: 80%; margin-left: 0; }
.adialog_content { margin: .8em; }
.adialog_content_select { margin: 0; }
.adialog_content SPAN { font-size: .8em; }
.adialog_2button { width: 49%; margin: 0em 0em .1em 0em; padding-left: 0; padding-right: 0; }
.adialog_3button { width: 32%; margin: 0em 0em .1em 0em; padding-left: 0; padding-right: 0; }
.adialog_btn_nexttoinput .ui-input-text { width: 73% !important; float: left; margin-right: .5em; }
.adialog_btn_nexttoinput .setting_item_input_class { width: 23% !important; }
#setting_item_srvaddrpart { float:left; margin-top: 1.1em; margin-right: 1em; text-align: left; font-size: 1em; font-weight: bold; }
.adialog_btn_nexttoinput .btn_nexttoinput { width: 20%; /*padding-top: .3em; padding-bottom: .2em;*/ padding: 0; }
.adialog_alert { padding: 1em; text-align: left; }
.messagePopup .ui-content { overflow-y: auto; overflow-x: hidden; /*max-height: 300px !important; */}
.messagePopup, .messagePopup .ui-content { background: #ffffff !important; }
#choose_engine { background-color: #1d1d1d !important; } /* popup*/
#page_addeditcontact_content { text-shadow:0 0 0; }
#page_addeditcontact_content .aec_label { color:#31b6e7; text-align: left; margin-left: .4em; margin-top: .4em; }
#page_addeditcontact_content #aec_name_section { padding-left: .6em; padding-right: .6em; }
#page_addeditcontact_content #aec_add_section { margin-top: .4em; }
#aec_add_section .aec_label { width: 85%; display: inline-block; }
#aec_add_section #aec_add { width: 10%; display: inline-block; text-align: center; margin: 0; }
#aec_add_section #aec_add .ui-btn { margin: 0; }
#page_addeditcontact_content .aec_numbers { text-align: left; padding-left: .6em; }
.aec_numbers .aec_phonetype { width: 28%; margin: 0; font-weight: normal; display: inline-block; }
.aec_numbers .ui-input-text { width: 55% !important; display: inline-block; font-size: 1.1em; margin-left: .2em; }
.aec_numbers INPUT { display: inline-block; } /*needed for proper display in Firefox*/
.aec_numbers .minus_btn { display: inline-block; text-align: center; width: 12%; margin: 0; }
.aec_numbers .minus_btn .ui-btn { margin: 0; }
#page_addeditcontact #aec_footer { margin: 0; padding: 0; }
#page_addeditcontact #aec_footer .ui-btn { width: 49%; margin: 0; font-size: 1em; }
#page_addeditcontact_content #aec_add_deatils { margin-bottom: .7em; }
#aec_add_deatils #aec_label_details { width: 81%; display: inline-block; color:#31b6e7; text-align: left; margin-left: .4em; }
#aec_add_deatils #aec_add_detailsbtn { width: 10%; display: inline-block; text-align: center; margin: 0; }
#aec_add_deatils #aec_add_detailsbtn .ui-btn { margin: 0; }
#page_addeditcontact_content #aec_details_separator { margin: 1em .5em 1em .5em; width: auto; }
#page_addeditcontact_content .aec_details { text-align: left; padding-left: .6em; }
.aec_details LABEL { width: 27%; margin: 0; font-weight: normal; display: inline-block; color:#31b6e7; }
.aec_details .ui-input-text { width: 67% !important; display: inline-block; font-size: 1.1em; margin-left: .2em; }
.aec_details INPUT { display: inline-block; } /*needed for proper display in Firefox*/
#page_accounts_content { text-shadow:0 0 0; }
#page_accounts_content #acc_add{ color:#ffffff; margin:0; padding:0em 0em 0em 1em; float: left; width: 100%; text-align:left; font-size:1.3em; background: url(../../images/texture_bg_dial.png) repeat #001a22; }
#page_accounts_content #acc_add P { display: inline-block; width: 80%; float: left; font-size: .9em; }
#page_accounts_content #acc_add_right { float: left; margin-left: .1em; margin-top: .4em; }
#page_accounts_content #acc_add_right button { cursor: pointer; }
#page_accounts_content #text_instructions { color: #ffffff; font-size: .85em; margin-left: .3em; margin-right: .3em; margin-bottom: .3em; text-align: left; font-weight: normal; }
#page_accounts_content #acc_list { }
#page_accounts_content .acc_item { }
.acc_item .acc_control { display: inline-block; float: left; width: 27%; margin: 0; padding: 0; }
.acc_item .acc_control .acc_checkbox { margin-top: 1em; margin-left: .8em; margin-bottom: 1.3em; }
.acc_item .acc_control .acc_radio { margin-top: 1em; margin-left: 1.5em; }
.acc_item .acc_control .ui-checkbox input, .acc_item .acc_control .ui-radio input { position: relative; display: block; float: left; padding: 0; }
.acc_item .acc_username { width: 60%; display: inline-block; float: left; color:#31b6e7; text-align: left; margin-left: 0em; margin-top: 1.6em; }
.acc_item .acc_remove { width: 12%; display: inline-block; float: left; text-align: center; margin-top: 1.1em; }
.acc_item .acc_remove .ui-btn { margin: 0; }
#page_accounts_content #aec_details_separator { margin: 1em .5em 1em .5em; width: auto; }
#page_messagelist_content #btn_newmessage { color: #31b6e7; margin-left: .1em; width: 99%; margin-top: 0px; margin-bottom: 0px; }
#page_messagelist_content #messagelist_list { margin: 0px; padding: 0px; overflow-y: auto; }
#page_messagelist_content .msg_anchor { padding: .9em; }
#page_messagelist_content .msg_name { float: left; font-weight: normal; font-size: .9em; color: #31b6e7; }
#page_messagelist_content .new_msg_count { float: left; margin-left: .3em; font-weight: normal; font-size: .8em; color: #f00; }
#page_messagelist_content .msg_type { float: right; font-weight: normal; font-size: .8em; }
#messagelist_list .ui-li-count { color: #ff0000; right: auto; margin-left: .5em; }
#page_message_content #msgpick_container { margin: 0; padding: 0; }
#msgpick_container .ui-input-text { width: 79% !important; float: left; margin-right: .3em; margin-top: 0px; margin-left: .1em; }
#msgpick_container #btn_msgpick { width: 17%; /*padding-top: .3em; padding-bottom: .2em;*/ padding: 0; margin: 0; }
#page_message_content #msg_list {
background: #ffffff; overflow-y: auto; overflow-x: hidden; width: 100%; text-align: left;
}
#page_message_content #msg_list B { margin-left: .2em; font-size: .9em; }
#page_message_content #msg_list P { margin-left: .6em; margin-top: 0; margin-bottom: .2em; font-size: .9em; }
#page_message_content #msg_list .date { margin-top: 0; margin-bottom: .2em; margin-right: .2em; font-weight: bold; font-size: .7em; text-align: right;}
#page_message_content #msg_list .sent_status {
margin-top: 0; margin-bottom: .2em; margin-right: .4em; text-align: right; float: right;
}
#page_message_content #msg_spacer { font-size: 0.1em; margin: 0; padding: 0; }
#page_message_content #msg_textarea_container { margin: 0; padding: 0; float: left; width: 100%; background: #ffffff; }
#msg_textarea_container #msg_textarea_left { float: left; margin: 0; padding: 0; width: 79%; }
#msg_textarea_container #msg_textarea_right { float: right; margin: 0; width: 19%; height: 5.4em; position: relative; }
#msg_textarea_container .ui-input-text { margin: 0; }
/*#msg_textarea_container #msg_textarea {
margin: 0; height: 5em !important; max-height: 5em !important; border: none; resize: none; overflow-x: hidden; overflow-y: auto; font-size: .9em;
}*/
#msg_textarea_container #msg_textarea { /*used for DIV contenteditable, not textarea*/
margin: 0; height: 5.4em !important; max-height: 5.4em !important; border: none; resize: none; overflow-x: hidden; overflow-y: auto; font-size: 1em;
text-align: left;
}
#msg_textarea_container #btn_msgsend { margin: 0; padding: 0; position: absolute; bottom: .2em; right: .2em; }
#msg_textarea_container #msg_charcount { font-size: .7em; font-weight: bold; position: absolute; right: .2em; top: 1em; }
#msg_textarea_container #msg_charcount { display: none; }
#msg_textarea_container #msg_btn_sendfile { width: 2em; height: 2.4em; padding: .2em 0em .2em 0em; position: absolute; right: .2em; top: -.5em; }
#msg_textarea_container #msg_btn_smiley { width: 2.2em; padding: .5em 0em .2em .1em; position: absolute; right: 2.5em; top: -0.4em; background: transparent; border: 0; }
#msg_textarea_container #msg_btn_smiley:hover { border: 1px solid transparent; }
#msg_textarea_container #msg_btn_smiley #msg_btn_smiley_img { border: none; margin: 0; padding: 0; }
#msg_textarea_container #smiley_container { border: none; margin: 0; padding: 0; z-index: 10000; position: absolute; right: .15em; bottom: 2.8em;
width: 11em; background: #fff; border: .1em solid #e8e8e8; -webkit-border-radius: .15em; border-radius: .15em; }
#msg_textarea_container #smiley_title_container { margin: 0em 0em .8em 0em; padding: .1em 0em .15em 0em; width: 100%; display: block; float: left; background: #efefef; }
#msg_textarea_container #smiley_title_container #smiley_hint { margin: .1em 0em 0em .2em; padding: 0; font-size: .8em; display: inline-block; float: left; }
#msg_textarea_container #smiley_title_container #msg_btn_smiley_close { margin: 0; padding: 0; width: 1.4em; font-size: .8em; color: #000; float: right; }
#msg_textarea_container #smiley_title_container #msg_btn_smiley_close:hover { text-decoration: underline; }
#msg_textarea_container .btn_emoti_icon { margin: 0; padding: 0; width: 30px; height: 30px; display: inline-block; background: transparent; border: none;
-webkit-box-shadow: none !important; box-shadow: none !important; }
#msg_textarea_container .btn_emoti_icon:hover { background: #e1e1e1; }
#msg_textarea_container .btn_emoti_icon IMG { border: none; }
#msg_textarea_container #msg_gradient { font-size: .1em;
background: #31b6e7 /*{a-body-background-color}*/;
border: none /*{a-body-border}*/;
color: #fff /*{a-body-color}*/;
text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #111 /*{a-body-shadow-color}*/;
/* Copied from 1.3 custom theme: */
background-image: -webkit-gradient(linear, left top, left bottom, from( #31b6e7 ), to( #ffffff )); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient( #31b6e7, #ffffff ); /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient( #31b6e7, #ffffff ); /* FF3.6 */
background-image: -ms-linear-gradient( #31b6e7, #ffffff ); /* IE10 */
background-image: -o-linear-gradient( #31b6e7, #ffffff ); /* Opera 11.10+ */
background-image: linear-gradient( #31b6e7, #ffffff );
}
#page_logview_content { text-decoration:none; text-shadow:0 0 0; }
#sendtosupport_container { margin: 0; padding: 0; width: 100%; float: left; }
#sendtosupport_container #btn_loghelp, #btn_loghelp .ui-btn { width: 3em; display: inline-block; float: left; margin: 0 0 .1em .1em; padding: 0; }
#sendtosupport_container #support_selectall { float: left; margin-left: 1em; margin-top: .7em; margin-bottom: .5em; font-size: .9em; }
#sendtosupport_container #sendtosupport { float: right; margin-right: 1em; margin-top: .7em; margin-bottom: .5em; font-size: .9em; }
#sendtosupport_container #btn_sendlog {
display: inline-block; float: right; margin-right: .5em; margin-top: .3em; margin-bottom: .4em; font-size: .9em; padding: .5em;
font-weight: bold; color: #ffffff; border: 0px; -webkit-border-radius: .15em; border-radius: .15em; background: #31b6e7; cursor: pointer;
}
#sendtosupport_container #btn_sendlog:hover { filter: Alpha(Opacity=7); opacity: .7; }
#lview_disable { float: left; margin: 0; padding: 0; }
#lview_disable .ui-checkbox { margin: .3em 0em 0em .4em; }
#lview_disable LABEL { display: inline-block; -webkit-border-radius: .2em; border-radius: .2em; }
#log_text{
text-align: left; /*white-space: nowrap;*/ font-size: .8em; margin-left: .2em; margin-right: .2em; padding: 0px;
border: none; resize: none; display: inline-block; float: left; /*overflow-x: auto; overflow-y: auto;*/
}
#page_newuser_content FORM { margin-left: .5em; margin-right: .5em; padding: 0; text-align: left; }
#page_newuser_content SPAN { text-decoration:none; text-shadow:0 0 0; color: #31b6e7; text-align: left; font-size: .9em; }
#page_newuser_content .ui-input-text { margin: 0 0 .6em 0; padding: 0; }
#page_newuser #newuser_footer { margin: 0; padding: 0; }
#page_newuser #newuser_footer .ui-btn { width: 49%; margin: 0; font-size: 1em; }
#page_smscodeverify_content #sms_instructions { color: #ffffff; font-size: .85em; margin-left: .3em; margin-right: .3em; margin-top: .6em; text-align: center; font-weight: normal; }
#page_smscodeverify_content .ui-input-text { margin: 2em 2% 0 2%; padding: 0; width: 96% !important; }
#page_smscodeverify_content #sms_code_field { text-align: center; }
#page_smscodeverify #smscodeverify_footer { margin: 0; padding: 0; }
#page_smscodeverify #smscodeverify_footer .ui-btn { width: 49%; margin: 0; font-size: 1em; }
#btn_buynow, #btn_buynow .ui-btn {
background: #ce5353; color: #fefefe; font-size: .8em; font-weight: normal; width: auto; -webkit-border-radius: .7em; border-radius: .7em;
}
#btn_buynow:hover, #btn_buynow .ui-btn:hover { background: #ba4b4b; }
.about_item { width: 100%; margin-top: 1em; }
.about_item2 { width: 100%; margin-top: 2em; }
.notification_panel { padding: 0; margin: 0; background: rgba(63,65,63,0.6); }
.not_panel_title { width: 100%; margin: 0; padding: 0; text-align: center; line-height: 2em; background: #575957; border-bottom: .5em solid #575957; color: #fff; }
.notification_list, .notification_panel .ui-panel-inner { display: inline-block; margin: 0px; padding:0px; width:100%; overflow-y: auto; }
.notification_list { display: inline-block; margin: 0 !important; }
.notification_list LI, .notification_list LI A { filter: Alpha(Opacity=9.9); opacity: .99; }
.not_header_btn { margin: 0em 1.5em 0em 0em; }
.not_btn_counter {
display: inline-block; margin-right: 4.3em; margin-top: -4.5em; background: #f00; z-index: 1000; color: #ffffff;
border: 0; -webkit-border-radius: .8em; border-radius: .8em; font-size: .6em;
}
#dialpad_message_counter{
display: inline-block; margin-right: 0; margin-top: -2.3em; background: #f00; z-index: 1000; color: #ffffff;
border: 0; -webkit-border-radius: .8em; border-radius: .8em; font-size: .6em;
}
#dialpad_voicemail_counter{
display: inline-block; position: initial; margin-left: 5.2em; margin-top: -5em; background: #f00; z-index: 1000; color: #ffffff;
border: 0; -webkit-border-radius: .8em; border-radius: .8em; font-size: .6em; float: left;
}
#page_messagelist .not_btn_counter { margin-top: -1.5em; } /*margins are different for page messagelist*/
.not_close_btn { position: absolute; bottom: .1em; left: 14.8em; }
.notification_list .nt_title { font-size: .9em; font-weight:normal; color:#31b6e7; }
.notification_list .nt_desc { font-size: .8em; font-weight:normal; margin-top: .3em; margin-bottom: .6em; white-space: pre-wrap; }
.notification_list .nt_date { margin: 0; padding:0; float:right; font-size:.65em; font-weight:normal; position: absolute; bottom: 0.5em; right: 1.7em; }
.notification_list .nt_menu { padding: 0em 1.5em 0em 1.5em !important; }
#page_filetransfer_content { padding-left: .3em; padding-top: 0em; }
#page_filetransfer_content FORM { padding-right: .3em; }
#page_filetransfer_content #filetransf_container { margin: 0; padding: 0; }
#filetransf_container .ui-input-text { width: 76% !important; float: left; margin-right: .3em; margin-top: 0px; margin-left: .5em; }
#filetransf_container #btn_filetransfpick { width: 17%; /*padding-top: .3em; padding-bottom: .2em;*/ padding: 0; margin: 0; }
#page_filetransfer_content FORM .ui-btn { display: inline-block; width: 30%; margin-top: 1.5em; }
#page_filetransfer_content #ftranf_iframe_container { width: 100%; }
#page_filetransfer_content #ftranf_status { color:#31b6e7; text-decoration:none; text-shadow:0 0 0; font-weight: normal; font-size: .9em; }
#page_startpage #startpage_footer { margin: 0; padding: 0; text-align: right; padding-right: .4em; }
#page_startpage #startpage_footer .ui-btn { width: auto; margin: 0; font-size: .9em; padding: .65em; margin-top: .2em; }
#page_filters_content { text-shadow:0 0 0; }
#page_filters_content .filters_label { color:#31b6e7; text-align: left; margin-left: .4em; margin-top: .4em; }
#page_filters_content #filters_add_section { margin-top: .5em; margin-bottom: .5em; }
#filters_add_section .filters_label { width: 85%; display: inline-block; }
#filters_add_section #filters_add { width: 10%; display: inline-block; text-align: center; margin: 0; }
#filters_add_section #filters_add .ui-btn { margin: 0; }
#page_filters_content .r_what { width:100%; float: left; font-size: .9em; font-weight:normal; }
#page_filters_content .r_with { width:100%; float: left; font-size: .9em; font-weight:normal; }
#page_filters_content .r_minlen { width:50%; float: left; font-size: .9em; font-weight:normal; margin-top: .8em; }
#page_filters_content .r_maxlen { width:50%; float: left; font-size: .9em; font-weight:normal; margin-top: .8em; }
.r_what SPAN, .r_with SPAN, .r_minlen SPAN, .r_maxlen SPAN { color:#31b6e7; font-size: 1.05em; }
.filter_left_container { text-align: left; width: 70%; float: left; margin: 0; padding-left: .5em; line-height: 2.4em; }
.filter_right_container { text-align: left; width: 25%; float: left; margin: 0; }
.audio_left_container { text-align: left; width: 35%; float: left; margin: .5em 0em .5em 0em; padding-left: .5em; }
.audio_right_container { text-align: left; width: 60%; float: left; margin: .5em 0em .5em 0em; }
#audio_mic_label, #audio_rec_label { font-size: .9em; display: inline-block; margin-top: 2.3em; }
#audio_ring_label { font-size: .9em; display: inline-block; margin-top: 1.3em; }
.audio_devider { float: left; clear: both; background: #cecece; width: 100%; height: .1em; }
#webcallme_textarea
{
width: 100%; margin: 0; height: 12em !important; max-height: 12em !important; border: none; resize: none; overflow-x: hidden; overflow-y: auto; font-size: .9em;
}
/* disable text selection on whole page*/
* {
-ms-user-select: none; /* IE 10+ */
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
}
/* enable test selction in logview window an text input elements*/
#msg_list p, #log_text, .ui-input-text, INPUT {
-ms-user-select: auto;
-moz-user-select: text !important;
-khtml-user-select: auto;
-webkit-user-select: auto;
user-select: auto;
}
.ui-flipswitch .ui-btn.ui-flipswitch-on {
text-indent: -9.6em;
}
.ui-flipswitch .ui-flipswitch-off {
text-indent: 1em;
}
.ui-flipswitch {
width: 12.875em; margin: .5em 0em 0em 0em; padding: 0;
}
.ui-flipswitch.ui-flipswitch-active {
padding-left: 11em;
width: 1.875em;
}
@media (min-width: 28em) {
/* Repeated from rule .ui-flipswitch above*/
.ui-field-contain > label + .ui-flipswitch {
width: 1.875em;
}
}
#page_extra1_content, #page_extra2_content, #page_extra3_content, #page_extra4_content, #page_extra5_content {
text-decoration:none; text-shadow:0 0 0; color: #eee; }
/* VIDEO ELEMENTS STYLE is defined in css/video.css */