@charset "utf-8";
/* CSS Document */
html, body {background-color:#090; padding:0; margin:0}

html {
  font-size: 14pt;
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
}

.top_bar  {
	position:fixed; left:0;top:0px;width:100%; height:12px; line-height:12px; background-color:#090; text-align:center; z-index:999999 !important;
}

.top_menu  {
	position:fixed; left:0;top:10px;width:100%; height:35px; line-height:35px; background-color:#99ff66; text-align:center;
}
.top_menu > a {
	width:40%; text-align:center; color:#fff; display:inline-block; text-align:center;
}



.main_box {
	width:100%; 
	height:calc(100vh - 50px - 33px); 
	background-color:#090; 
	color:#fff; 
	text-align:center;
	border:none;
	margin-top:50px;
}



.main_box h3 { 
	margin:10px auto
}
.main_box > span {
	display:inline-block;width:100%; height:auto; text-align:center; font-size:30px; color:#F00
}


.bottom_bar {
	width:100%; height:40px; line-height:40px; background-color:#060; position:fixed; left:0; bottom:35px;
}


/*for language box*/

.top_lang {
	margin-top: 0px !important;
	display: !important
}

.top_lang .dropdown-togglebtn-small {
	margin-top: 2px !important;
}


/*https://css-tricks.com/snippets/css/media-queries-for-standard-devices/*/
/* Smartphones ----------- */
@media only screen and (min-width: 320px) {
  .top_menu .logo {
	   width:170px !important; 
	   height: 30px !important;
  }
  .top_menu .logo img {
	   height:30px; 
	   width:150px;
	   margin-top:-2px !important; 
	   z-index: 999999999999999999 !important; 
	   background-color:;
  }
  
  .top_menu .lang {
	   width:25%; 
  }
  
  .btn-group {
	margin-top: 2px !important;
	height:30px !important;
	min-width:170px !important;
	font-size:12px !important;
}

}
@media only screen and (min-width: 480px) {
   .top_menu .logo img {
	   height:30px; 
	   width:160px;
	   margin-top:2px !important;
	   z-index: 999999999999999999 !important;   
  }
  
  .top_menu .lang {
	   width:25%; 
  }
  
  .btn-group {
	margin-top: 2px !important;
	height:30px !important;
	min-width:170px !important;
	font-size:12px !important;
}

}
@media only screen and (min-width: 1500px) {
	.top_menu .logo {
	   width:200px !important;
  }
  .top_menu .logo img {
	   height:30px; 
	   width:180px;
	   margin-top:1px !important;
	   z-index: 999999999999999999 !important;  
  }
  
  .btn-group {
	margin-top: 0px !important;
	height:30px !important;
	min-width:200px !important;
	font-size:12px !important;
}

}

.top_lang {
    position: fixed;
	top:12px;
    right: 0;
    height: 30px;
    width: 11.2%;
    z-index: 999999999999999999; padding:0 !important;

}
.top_lang .dropdown-togglebtn-small {
    margin-top:0px !important; float:left; height:20px; line-height:20px;
}
.top_lang .dropdown-togglebtn-small img {
    width:20px !important; height:20px !important; margin-top:5px !important; float:left;
}
.top_lang ul.dropdown-menu img {
    height:20px !important;width:20px !important; float:left
}
.top_lang ul.dropdown-menu li {
    height:30px !important;
}

.btn-group{position:relative;z-index:1.0E+20;*margin-left:.3em;white-space:nowrap;vertical-align:middle;border:none;padding:2px;background-color:#0C0;color:#FFF!important;height:20px;float:right;margin-right:3%;margin-right:0;margin-top:-5px;width:140%}

.btn-group a{
	text-decoration:none;color:#FFF!important;font-weight:700;font-size:1vw!important;font-size:12px!important;padding-top:1.5px;
}

.btn-group a:hover{color:#000!important}



a.btn .caret{margin-top:5px!important;display:inline-block;float:right;margin-right:4px}
a.btn img{margin-top:5px!important;display:inline-block;float:left;margin-left:4px}

@-moz-document url-prefix() { /*by cveiga:*/
    a.btn .caret { 
	margin-top:0px!important;
	}
}



#page_inc {
	width: 100%; height:100vh;
	overflow:hidden;
	background-color:#090;
}

.main_box_inc {
	width: 100%; height:95vh;
	overflow-y:auto;
	background-color:#090;
	border:none
}