#html, body {
height: 100%;
font-family: arial ;
color: #000;
}

#useg{
width : 100px;
height: 30px;
text-align : center;
color: white; 
font-size: 16px;
font-weight: 600 ;
/*background-color: lime;*/
margin: 0;
border: 0;
}

#banul{
width : 100px;
height: 30px;
text-align : center;
color: white; 
font-size: 14px;
font-weight: 600 ;
/*background-color: red;*/
margin: 0;
border: 0;
visibility : hidden ;
}

img.b {
  width: 7em; /* replaces 468px width */
}

div.red_rectangle {
 background-color: #f2f2f2;
  border: 0px solid #FF00FF;
/* HERE STD border:0px solid #000000; */
  padding: 5px;
  text-align : center;
} 

div.grey_rectangle {
 width: 18em;
 background-color: #f2f2f2;
 border-radius: 100px;
 -webkit-border-radius: 12px;
 border: 1.8px solid #000;
 padding: 10px;
 vertical-align: top;
} 

div.inline_block {
border: 0px solid #0f0;
vertical-align:top;
display: inline-block;
}

div.contain {
/* error --> align: center; */
text-align: center;
border: 0px solid #f00;
}

div.float_right {
float:right;
}

div.float_left {
float:left;
}

div.button_right {
float:right; 
}

div.button_left {
float:left;
}

div.margin_right {
margin: 0px 20px 0px 0px;
}

div.margin_left {
margin: 0px 0px 0px 20px;
} 

br.clear_both {
clear :both;
}

span.error {
color:red;
} 

span.noerror {
color:blue;
} 


.bold {
font-weight: bold;
} 

.italic {
font-style: italic;
}

div.single_line {
width: 80%;
border-bottom: 3px solid black;
}


div.message {
/* #height:3em; */
padding:10px;
font-weight: bold;
}

.font_small {
font-weight: 400;
font-size:small
}

.font_large {
font-size: large;
}

.font_medium {
font-size: medium;
}

/* HERE TRY */ 
table, th, td {
  border: 0px solid green ;
}

.noborder {
  border: 0px ;
}

table {
/* display: grid;  */
 overflow: hidden;
 table-layout:fixed;
 white-space: normal; 
/* grid-template-columns: repeat(1, minmax(0, 1fr)); */
}

td {
 overflow: hidden;
 white-space: normal; 
}

div.border {
border: 3px solid #808080;
/* border-width: 3px;  */
border-spacing: 0px;
border-style: outset;
/* border-color: gainsboro; */
}

input.go {
color: lime;
}

.font_big {
font-size: 16px;
}

input::placeholder {
 font-style: italic; 
 color: grey;
 font-size: 11px;
 opacity: 0.9;
}

br.vertical_forced {
  display: none ;
}

br.vertical_hidden {
  display: inline ;
}

span.top_align {
  vertical-align: top ;
} 

.max60p {
  max-width: 58% ;
}

.max40p {
  max-width: 38% ;
}

@media screen and (max-width: 900px),
       screen and (orientation:portrait) {
  br.vertical_forced {
    display: inline ;
  }

  br.vertical_hidden {
    display: none ;
  }

  div.margin_right {
    margin: 0px 10px 0px 0px;
  }

  div.margin_left {
    margin: 0px 0px 0px 10px;
  } 

  div.button_right {
    float:none; 
  }

  div.button_left {
    float:none;
  }
  .max60p {
    max-width: 98% ;
  }
  .max40p {
    max-width: 98% ;
  }
}