html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

body{line-height:1.2}

ol{padding-left:1.4em;list-style:decimal}

ul{padding-left:1.4em;list-style:square}

table{border-collapse:collapse;border-spacing:0}

ul{padding-left:30px;margin:10px}

h3{margin-top:20px;margin-bottom:20px;font-size:15px}

div{text-align:left}

img,table{border:0}
img,table{border:0}

form{margin:0}

*{box-sizing:border-box;outline:none}


@font-face {
font-family: 'Roboto';
src: url('/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),  url('/fonts/Roboto-Regular.woff') format('woff'), url('/fonts/Roboto-Regular.ttf')  format('truetype'), url('/fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
font-weight: normal;
font-style: normal;
font-display:swap
}
html,body{height:100%;font-weight:400}

html{font-size:100%;color:#37474F}

body{margin:0;padding:0;background:#ecf0f1;overflow:scroll;overflow-x:hidden;font-family:Tahoma,Verdana,Helvetica,Arial}

.login_form{font-size:80%;background:#ecf0f1;color:#2c3e50;padding:20px;margin:auto;width:100%;max-width:300px;margin-top:100px;box-shadow:0px 0px 30px 0px #7f8c8d;}
.login_form input{width:100%}
/*  
.submit{width:100px;background:#e67e22;color:#fff;border:0;color:#ecf0f1;padding:6px;cursor:pointer;}
                                          
input{font-size:90%;padding:5px;border:1px solid #7f8c8d;background:#ecf0f1;transition:1s;box-shadow:0px 0px 0px 0px #2c3e50;}

input[type=password]:focus,input[type=email]:focus,input[type=url]:focus,input[type=number]:focus,input[type=date]:focus,input[type=text]:focus,select:focus,textarea:focus
*/
{transition:1s;box-shadow: 0 0 20px rgba(0,0,0,0.3);background:#f1c40f;}



hr{background:#95a5a6;color:#95a5a6;border:0;height:1px;clear:both;text-align:left;}
.divider{display:block;border:0;clear:both;border-bottom:1px solid #9E9E9E;margin-top:10px;margin-bottom:10px}
strong{font-weight:400}

.dashed{border-bottom:1px dashed #37474F;width:100%;max-width:500px;}
.h5{height:5px;}
.h10{height:10px;}
.h20{height:20px;}
.bb{border-bottom:1px solid #c0392b}
.cp{cursor:pointer}
.pf{position:fixed}
.w80{width:80%;min-width:200px;max-width:1000px;}
.w40{width:40%;min-width:100px;max-width:300px;}
.cb{clear:both}
.uc{text-transform:uppercase}
.fs80{font-size:80%}
.fs90{font-size:90%}

#mobile_menu{z-index:1000;cursor:pointer;position:fixed;left:20px;top:20px;box-shadow:0 0 50px rgba(0,0,0,0.3);display:block;z-index:13;float:left;background:#FFCA28 url(/mobile_menu.png) 50% 50% no-repeat;width:40px;height:40px;background-size:30px auto}

#left_menu{z-index:999;text-align:left;display:none;position:absolute;margin:20px;margin-left:80px;padding:20px;min-width:300px;border:0px solid #9E9E9E;box-shadow:0 0 50px rgba(0,0,0,0.2);background:#fff;overflow:hidden;}

#naverh{transition:0.4s;z-index:998;display:none;margin:10px;float:right;bottom:100px;right:10px;width:60px;height:60px;background:url(/up.png) top center no-repeat;background-size:40px auto}

.cancel{transition:.5s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;outline:none;padding:10px;height:40px;float:right;position:relative;cursor:pointer;color:#e74c3c;font-size:120%!important;padding-top:8px;margin-top:-13px;right:0;margin-right:-13px}

.cancel:hover{transition:.5s;color:#c0392b}

a,a:visited{transition:.5s;text-decoration:none;color:#01579B;}
a:hover,.lang a:hover{transition:.5s;text-decoration:none;color:#263238;}

.lang {font-size:80%;text-transform:lowercase;}
.lang a{font-size:100%;color:#0277BD;}

#content{font-size:80%;padding:0px;z-index:997;position:absolute;top:20px;width:auto;min-width:90%;margin-left:80px;min-height:90%;border:0px solid red;padding-bottom:20px;}

#title,.title{font-size:130%;width:100%;}
#title::first-letter,.lang::first-letter,.title::first-letter{text-transform:uppercase}
#title_comment{font-size:80%;width:100%;border-bottom:1px solid #9E9E9E;margin-bottom:20px;}

.db_setup a{font-size:80%}
input,textarea,select{font-size:80%;background:#FAFAFA;transition:0.5s;padding:10px;border:0;box-shadow:rgba(0,0,0,.2) 1px 0 8px;outline:none}

input[type=button],input[type=submit],input[type=reset]{color:#fff;background:#37474F;cursor:pointer;outline:none}

input[type=password]:focus,input[type=button]:focus,textarea:focus,input[type=submit]:focus,input[type=reset]:focus,input[type=button]:hover,input[type=submit]:hover,input[type=reset]:hover,input[type=text]:focus,input[type=search]:focus{box-shadow:rgba(0,0,0,.3) 2px 0 10px;outline:none;background:#E0F2F1}

input[type=submit]:focus,input[type=reset]:focus,input[type=button]:hover,input[type=submit]:hover,input[type=reset]:hover{background:#37474F!important}

input[type=radio]:checked+label,input[type=checkbox]:checked+label{color:#008040;transition:.5s}
.comment{font-size:80%;}
form *{font-size:90%;}

.db_setup_form input[type=text]{width:50%;min-width:350px;}

#notice_red,#notice_green{display:none;padding:20px;margin:20px;font-size:90%;box-shadow:0 0 3px rgba(0,0,0,0.1);}

#notice_red{color:#b71c1c;background-color:#ffebee;}
#notice_green,.notice_green{color:#1B5E20;background-color:#E8F5E9;}
#notice_red i{color:#263238}
.comment i{color:#000;font-style:normal}
.tree:not(input){cursor:pointer}

.required{background:url(/required.png) 98% 50% no-repeat #FAFAFA}

.required:focus{background:url(/required.png) 110% 50% no-repeat #E0F2F1!important}

.red{background:url(/required.png) 50% 50% no-repeat;width:6px;height:auto;min-height:6px;margin-right:5px;float:left;}
.radios_checkboxes{font-size:110%}

.fields{font-size:110%;border-spacing:2px;border-collapse:separate;width:80%;min-width:350px;}
.fields td{font-size:100%;text-align:left;padding:10px;border:1px solid #a3a3a3;}
.td_header{font-size:110% !important;background-color:#FFF8E1;}
.fields_position{width:100px;}
.fields input[type=text]{width:50px;}
.fields label{font-size:100%;}
label.warn{color:#b71c1c;}

.header{font-size:100%}