.button {
background-color: white;
  color: black;
  border: 2px solid #C0C0C0     ;
  padding: 8px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}
.button {
  transition-duration: 0.4s;
}
.button:hover {
  background-color: #B0C4DE; /* Green */
  color: white;
}
.button a:link { text-decoration: none;color:#00008B }
.button a:visited { text-decoration: none; }
.button a:active { text-decoration: none; }

.r_img{
	 border-radius: 50%;
}
.no_bg {
  position: relative;
        mix-blend-mode: multiply;
}
table { 
    table-layout:auto;
	border-collapse: collapse;
}
td { 
    overflow: hidden; 
    text-overflow: ellipsis; 
    word-wrap: break-word;
white-space:nowrap;
}

input.cell{
        width: 100%;
  height: 100%;
  border-width: 0px;
        background: transparent;
}

.overlap {
  position: relative;
        mix-blend-mode: multiply;
}

* {
  box-sizing: border-box;
}

table, th, td {
  border: 1px solid;
}


.row {
  display: flex;
}

.column {
  flex: 33.33%;
  padding: 5px;
}
img {
  vertical-align: middle;
  //display: table-cell;
}
* {box-sizing: border-box;}

body { padding: 1rem;
background-color: #F5FCFF;
	font-size: 14px;
        font-family: Verdana, sans-serif;

 }


.topnav {
 padding: 10px;
  overflow: hidden;
  font-size: 16px;
  background-color: #202A44;
color:#E8E8E8;
}

.topnav a {
  color: #f2f2f2;
  text-align: center;
  color: #f2f2f2;
  padding: 5px 5px;
  text-decoration: none;
  font-size: 16px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #04AA6D;
  color: white;
}

.topnav img {
        width:30px;
float: right;
padding-right:5px;
padding-left:5px;
}
.topnav label {
        float: right;
	padding-right: 5px;
}

.topnav select {
	float: right;
	padding-right:10px;
}

input[type=text] {
	  background: transparent;
	border: 1px solid #ccc;

}
input[type=password] {
	  background: transparent;
	border: 1px solid #ccc;
}
textarea{
	  background: transparent;
	border: 1px solid #ccc;
}
select {
          background: transparent;
   	border: 1px solid #ccc;

}


.footer {
	padding:5px;
  	background-color: #202A44; 
	color:#E8E8E8;
	  font-size: 14px;
	font-family: Verdana, sans-serif;

}

.footer div{
	padding: 5px 5px;
}
.footer a {
   padding: 5px 5px;
  color: #E8E8E8;
}

.alert 
{
    color: red;
    font-weight: bold;
	display:inline;

}
.grid-row {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.grid-col {
  -ms-flex: 25%; /* IE10 */
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}

.grid-col img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .grid-col {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .grid-col {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
}