.micon-container {
  color:#0084d5;
  height: 1.7em;
  width: 1.7em;
  position: relative;
  cursor: pointer;
  background: currentColor;
  border:10px solid currentColor;
  border-radius: 3px;
}

.micon,
.micon:before,
.micon:after {
  content: '';
  position: absolute;
  height: 3px;
  width: 1.7em;
  background: white;
  transition: all .2s ease;
}

.micon {
  top: 0.75em
}

.micon:before {
  top: -0.55em
}

.micon:after {
  top: 0.55em
}

/* Close-Icon */

.dvmi-active .micon-container {
  color:#555;
}

.dvmi-active .micon {
  background: transparent;
  transform: rotate(-135deg)
}

.dvmi-active .micon:before,
.dvmi-active .micon:after {
  top: 0
}

.dvmi-active .micon:before {
  transform: rotate(90deg)
}
.mega_box{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  align-items:center;
  text-align: center;
  
  height:4.5em;
  width:75px;
  margin-left:5px;
  padding-top:0px;
  
  float:left;
  cursor:pointer;
  
  border-top: 6px solid #666666;
  background-color: rgb(55,55,55);
}

.mega_box:hover{
  border-top: 6px solid #0084d5;
}

.megadrop {
  width: 600px;
  padding: 12px;
  
  border:3px solid #151515;
    
  display: none;
  position:fixed;
  background-color: rgb(33,33,33);
  background-color: rgba(33,33,33,0.93);	
  z-index: 120;
}

.mega_box:hover .megadrop {
    display: block;
}
.megadrop2 {
  width: 600px;
  padding: 12px;
  
  border:3px solid #151515;
    
  display: none;
  position:fixed;
  background-color: rgb(33,33,33);
  background-color: rgba(33,33,33,0.93);	
  z-index: 120;
}

.sub_arrow{
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: rgba(33,33,33,0.1);
}

::-webkit-scrollbar
{
	width: 15px;
	background-color: rgba(33,33,33,0.1);
}

::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #0084d5;
}
.power_mnd {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  
  border-radius:0;
  
  height: 31px;
  font-size: 17px;
  border: 2px solid #FFF;
  outline:none;
  box-sizing: border-box;	 
  
  padding-right:31px;
  background-color:white;
  background-image:url(../images/selecticon.png);
  background-position: right;
  background-repeat: no-repeat;
  
}
.power_mnd:focus{
  border: 2px solid #0084d5;
  #width: 30em;
}
.power_srg {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  
  border-radius:0;
  
  background-color: white;
  height: 31px;
  font-size: 17px;
  border: 2px solid #FFF;
  outline:none;
  box-sizing: border-box;
}

.power_btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  
  border-radius:0;
  
  width: 31px;
  height: 31px;
  border: none;
  outline: none;
}

.power_srg:focus{
  border: 2px solid #0084d5;
  #width: 30em;
}
.sidenav {
  -webkit-overflow-scrolling: touch;
	
  height: calc(100% - 4.5em);
  margin-top:4.5em;
	
  background-color: rgb(33,33,33);
  background-color: rgba(33,33,33,0.93);
	
  #box-shadow: 0px 0px 7px #000;

  width: 0;
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
    
  overflow-x: hidden;
  overflow-y: hidden;

  transition: 0.5s;
  #padding-top: 60px;
}

.sidenav a {
  #padding: 8px 8px 8px 32px;
  #text-decoration: none;
  #font-size: 25px;
  #color: #818181;
  #display: block;
  #transition: 0.3s;
}

.sidenav a:hover {
  #color: #f1f1f1;
  text-decoration: underline;
  #text-decoration-style: dashed;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

#imain {
  #margin-top:4.5em;
	
  transition: margin-left 0.5s;
  #padding: 16px;
}


.no_push{margin-left: 0px;}
.mk_push{margin-left: 250px;}
#techinfo {display:none;}
#fly_bt {display:none;}
#fly_bt2 {display:none;}
#bot_bt {display:none;}

#power_mnd_bar {width: 211px;}
#power_srg_bar {width: 180px;}

.breaker{display:block;}

@media screen and (min-width:501px) {
  #mtab_box{padding:1.5em;}
  #ccc_box{display:block;}
  #.ccc_box_mobi{display:none;}
}
@media screen and (min-width:800px) {
  .breaker{display:none;}
}
@media screen and (max-width:500px) {
  #mtab_box{padding:0.5em;}
  #.sidenav {padding-top: 15px;}
  #.sidenav a {font-size: 18px;}  
  
  .no_push{margin-left: 0px;}
  .mk_push{margin-left: 0px;}
  
  #avatar_box{display:none;}
  
  #ccc_box{display:none;}
  #.ccc_box_mobi{display:block;}
}
@media screen and (min-width:1000px) {
  #techinfo {display:block;}
  #fly_bt {display:block;}
  #fly_bt2 {display:block;}
  #bot_bt {display:block;}
}
@media screen and (min-width:1426px) {
  #ccc_power_mnd{display:none;}  
  #ccc_power_srg{display:none;}
}
@media screen and (max-width:1425px) {
  #power_mnd_top {width: 241px;}
  #power_srg_top {display:none;}
  #power_btn_top {display:none;}
  #power_srg_top_single {display:none;}
  
  #ccc_power_srg{display:block;}  
}
@media screen and (max-width:1575px) {

  #power_mnd_top {display:none;}
  #ccc_power_mnd{display:block;}
}
@media screen and (min-width:1575px) {
  #power_mnd_top {width: 241px;}
  #power_srg_top {width: 110px;}
  #power_srg_top_single {width: 310px;}
}
@media screen and (min-width:1675px) {
  #power_mnd_top {width: 241px;}
  #power_srg_top {width: 210px;}
  #power_srg_top_single {width: 310px;}
}
@media screen and (min-width:1775px) {
  #power_mnd_top {width: 291px;}
  #power_srg_top {width: 260px;}
  #power_srg_top_single {width: 310px;}
}
@media screen and (min-width:1875px) {
  #power_mnd_top {width: 341px;}
  #power_srg_top {width: 310px;}
  #power_srg_top_single {width: 310px;}
}
#font {font-family:verdana,arial,helvetica,sans-serif; font-size:0.85em; color:#444444;}

      .mini{font-size:0.8em; color:#555555; font-family:verdana,arial,helvetica,sans-serif;}
     .white{font-size:0.8em; color:#FFFFFF; font-family:verdana,arial,helvetica,sans-serif;}
  .headline{font-size:1.35em; color:#0084d5; font-family:verdana,arial,helvetica,sans-serif;}
   .subline{font-size:0.8em; color:#222222; font-family:verdana,arial,helvetica,sans-serif;}

  .minimini{font-size:0.75em; color:#666666; font-family:verdana,arial,helvetica,sans-serif;}
 .miniwhite{ font-size:0.7em; color:#FFFFFF; font-family:verdana,arial,helvetica,sans-serif;}
      
	  .text{font-size:0.85em; color:#555555; font-family:verdana,arial,helvetica,sans-serif;}
	  
    .yellow{font-size:0.8em; color:#FEA120; font-family:verdana,arial,helvetica,sans-serif;}
     .green{font-size:0.8em; color:#96D200; font-family:verdana,arial,helvetica,sans-serif;}
       .red{font-size:0.8em; color:#CC0000; font-family:verdana,arial,helvetica,sans-serif;} 
	  
   .err_red{font-size:0.95em; color:#AA0000; font-family:verdana,arial,helvetica,sans-serif;}
 .err_green{font-size:0.95em; color:#00AA00; font-family:verdana,arial,helvetica,sans-serif;}
.err_yellow{font-size:0.95em; color:#CC6600; font-family:verdana,arial,helvetica,sans-serif;}

       .kfz{font-size:0.7em; color:#444444; font-family:verdana,arial,helvetica,sans-serif;}
  .whitekfz{font-size:0.7em; color:#FFFFFF; font-family:verdana,arial,helvetica,sans-serif;}
    .redkfz{font-size:0.7em; color:#AA0000; font-family:verdana,arial,helvetica,sans-serif;}
  .greenkfz{font-size:0.7em; color:#00AA00; font-family:verdana,arial,helvetica,sans-serif;}
 .yellowkfz{font-size:0.7em; color:#CC6600; font-family:verdana,arial,helvetica,sans-serif;}
	  
  .ministat{font-family:Courier New; font-size:0.8em; color:#555555;}	  

a {font-family:verdana,arial,helvetica,sans-serif; color:#444444; text-decoration:none;}

a.footmenu:link, a.footmenu:visited, a.footmenu:active {font-size:0.85em; text-decoration:none; color:#FFFFFF;}
a.footmenu:hover {color:#0084d5; text-decoration:none;}

a.miniwhitelnk:link, a.miniwhitelnk:visited, a.miniwhitelnk:active {font-size:0.7em; text-decoration:none; color:#FFFFFF;}
a.miniwhitelnk:hover {font-size:0.7em; text-decoration:underline; color:#FFFFFF;}

a.miniminilnk:link, a.miniminilnk:visited, a.miniminilnk:active {font-size:0.7em; text-decoration:none; color:#666666;}
a.miniminilnk:hover {font-size:0.7em; text-decoration:none; color:#0084d5;}
  
a.whitelnk:link, a.whitelnk:visited, a.whitelnk:active {font-size:0.8em; text-decoration:none; color:#FFFFFF;}
a.whitelnk:hover {color:#FFFFFF; text-decoration:none; border-bottom:1px #FFFFFF dotted;}

a.yellowlnk:link, a.yellowlnk:visited, a.yellowlnk:active {font-size:0.8em; text-decoration:none; color:#0084d5;}
a.yellowlnk:hover {font-size:0.8em; text-decoration:none; color:#555555;}

a.minilnk:link, a.minilnk:visited, a.minilnk:active {font-size:0.8em; text-decoration:none; color:#555555;}
a.minilnk:hover {font-size:0.8em; text-decoration:underline; color:#0084d5;}

a.greenlnk:link, a.greenlnk:visited, a.greenlnk:active {font-size:0.8em; text-decoration:none; color:#00AA00;}
a.greenlnk:hover { text-decoration:none; border-bottom:1px #FFFFFF dotted; color:#888888;}

a.redlnk:link, a.redlnk:visited, a.redlnk:active {font-size:0.8em; text-decoration:none; color:#AA0000;}
a.redlnk:hover { text-decoration:none; border-bottom:1px #FFFFFF dotted; color:#888888;}

a.kfzlnk:link, a.kfzlnk:visited, a.kfzlnk:active {font-size:0.7em; text-decoration:none; color:#444444;}
a.kfzlnk:hover {font-size:0.7em; text-decoration:underline; color:#0084d5;}
html,body{height:100%;}
body {
  overflow-y:scroll;
  margin:0; padding:0;
  font-family:verdana;
  
  background-color:#B1B1B1;
  background-image:url(../images/respo_bg.png);
  background-repeat: repeat;
  background-attachment:fixed;
}

INPUT, SELECT, TEXTAREA {font-family:verdana,helvetica,sans-serif; font-size:0.85em; background:#F0F0F0; color:#555;}

.miniform{font-size:0.8em; background:#F0F0F0; border: 1px #AAAAAA solid;}

.login{border:1px solid #FFF; background:#FFF;}
.free_inp{border:0px solid #FFF; background:transparent;}
.statform {font-family:Courier New; font-size:0.8em; background:#F0F0F0; border: 1px #AAAAAA solid;}
.liz_form {font-family:Courier New; font-size:0.9em; background:#F0F0F0; border: 1px #AAAAAA solid; font-weight:bold;}

.design_radio {background:#fc9401;}
.design_text{font-size:0.85em; color:#474747;}
.ax_body {background-attachment: fixed; background-color: #AAA;margin: 0; padding: 0;}

a.axlnk:link, a.axlnk:visited, a.axlnk:active {font-size:0.85em; text-decoration:none; color:#CC0000;}
a.axlnk:hover { text-decoration:underline; color:#888888;}

 .tab_bg1{background-image:url(../images/numbers/1.gif);  background-repeat:no-repeat;}
 .tab_bg2{background-image:url(../images/numbers/2.gif);  background-repeat:no-repeat;}
 .tab_bg3{background-image:url(../images/numbers/3.gif);  background-repeat:no-repeat;}
 .tab_bg4{background-image:url(../images/numbers/4.gif);  background-repeat:no-repeat;}
 .tab_bg5{background-image:url(../images/numbers/5.gif);  background-repeat:no-repeat;}
 .tab_bg6{background-image:url(../images/numbers/6.gif);  background-repeat:no-repeat;}
 .tab_bg7{background-image:url(../images/numbers/7.gif);  background-repeat:no-repeat;}
 .tab_bg8{background-image:url(../images/numbers/8.gif);  background-repeat:no-repeat;}
 .tab_bg9{background-image:url(../images/numbers/9.gif);  background-repeat:no-repeat;}
.tab_bg10{background-image:url(../images/numbers/10.gif); background-repeat:no-repeat;}
.tab_bg11{background-image:url(../images/numbers/11.gif); background-repeat:no-repeat;}
.tab_bg12{background-image:url(../images/numbers/12.gif); background-repeat:no-repeat;}
.tab_bg13{background-image:url(../images/numbers/13.gif); background-repeat:no-repeat;}
.tab_bg14{background-image:url(../images/numbers/14.gif); background-repeat:no-repeat;}
.tab_bg15{background-image:url(../images/numbers/15.gif); background-repeat:no-repeat;}
.tab_bg16{background-image:url(../images/numbers/16.gif); background-repeat:no-repeat;}
.tab_bg17{background-image:url(../images/numbers/17.gif); background-repeat:no-repeat;}
.tab_bg18{background-image:url(../images/numbers/18.gif); background-repeat:no-repeat;}
.tab_bg19{background-image:url(../images/numbers/19.gif); background-repeat:no-repeat;}
.tab_bg20{background-image:url(../images/numbers/20.gif); background-repeat:no-repeat;}
.tab_bg21{background-image:url(../images/numbers/21.gif); background-repeat:no-repeat;}
.tab_bg22{background-image:url(../images/numbers/22.gif); background-repeat:no-repeat;}
.tab_bg23{background-image:url(../images/numbers/23.gif); background-repeat:no-repeat;}
.tab_bg24{background-image:url(../images/numbers/24.gif); background-repeat:no-repeat;}
.tab_bg25{background-image:url(../images/numbers/25.gif); background-repeat:no-repeat;}
.tab_bg26{background-image:url(../images/numbers/26.gif); background-repeat:no-repeat;}
.tab_bg27{background-image:url(../images/numbers/27.gif); background-repeat:no-repeat;}
.tab_bg28{background-image:url(../images/numbers/28.gif); background-repeat:no-repeat;}
.tab_bg29{background-image:url(../images/numbers/29.gif); background-repeat:no-repeat;}
.tab_bg30{background-image:url(../images/numbers/30.gif); background-repeat:no-repeat;}
.tab_bg31{background-image:url(../images/numbers/31.gif); background-repeat:no-repeat;}