*{margin: 0;padding: 0;border: 0;}

body{
overflow: hidden;
font-family: verdana;
background-color:#000;
color:#fff;
}

.noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none; 
}

.pub_frm:before {
box-sizing: border-box ;
content: "";
width: 15px;
height: 15px;
background-color: #222;
position: absolute;
top: -8px;
left: 134px;
transform: rotate(45deg);
border-left: 2px solid #222;
border-top: 2px solid #222;}

.pub_frm {
box-sizing: border-box;
display: none;
background-color: #000;
position: absolute;
top: 56px;
left: 32px;
z-index: 900;
/* padding: 20px 10px 5px; */
border: 2px solid #222;
border-radius:3px;
width:calc(100% - 64px);
line-height:1.6em;
font-size:0.9em;
}


.help_frm:before {
box-sizing: border-box ;
content: "";
width: 15px;
height: 15px;
background-color: #222;
position: absolute;
top: -8px;
left: 36px;
transform: rotate(45deg);
border-left: 2px solid #222;
border-top: 2px solid #222;}


.help_frm {
box-sizing: border-box;
display: none;
background-color: #000;
position: absolute;
top: 56px;
left: 32px;
z-index: 900;
/* padding: 20px 10px 5px; */
border: 2px solid #222;
border-radius:3px;
width:calc(100% - 64px);
line-height:1.6em;
font-size:0.9em;
}

.cmd_frm {
box-sizing: border-box;
display: none;
background-color: #000;
position: absolute;
top: 56px;
left: 32px;
z-index: 900;
border: 2px solid #222;
border-radius:3px;
width:calc(100% - 64px);
height:calc(100% - 100px);
line-height:1.6em;
font-size:0.9em;
}

.cmd_frm:before {
box-sizing: border-box ;
content: "";
width: 15px;
height: 15px;
background-color: #222;
position: absolute;
top: -8px;
left: 86px;
transform: rotate(45deg);
border-left: 2px solid #222;
border-top: 2px solid #222;}


.telecommande{
position:fixed;
display:none;
right:0;
top:0;
width:155px;
/* height:calc(100% - 20px); */
min-height: 640px;
background-color:#919191;
border-radius:30px;
border:3px solid #eee;
z-index:1000;
margin:5px;
}

button {
padding:10px 20px;
}

.abs{
position:absolute;
}

.dtb{
display:table;
border-spacing: 10px;
}

.dtc{
display:table-cell;
width:50%;
}

.dtr{
display:table-row;
}

.pad-20{
padding:0 20px 20px 20px;
}

tr:nth-child(even) {background: #111}
tr:nth-child(odd) {background: #000}

th{background-color: #222}

.w50prc{
width:49.9%;
float:left;
}

.tr1{
top:5px;
}
.tr2{
top:55px;
}

.tr3{
top:100px;
}

.tr4{
top:145px;
}

.tr5{
top:190px;
}

.tr6{
top:200px;
}

.tr7{
top:240px;
}

.tr8{
top:240px;
}

.tr9{
top:300px;
}

.tr10{
top:360px;
}

.tr11{
top:380px;
}

.tr12{
top:390px;
}

.tr13{
top:430px;
}

.tr14{
top:440px;
}

.tr15{
top:475px;
}

.tr16{
top:490px;
}

.tr17{
top:535px;
}

.tr18{
top:580px;
}


.telec_rel_tr{
position: relative;
top: 50px;
padding: 0 0 5px;
}


.telec_table{
display:table;border-collapse:separate;border-spacing:6px;
}


.telec_sous_table{
display:table;border-spacing:0px;
/* border-collapse:collapse;*/
border:0px;
}

.telec_row{
display:table-row;
}



.fs04{
font-size:0.4em;
}

.fs14{
font-size:1.4em;
}

.fs04{
font-size:0.4em;
}

.fs21{
font-size: 2.1em;
}

.tal{
text-align:left;
}
.tar{
text-align: right;
}

.pointer{
cursor:pointer;
}

.telec_btn{
/* border-radius:50%; */
border-radius:26px;
cursor:pointer;
border:2px solid #b4b4b4;
width:30px;
height:30px;
color:#fff;
display:table-cell;
padding:4px;
text-align: center;
vertical-align: middle;
line-height:2em;
}

.telec_btn_vide{
border-radius:26px;
cursor:pointer;
border:2px solid rgba(0,0,0,0);
width:30px;
height:30px;
color:#fff;
display:table-cell;
padding:4px;
text-align: center;
vertical-align: middle;
line-height:2em;
}


.telec_btn_long{
border-radius:26px;
cursor:pointer;
border:2px solid #b4b4b4;
width:30px;
height:90px;
color:#fff;
display:table-cell;
padding:4px;
text-align: center;
vertical-align: middle;
line-height:2em;
}


.telec_vide{
width:30px;
height:30px;
display:table-cell;
/* padding:4px; */
text-align: center;
line-height:2em;
}

.telec_no_circle{
width:42px;
height:42px;
display:table-cell;
/* padding:4px; */
}

.telec_btn50{
border-radius:50%;
border:2px solid #b4b4b4;
width:139px;
height:139px;
color:#fff;
display:table-cell;
padding:0;
text-align: center;
vertical-align: middle;
}

.telec_nav{
width:50px;
height:32px;
display:table-cell;
padding:0;
margin:0;
cursor:pointer;
}



.telec_hr{
display:block;
line-height: 14px;
}

.telec_hr0{
display:block;
line-height: 3px;
}


/*
.onoffswitch {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #E11919; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #EEEEEE; color: #555555;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 56px;
    border: 2px solid #999999; border-radius: 20px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}
*/

.switch label {
}

.switch {
  display:inline-block;
  position: relative;
  margin: 2px 30px -5px;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
}

.switch-label {
  position: relative;
  z-index: 2;
  float: left;
  width: 58px;
  line-height: 26px;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.35);
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
  cursor: pointer;
}
.switch-label:active {
  font-weight: bold;
}

.switch-label-off {
  padding-left: 2px;
}

.switch-label-on {
  padding-right: 2px;
}


.switch-input {
  display: none;
}
.switch-input:checked + .switch-label {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.65);
  text-shadow: 0 1px rgba(255, 255, 255, 0.25);
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -ms-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
  -webkit-transition-property: color, text-shadow;
  -moz-transition-property: color, text-shadow;
  -ms-transition-property: color, text-shadow;
  -o-transition-property: color, text-shadow;
  transition-property: color, text-shadow;
}
.switch-input:checked + .switch-label-on ~ .switch-selection {
  left: 60px;
}

.switch-selection {
  position: absolute;
  z-index: 1;
  top: 2px;
  left: 2px;
  display: block;
  width: 58px;
  height: 22px;
  border-radius: 3px;
  background-color: #65bd63;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9dd993), color-stop(100%, #65bd63));
  background-image: -webkit-linear-gradient(top, #9dd993, #65bd63);
  background-image: -moz-linear-gradient(top, #9dd993, #65bd63);
  background-image: -ms-linear-gradient(top, #9dd993, #65bd63);
  background-image: -o-linear-gradient(top, #9dd993, #65bd63);
  background-image: linear-gradient(top, #9dd993, #65bd63);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -ms-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}



.scroll {
overflow: auto;
float: left;
margin: 0 10px;
}

/*
#params_x{
height:24px;
}
*/

.scroll1::-webkit-scrollbar {
  width: 5px;
}

.scroll1::-webkit-scrollbar-track {
  background: #222;
}
 
.scroll1::-webkit-scrollbar-thumb {
  background: #444; 
}

svg {
color: #E11919;
fill: currentColor;
}

/* unvisited link */
a:link,a:visited,a:hover,a:active {
color: #E11919;
}

/* ::-webkit-scrollbar {width: 5px;} */

/*
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(128,128,128,0.9);
border-radius: 10px;
}

::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(128,128,128,0.7);
}
*/

#actions{
display: none;
opacity:0;
position: absolute; 
left:0;
top:0;
}

.res_size_1{
font-size:3em;
}

.res_size_2{
font-size:2em;
}


.header {
position: absolute;
top: 0;
left: 50px;
right: 50px;
font-size: 2em;
color: #E11919;
text-align: center;
}

.param-header{
font-size: 1.2em;
background-color: #222;
color: #fff;
text-align: center;
line-height: 2em;
margin-bottom: 1.5em;
}


#last-logo-img {
display:none;
padding: 10px;
background: #fff;
border: 4px solid #000;
border-radius: 15px;
}



#result{
position: absolute; 
left:0;
bottom:0;
padding-left:120px;
height:110px;
z-index: 200;
width:calc(100% - 120px);
border-top: 2px solid #222;
}

#message_allow{
display: none;
position: absolute;
top: 0;
left: 0;
width:100%;
height:100%;
background-color:#000;
z-index: 9;
padding:5px;
}

#tips{
display: none;
position: absolute; 
left:0;
padding:0 10px;
z-index:1;
bottom:120px;
background-color:#222;
padding:0.5em;
width:100%;
height:64px;
font-size: 1em;	
}

#last-logo{
position: absolute;
bottom: 250px;
top: 80px;
left: 5px;
width: 48%;
text-align: center;
}

#d200{
position: absolute;
top: 120px;
}

#flux{
overflow-y: scroll;
position: absolute;
bottom: 120px;
top: 80px;
right: 5px;
width: 48%;
}

#flux-content{
bottom: 0;
left: 0;
}


.prm_label{
min-width: 245px;
display: inline-block;
text-align: right;
}

input[type='text'],input[type='number']{
font-size: 1.1em;
/* border: 1px solid #000; */
/* margin: 1em; */
margin: 0.2em 2em 0.3em;
width: 160px;
padding: 0 0.3em;
border-radius: 3px;
border: 1px solid #888;

}

/*
#no-speaker_ico{
position: relative;
top: 10px;
left: 10px;
padding: 0;
cursor: pointer;
height: 84px;
width: 84px;
background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAACS9JREFUeNrUW3twlNUVvyFsQgJoRYL4ANQGbKHBWI3UWoojoia+ArR0gOKLauWhqONURqxaBFERQUMtYrVKFKlTqNBQnq1Ci49i1DopfThoIlF8RrOYJ2G35yS/nbmcnO+xu99uwpn5/bHnu9/97j3fub97zrnfmmg0arxQU1NjevfubQKQXoTLCI8R3iE0EA4SPiCsJcwgDAriQUuXLjV+5tbTpEdChKsJPycUEjLF9UHABMKdMMZSwvupHliPNEx+JOFlwkrCmcrkpZxAuJGwGwY7og0wjvAS4fsJ3HssYQVh8ZFqgFGEdYR+Lm2ihDaPfm4jLOhWBhgzZowpKChwa3IM4VlCH+VaE+EZwo/AB9zRWMI9hP859DePcEVKLOCHKevq6tp3gYyMDDNx4sR2XTgcNkVFRU7dLsbbldgBTnCSvoT7HO5lQjzK77xWrFgRzC6wd+9es2rVKtPc3Gxyc3P7FRYW1i1fvtxkZmaaUaNGmcrKShOJROxbTnIgr62E8YRGl8cdINxB+IhQJq6dTLhK0auyZcsW09raaoqLi01+fn7iHrBmzZpY0zlw0QKPZ9+qvL19ILV4ZKXSzxs+dpHDhMfvNj9PDgiFQj0x+WWEoYQNhNNcbilWdI9j7fuJpniCRxOWwyPklpofVwASCiVNgkMIDwpX/DNhmNL2KBCblFmEdwl7CL8m5Do86yeEN9GuApGjDKhGpnsX2EuYTGixdKcSNipvI+oQvQ1EgDOYMBPLRMpwQjkmeAIiQ+31DUq3AQz28ymEVkuXD0/4piAxJrp/evQ32iFiDPkYS5+uigPYCFORvMRkKDzhFEv3IeFSQpVLX68qOm4f8TGOjK4MhP5AmCait9NghCGWrpZQQvi39ZsN8x7hUYfwtgpLrRJteef4yrre0F0iwd9jPz5k6b4NIwy2dPsQvT0LYhxB+A52FKfJvEAoAh9w+0XWtdzulAusJlwjXHYEmPskS8fMfx3hC0I9tkLP4JQQBp/Upcr1Y5JMPaAce/ZT1uAK4AnFiOZYmtHuJnAFL6OdDn0eR7iWcCKMe3qq0+FkCyJPY3K/FWxeAQ74GLpDmPQdyPXZQJuVBGpr0Pt8OtLhJ5XY/wzCnwgDLB2T27mET5Didkoy0z35IOsBK1HPs+UsGCHP0nEucYnDNthgukCCLIhw9Wa20J2N3OFY4Qm/VO7fiV3giDWAQZw/R+i+R1iPNe4mLcgFfoh4YBI4pluToCaPot8llo7X/ouIC77yuP9vokBy9ZFmAJaH4V12xMdv9o8wQli050Cqv8g1IogtUhoKp/Jc4CFskfdbuvNghFKR6x+NXKO/j36zuzMHyGrNA6ajoGnL+abj4MPO6l7D7vB5dybBLEzmRQQ0WUqbQmUn4CLnXUI3DhGhXSH6B7LIRI1QDMNyZPot33d51QTXrl0ba7pQ1OfuVbo7E9dmKdfuVmp8G5Uk5xzkDlEHLHJ47kGrDecg3+ALPP6kaoKQHNQCbPmpUrKKZYhcz7tBXPsVYb7QlSC7zBG1AibKL+N4+5MEn3Gx5gdBLoFshXyyPQjpN4TpihcsFDp2+zXCmH8HUdb7HJ9WbO0bpAGiSrUmAr3bFvUE0mFb7lTc+HLC88KgO1FeC/vYBg8pukiQBogoHfZQWL9VDIYH+7gSzDCJPih0pagz2OTKB6sTxJbZ6kDQUtqCNECrObwqbOCy8sFh5P/yjTEzXyn0t4to0WCyXEGyi6N/MR3niLFkSdsltCOzpqANEFbWmDzt4cF96hC9PYmJ2MJp8TKh+zGKLTapbYWeJ1XrUEiRUh80B3ygRJGnKlZ/yyXqfA6MbcstpvN5HydFz4gltgnLpFIhYzmORgdDJRUI/UfRnaPo1nkEU/x2Jwo9l8seE7opWDqZwhNqRDs+oRosdB+j8BKoAV5RdOMUVt6gDFIaYTXepi2zQJi2XIlym1sCdL5Cxm8qXJS0AXabzoeV3zWdzwK5jdcXHVnY9uRHDzeYw+uLBjvIEy79TFX0f01FLrDfdHzsJJOfGUrbp1AOc5NeDka4nvA7oZuueAcLV49HKut/U6qywXJFN1VJPjhm4HODt32E2KsRDdqE+zOQoDSM5Ak+iL3KHH5cx2+/OhXJUGzA/1USlAqH7o+H10Q90Ii8QHpXudJW+0JkMgIfvn6hfcErGYrXALE3oU1itour34dJuhnha8UIPeEhsu0y5Tk8ru2SMFNhACaeN5RBMete5OJsI/D2ql2M8KHp/M1BCBmjbLtEeUan80MvAyRSEmtF5fdlEa1lY6ATHFj4X6bjVIjzgNPBGwNhUM7/+UOMKhjBFl7f08BXdiR5K/KOXwgCjE8S8ICYzHNx5SkpqF5lo57op0Di2wOSqQnyun7BITd/DkWR/gEaoAVkt17o55okviRNxgBRbEFbHK7PQp1vJqq+icjFpuNgJSbNMEKF4o3zE5tF4ksgJn0cXNNGNZj7Ag+vyEVkyQnSLtzL/FCktKtQnnN3OkhQytfI8BabzsdiMRmCa4zPTMenMrWo+x2EhzAhnoK2tmf2w2QvRTgeI7tJqAJfbLW9B0HYven0AJnG1vgIfBJBvVLo7I0lKNvOSwcJasLbIJ8IPwLPCFLeUcpyDdgatwv9ApBjSknQSTgPvxmZ4pK44nJ9ea1HhDjaISU/gPrCS0K/CDFHKN0GiMm7KHmNRMZXZvyd+sRyi5kgxFIf2V0YFeSdSsktz+3Gnn44Ikk5gCLJBoS5xR7tDyLFro3zOfUw1gZwBdcmL6fxf5SUAfhr65ycHNPU1BSEV/j1ON/fBGZnZ7f/maOlpb1o/SWNd3xbW9tK+v1QVlbW615fi3vuAo2NjWbXrl38Z4kgDLDZB9u3GP1LdFUGDBhgtm3bZvbv329qa2tNVVWVGTZsmJk7d66prq42DQ0NyWWDDO48oD9O+jXA0Hg6HT58ePsY+Z8rJSUdGXVZWVlwf5zkv54EJBGf7eJ64J49e8zYsWNNXl6e2bFjR7uOloGve4P8QmQ8ymN9Teczwxi7n+VzTOXY42U1OAOVH94O+TOcJtsIiUhQBmDWXRdQXz2M/n8CW0pQbpudLlb2klKTfik1AXxBHpQBenWBATKMv3+YpMUAkS4wQNSBa+KS/wswAPXm74WTCIlzAAAAAElFTkSuQmCC');
background-size: 64px 64px;
background-color: rgb(225, 25, 25);
border-radius: 50%;
background-position: 10px;
background-repeat: no-repeat;
border:5px solid #E11919;
}


#message_allow .info {
position: absolute;
top: 10px;
left: 120px;
padding: 10px;
}
*/

#speaker_ico{
position: absolute;
bottom: 10px;
left: 10px;
cursor: pointer;
height: 94px;
width: 94px;
/*
padding: 20px;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAEF0lEQVR42u2aTUhUURTHf8Yg4mIQGcJlkAwyRCsXLUKKIgLTWoTLWbhLSKrF4EKCcOFaWrRyZ0SByLSqVbioTYthCAUjF279aASDUWO0xRzh8Tj3vTsz79M8cGDm3nPuvef/7jn363QRLQ0CE8BtoADkpHwXWAe+AB+AX5wzGgLKQAM49eGGyA6dF+OngSMLw918JLqppoU2DHfzQlqNf2lh3IGwn9zLtBk/4uHvFaAIXHbIX5ayikdcGEmL8ZeANYMRM1LvpTtjAG/NRzcx9MjwFadaaGPK0MajNABQVgZejrGdSCljCGqPgTwwYNHGgMg+NgTNTJIBKFhE9PcGIzJS56dfSDIAdy3X9qKiW7TUvRt0xA6Sei3lrlqWddJHLADY0AnwWSn/LHWRB62wadtxutsF3gDfFLlvwCjwxHFKHHRtmBJP44rPLnbQ3qLS3njaXSBx63bY9AD4Kr/3gdfAJ4PsfeAp0OdwAdLuAm7+CwwrusNS56efehfIAGNK+Vgcu7y4YsCWZdm5A+CE5qXnklK3JHUnpJi0GLAsh5u8Y333opxDfjnsGBCFz+0DP1uQ3xU+003VMqi1lwcm22wvH/aYowDgpnAix/zf7wRbAWCI5tPVFs27+iTdzGRkh7kFrIZ1aVJ1RWPt1WaCzh9C/HhC6feFS+ZH0DPgCnDdVfYwQTNg1PX/mow5MAC6lbKeBAHQYznmiyDYLgDHlggfRjDmQ8uxHAcJwB+lLKuUbUcAwLblWP4Evcy4z+p1BcA+7JIg2uWG47LE+RHryp1D4Mv0hjIg7camEiIAFaW/QUVuI4yN0LpSpj1Zvwtx+r+zHMN6GJ1PK0ivKHL92CU9tMoH0rabVhTZUFJrtHe/I8MZvxQCACXD3YGWfxTa+2FV6WzOEDRXAzR+1RDU5hTZaphL0DOlwxr6s3cOPVOkVV4zzLIB6dst/yxMALLAntLpW4N8f4czYdXg90ifbvk9w54gUJrF/sn7zB1KLQbGA9ExreWmp/TZqA4em0rndbwzufrFqIphs9SQupLHVz9b9uqK/maUB7R7BiNq2KWz9QE3aN7wjsvvPgu9EYPfN2RMkdK8YRrWPdyhEyoavvypjCWWa6iyhx+/xS4pyo8GDAHPmTkW2/Vcr0+Ur8lanWuj7Zzo1nxWiV5ipl6fmXC2Y1yh+T4waDiDXJK6SZH1yzAvJ8F4pzvMt3AUrsuJ7bvwhod/awFvnoTmC94zLJFB8WYc0b6dfcKsYcfYLu9Jmz2kiLKyL692YHhV2siScirIGb1uGR+mSXhKbLu0YwHATpQDungXuADgAoD/m7oCXPtf08z07PG5E/AD/QT47VF/CHwEnmP5/BUFzRJ+XoCbXyXJBe7EAPqtJAHQHQMAmSQBkFr6B5DB/jPrt5QwAAAAAElFTkSuQmCC');
background-size: 64px 64px;
background-color: rgb(0, 0, 0);

background-position: 10px;
background-repeat: no-repeat;
*/
text-align:center;
/* padding: 10px 5px; */
border-radius: 50%;
border:5px solid #E11919;
z-index: 300;
box-sizing: border-box;
}


/*

.fade-out{
opacity: 1;
animation: fadeOut .6s ease-in 1 forwards;
}

.overlay { 
margin: 0;
padding: 0;
min-height: 100%;
min-width: 100%;
}

.selected {
color: blue;
}
*/


/*

h1{
text-align:center;
letter-spacing: 0.1em;
color:red;
font-size:1.3em;
}

h2{
font-size: 1.1em;
letter-spacing: 0px;
text-align: center;
margin: 0;
width: 100%;
color: black;
}

h3{
text-decoration:none;
font-size: 1.8em;
letter-spacing: 0px;
margin: 10px 0 0 15px;
width: 100%;
color: red;
}
#content{
z-index:-3;
}
*/

.param-frm:before {
box-sizing: border-box ;
content: "";
width: 15px;
height: 15px;
background-color: #222;
position: absolute;
top: 14px;
left: -8px;
transform: rotate(45deg);
border-left: 2px solid #222;
border-top: 2px solid #222;
}

.param-frm {
display: none;
position: absolute;
width: 500px;
margin: auto;
/* height: 80%; */
top: 10px;
left: 36px;
border: solid 2px #222;
z-index: 950;
background-color: #000;
border-radius: 2%;
padding: 0 0 15px 0;
}




.nav{
width: 50px;
height: 46px;
position: absolute;
top: 10px;
z-index: 1;
overflow: hidden;
white-space: nowrap;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-transition: all .30s ease-in-out 0;
transition: all .30s ease-in-out 0;
}

.nav-remote{
right: 10px;
}

.nav-params{
left: 10px;
}

.nav-help{
left: 60px;
}

.nav-cmd{
left: 110px;
}

.nav-pub{
left: 160px;
}

.nav-delete{
right: 60px;
top:18px;
height: 36px;
}

/*
input[type='text']:blur{color:red};
.floating-label-form-group input,
.floating-label-form-group textarea {
z-index: 1;
position: relative;
padding-right: 0;
padding-left: 0;
border: 0;
border-radius: 0;
font-size: 1.5em;
background: 0 0;
box-shadow: none!important;
resize: none;

}


.floating-label-form-group label {
display: block;
z-index: 0;
position: relative;
top: 2em;
margin: 0;
font-size: .85em;
line-height: 1.764705882em;
vertical-align: middle;
vertical-align: baseline;
opacity: 0;
-webkit-transition: top .3s ease,opacity .3s ease;
-moz-transition: top .3s ease,opacity .3s ease;
-ms-transition: top .3s ease,opacity .3s ease;
transition: top .3s ease,opacity .3s ease;
}

.floating-label-form-group::not(:first-child) {
padding-left: 14px;
border-left: 1px solid #eee;
}

.floating-label-form-group-with-value label {
top: 0;
opacity: 1;
}

.floating-label-form-group-with-focus label {
color: #18bc9c;
}


form .row:first-child .floating-label-form-group {
border-top: 1px solid #eee;
}
*/

.close {
position: absolute;
right: 4px;
top: 4px;
width: 32px;
height: 32px;
opacity: 1;
}


/*
::placeholder {
opacity: 0.5; 
font-size:0.9em;
}
*/

/*
::-webkit-input-placeholder {
color: black;
}
*/



@media (max-width: 640px) {

.header{
position: absolute;
top: 0;
font-size: 1.5em;
color: #E11919;
text-align: center;
margin: auto;
right: 50px;
left: 50px;
}

#tips{
bottom: 100px;
height: auto;
}

.res_size_1{
font-size:1.5em;
}

.res_size_2{
font-size:1.2em;
}

#speaker_ico {
height: 62px;
width: 62px;
background-size: 42px 42px;
border: 2px solid #E11919;
}

#result{
padding-left:90px;
}

#flux {
overflow-y: scroll;
position: absolute;
bottom: 120px;
top: 180px;
left: 0;
width: auto;
}

#last-logo {
position: absolute;
 /* bottom: 250px; */
top: 80px;
left: 5px;
width: 100%;
text-align: center;
margin-bottom: 10px;
}

.param-header{
font-size: 2.6em;
background-color: #222;
color: #fff;
text-align: center;
line-height: 40px;
margin-bottom: 0.7em;
}

.close {
position: absolute;
right: 22px;
top: 4px;
width: 32px;
height: 32px;
opacity: 1;
background-color: #FFF;}

label {
min-width: 100%;
font-size: 2em;
border-top:1px solid #888;
text-align: center;	
}

input[type='text'], input[type='number'] {
font-size: 3em;
border: 1px solid #222;
margin: 0.2em 2em 0.3em;
/* margin: 0.5em 2em 1.5em; */
width: 6em;
}
}