html {font-size:100%;font-family: 'texgyreadventorregular',Arial, Helvetica, sans-serif;}

body {
	margin:0; font-size:100%; color:#000;background-color:rgba(0,0,0,1.00)
}

h1, h2 { text-align:center; color:#0099d5}
a, a:link, a:hover, a:visited, a:active { color:#0099d5}
.close {
    color: black; background-color: none; padding-left:5px; padding-right:8px; 
    float: right; text-align:right; top:-2px; right:0px; z-index:90000000; cursor:pointer;
    font-size: 28px;
    font-weight: bold; 
}

.close:hover,
.close:focus {
    color: rgba(134,134,134,1.00);
    text-decoration: none;
    cursor: pointer;
}

#page {max-width:1920px;  /*background-image:url(images/bgr0.jpg); background-repeat:no-repeat; background-position:top center; background-size:100% auto;*/ background-color:#FFF; margin-left:auto; margin-right:auto; padding-left:0px; padding-right:0px }
#bgrtop { width:100%; position:absolute; }
#overlay {background-repeat: repeat;width: 100%; height: 100%; position: fixed; top:0; left: 0; display:none; background-color:  rgba(243,243,243,0.9);  text-align: center; z-index:100000000; overflow:hidden !important }
#overlayv {background-repeat: repeat;width: 100%;height: 100%; position: fixed; top:0; left: 0; display:none; background-color:  rgba(243,243,243,0.9);  text-align: center; z-index:100000001; }
#overlay3 {background-repeat: repeat;width: 100%;height: 100%; position: fixed; top:0; left: 0; display:none; background-color:  rgba(243,243,243,0.9);  text-align: center; z-index:100000001; }
#loginform {margin-left: auto; margin-right: auto; width: 100%; margin-top: 0px; border: 0px solid #fff;
background-color: transparent;-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;color: black; font-size: 1em; overflow-x: auto;
	        position: fixed; z-index:99991000000;
            transform: translate(0,0);
            left: 0; right: 0; max-width:100%; aoverflow:hidden !important;
            height: auto; top: 0; bottom: 25px;border: solid 0px red;
            z-index: 990; /* display above everything else */
           padding-left: 0px; padding-right: 0px; padding-bottom:0px;

background-color: white; border-color:black; border:#19562a 1px solid; color:white; padding:10px; margin-top:5%; width:60%

}
#loginform::-webkit-scrollbar {
    width: 12px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
 
#loginform::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
 
#loginform::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#basicmob { display:none}
#div01 {display:block; width:60%;margin-top:5%; z-index:100000; position:absolute;  margin-left:20%; margin-right:20%;}
#logform { overflow: auto;   overflow-x:hidden;text-align:justify; padding:15px; color:black}
@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 1000px) {
}

@media only screen and (max-width: 800px) {
	#page { width:100% !important}
#basic {aadisplay:none}
body {background-color:white; overflow:visible !important}
#basicmob { display: block}
button { width:100%}
#div01 { width:100%; margin:0}
#loginform { width:98%; margin:0; border:0; padding:1%}
#logform { text-align:left; padding:1%}
.close {
float: none;right:10px}
p {text-align:center; padding:2%}
#overlay { display:none !important}
}