* {
    max-height: 999999px;
}

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

body {
    background:#94C162;
}

#contentdiv{ 
    overflow: auto;
    background: #FFF;
    margin-left: 10px;
    margin-top: 10px;
    padding: 10px;
}

#load_content{ 
    background: #FFF; 
    margin-top: 15px; 
}

p {
    text-align: justify;
    font-size: 100%;
}

#leftdiv{
    width:200px;
    float:left;
    margin-right: 10px;
}

#emblem {
    width:200px;
}

.menu_icon {
    width:16px;
}

.header1 {
    font-weight: bold;
    font-size: 110%;
    color: #FFDD00;
    padding: 5px;
    background:#94C162; 
    text-align: center;
    margin-bottom: 10px;
}

#menudiv{ 
    background:#FFFFCC; 
    margin-top: 10px;
    width:200px; 
    float:left;
    clear:left;
}

#menubar {
    font-weight: normal;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;	
    font-size: 79%;
    width: 200px;
    margin:0;
    padding: 0;
    border-top:1px solid #000000;
}

#menubar li {
    list-style: none;
}

#menubar li a:link, #menubar li a:visited {
    border-left:1px solid #000000;
    border-right:1px solid #000000;
    border-bottom:1px solid #000000;
    text-decoration: none;	
    color: #3300FF;
    /*color:green;*/
    display: block;
    padding: 7px 0 7px 7px;
}

#menubar li a:hover{
    font-weight: bold;
}

#menubar a.current {
    background-color: #FFDD00;
}

#headerdiv{
    text-align: center;
    width: 200px;
    float:left;
} 

div.t1{
    font-weight: bold;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;	
    font-size: 80%;
    color:white;
} 

div.t2{
    font-weight: bold;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;	
    font-size: 100%;
    color:#FFDD00;
    padding: 5px;
} 

.horizontal_menu {
    /*height: 35px;*/
}

.horizontal_menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-bottom: 2px solid green;
}

.horizontal_menu li {
    border-left: 1px solid green ;
    border-top: 1px solid green ;
    border-right: 1px solid green ;
    float: left;
    background:#FFFFCC; 
}

.horizontal_menu li a:link, .horizontal_menu li a:visited {
    color: #3300FF;
    display: block;
    text-align: center;
    padding: 5px 16px;
    text-decoration: none;
    font-weight: normal;
    font-size: 100%;
}

.horizontal_menu li a:hover{
    /*color: brown;*/
    font-weight: bold;
}

.horizontal_menu a.current {
    background-color: #FFDD00;
}

.justified {
    text-align: justify;
}

.centered {
    text-align: center;
}

/*tr.header {
    text-align: right;
}*/

.common_size{
    max-height: 999999px;
}

.site_footer {
    float:left;
    clear:both;
    width: 100%;
    text-align: left;
    margin-top: 10px;
    padding: 5px;
    font-size: 80%;
    color:   white;
    border-top: 2px solid green;
}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

.modal_image_content{
    margin: auto;
    display: block;
    width: 80%;
    height: 70%;
    max-width: 80%;
    max-height: 70%;
}

.modal_thumb_content{
    margin: auto;
    display: block;
    width: 80%;
    height: 70%;
    max-width: 80%;
    max-height: 70%;
}

.modal_image {
    margin: auto;
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.modal_caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 80%;
    text-align: center;
    color:  #FFDD00;
    padding: 10px 0;
    /*height: 150px;*/
    /*font-weight: bold;*/
    font-size: 110%;
}

.thumb_content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 80%;
    padding: 10px 0;
}

.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color:  #FFDD00;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color:  #b58863;
    text-decoration: none;
    cursor: pointer;
}

.param_name {
    font-weight: bold;
    color: brown;
    margin-right: 3px;
}

.hidden_el{
    display:none;
}

.file_sel {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

label {
    border: 1px black solid;
    padding: 2px;
    background: #caeff7;
    width:200px;
    display: inline-block;
    text-align: center;
}

.del_data_button{
    border: 1px black solid;
    background: #caeff7; 
    padding-top: 3px;
    padding-bottom: 3px;
    font-weight: bold;
}

img.sel_image {
    height: 150px;
    margin-top: 7px;
}

.progress_wrp {
  border: 1px solid #0099CC;
  padding: 1px;
  position: relative;
  height: 10px;
  border-radius: 3px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;
  background: #fff;
  box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.12);
  display: none;
}

.progress_wrp .progress_bar {
  height: 100%;
  border-radius: 3px;
  background-color: #caeff7;
  width: 0;
  box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);
}

.progress_wrp .status {
  font-size: 8px;
  top: 3px;
  left: 50%;
  position: absolute;
  display: inline-block;
  color: #000000;
}

.add_form_el_div{
    margin:5px;
}

.width100{
    width: 100%;
}

div.data_table_buttons {
    margin-top: 10px;
    margin-bottom: 10px;
}

table.add_data_table {
    width:100%;
}

table.add_data_table td{
    border: 0px;
    vertical-align: top;
    padding: 3px;
}

.sel_image_div {
    margin-left:10px;
}

.right-div{
    width:300px;
    float:right;
    margin-left: 10px;
    margin-top: 10px;
    padding: 10px;
    background: white;
}

.quotation{
    font-style: italic;
    color: green;
}

.common-button {
}