/*Basic page styles*/
html, body {
	width:100%;
  	margin: 0;
  	padding: 0;
        height:100%;
}
body{font-family-sans-serif:none; font-family-monospace: none; font-family: open_sansregular !important; font-size:13px; padding:0 !important; background: #FFF; line-height:1.2;}
div{clear:none;}
section{display: flex;}


form{display:flex; width:100%; flex-wrap: wrap; gap: 10px 10px;}
nav{display: flex; width:100%; flex-direction: row; flex-wrap:wrap; align-content:flex-start; gap:10px 5px; margin: 10px 0px;}
nav a{align-self: flex-start; padding: 0px 10px;}

div.body_wrapper{width:100vw; height: 100vh; padding:0px; margin: 0px; display: block;}
div.body_wrapper_justify{display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width:100vw; height:90vh;
  padding:10px;
}

section.flex_container{
    display:flex;
    flex-direction: row;
    /*background-color: #00d75e;*/
    width:100%;
    gap:10px 20px;
    align-items:flex-start;
    justify-content: center;
    flex-wrap: wrap;
}

.container{width:1140px;}
.nopadding {
   padding: 0;
}
.nomargin{margin:0;}
.center{margin: 0px auto !important;}
.footer,.main_footer{ align-self:flex-end; font-size: 9px !important;}

section.row,div.row{display: -webkit-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin:0px 0px; width:100%;
  /*background-color:#ccc;*/ }
section.column,div.column{display: flex; gap:5px 10px; flex-wrap: wrap;width:400px; border: solid 0.03em #1f76b0; padding:30px 30px 40px 20px;}
section.input{width:100%; justify-content:center;}
section.title{font-family:open_sansbold !important; font-size:18px; color: #0C4873;}
section.sub_title{font-family:open_sansbold !important; font-size:18px; color: #0C4873; border:0px; border-bottom: solid 0.023em #002752; width:100%; margin:5px 10px;}
section.caption{font-family:open_sansregular !important; font-size:14px; padding-bottom: 20px;}
section.error{width:100%;color:#d62c1a; font-size: 12px; justify-content: center;}

input{height: 30px !important; }
input[type="text"],input[type="password"]{width:250px !important;padding:0px 5px; border:0px; border-bottom:solid 0.03em #0C4873;}
input[type="raido"]{width:125px;}
input[type="button"],input[type="submit"]{ width:100px; padding:0px 10px; border:solid 0.03px; background-color: #0C4873; color:#FFFFFF;}
.frm_elements.success{border:0px; border-bottom:solid 0.03em #0C4873;}
.frm_elements.failur{}
label.entry{width: 100px;text-align: right;padding: 0px 5px;}

.site_header{background-color:#002752; width:100%; height:35px; display: flex; flex-direction: row; flex-basis:content;}
.site_logo{color:#FFF; align-self: center; justify-content:flex-start;margin:0px 20px;}
.site_logout{color:#FFF;align-self:center; justify-content:flex-end;margin:0px 20px;}
/*** Menu**/

navbar ul {
  display: none;
  background-color: #002752;
  position: absolute;
  top: 100%;
}
#navbar li:hover ul { display: block; }
#navbar, #navbar ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#navbar {
  height: 30px;
  background-color: #002752;
  padding-left: 25px;
  min-width: 470px;
}
#navbar li {
  float: left;
  position: relative;
  margin:10px;
  color:#FFF;
}
#navbar li a {
  display: block;
  padding: 6px;
  width: auto;
  color: #fff;
  text-decoration: none;
}
#navbar ul li { float: none; }
#navbar li:hover { background-color: #002752; }
#navbar ul li:hover { background-color: #666; }
#navbar ul { display: none; background-color: #002752; z-index: 10; position: fixed; }
#navbar li:hover ul { display: block; }
.paddingTop30{padding-top:30px;}
/*code for loader image*/
#loader {
    display: none; 
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.3);  
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

#loader img {
    width: 50px; 
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}