/* The container */
#testTable {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  border-collapse: collapse;
  width: 100%;
}
#testTable td, #testTable th {
  border: 1px solid #ddd;
  padding: 8px;
}

#testTable tr:nth-child(even){
	background-color: #f2f2f2;
	height: 10px;
	}

#testTable tr:hover { 
	background-color: #ddd;}
#testTable th {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
 //height: 14px;
 // height: 20px;
  /* Create two equal columns that floats next to each other */
 
}
#grid0 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  width: 100%;
}
#grid0 td, #cust th {
  border: 1px solid #ddd;
  padding: 8px;
}

#grid0 tr:nth-child(even){
	background-color: #f2f2f2;
	height: 10px;
	}

#grid0 tr:hover { 
	background-color: #ddd;}
#grid0 th {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
 //height: 14px;
 // height: 20px;
  /* Create two equal columns that floats next to each other */
 
}
#grid1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  width: 100%;
}
#grid1 td, #cust th {
  border: 1px solid #ddd;
  padding: 8px;
}

#grid1 tr:nth-child(even){
	background-color: #f2f2f2;
	height: 10px;
	}

#grid1 tr:hover { 
	background-color: #ddd;}
#grid1 th {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
  background-color: yellow;
  color: red;
 //height: 14px;
 // height: 20px;
  /* Create two equal columns that floats next to each other */
 
}
#hiends {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  width: 100%;
}
#hiends td, #cust th {
  border: 1px solid #ddd;
  padding: 8px;
}

#hiends tr:nth-child(even){
	background-color: #f2f2f2;
	height: 10px;
	}

#hiends tr:hover { 
	background-color: #ddd;}
#hiends th {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
  background-color: yellow;
  color: red;
 //height: 14px;
 // height: 20px;
  /* Create two equal columns that floats next to each other */
 
}
input[type="radio"] {
  margin-right: 0;
   margin-left: -1px;
  
}
#cust {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  width: 100%;
}
#cust td{
  border: 1px solid #ddd;
  padding: 8px;
  vertical-align: top;
} 

#cust th {
  border: 1px solid #ddd;
  padding: 8px;
  vertical-align: center;
}

#cust tr:nth-child(even){
	background-color: #f2f2f2;
	height: 10px;
	}

#cust tr:hover { 
	background-color: #ddd;}
#cust th {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
 //height: 14px;
 // height: 20px;
  /* Create two equal columns that floats next to each other */
 
}
#cust1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  width: 100%;
}
#cust1 td, #cust th {
  border: 1px solid #ddd;
  padding: 8px;
}

#cust1 tr:nth-child(even){
	background-color: #f2f2f2;
	height: 10px;
	}

#cust1 tr:hover { 
	background-color: #ddd;}
#cust1 th {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
 //height: 14px;
 // height: 20px;
  /* Create two equal columns that floats next to each other */
 
}
.cot {  box-sizing: border-box;  float: left;  width: 50%;  padding: 1px;
  height: 800px; /* Should be removed. Only for demonstration */
}
.cot55 {  box-sizing: border-box;  float: none;  width: 55%;  padding: 1px;
  height: ; /* Should be removed. Only for demonstration */
}
.cot70 {  box-sizing: border-box;  float: left;  width: 70%;  padding: 1px;
  height: ; /* Should be removed. Only for demonstration */
}
.cot75 {  box-sizing: border-box;  float: left;  width: 75%;  padding: 1px;
  height: ; /* Should be removed. Only for demonstration */
}
.cot80 {  box-sizing: border-box;  float: left;  width: 80%;  padding: 1px;
  height: ; /* Should be removed. Only for demonstration */
}
.cot30 {  box-sizing: border-box;  float: left;  width: 30%;  padding: 10px;

  height: 800px; /* Should be removed. Only for demonstration */
}
.cot40 {  box-sizing: border-box;  float: left;  width: 40%;  padding: 10px;

  height: 800px; /* Should be removed. Only for demonstration */
}
.cot35 {  box-sizing: border-box;  float: left;  width: 35%;  padding: 10px;

  height: 800px; /* Should be removed. Only for demonstration */
}
.cot45 {  box-sizing: border-box;  float: left;  width: 45%;  padding: 5px;

  height: 800px; /* Should be removed. Only for demonstration */
}
.cot25 {  box-sizing: border-box;  float: left;  width: 25%;  padding: 5px;

  height: 800px; /* Should be removed. Only for demonstration */
}
.cot20 {  box-sizing: border-box;  float: left;  width: 20%;  padding: 5px;

  height: 800px; /* Should be removed. Only for demonstration */
}
.cotds {  box-sizing: border-box;  float: left;  width: 50%;  padding: 10px;
  height: 250px; /* Should be removed. Only for demonstration */
}
/* Clear floats after the columns */
.dong:after {  content: "";  display: table;  clear: both;
}
.cot1 {  box-sizing: border-box; 

 float: left;  width: 135px;  padding: 1px;
 /* height: 300px;  Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.dong1:after {  content: "";  display: table;  clear: both;
}
input1[type="file"] {
    display: none;
}
.custom-files1 {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}
.button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 16px 24px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.button1 {
  background-color: white; 
  color: black; 
  border: 2px solid #4CAF50;
}

.button1:hover {
  background-color: #4CAF50;
  color: white;
}

.button2 {
  background-color: white; 
  color: black; 
  border: 2px solid #008CBA;
}

.button2:hover {
  background-color: #008CBA;
  color: white;
}

.button3 {
  background-color: white; 
  color: black; 
  border: 2px solid #f44336;
}

.button3:hover {
  background-color: #f44336;
  color: white;
}

.button4 {
  background-color: white;
  color: black;
  border: 2px solid #e7e7e7;
}

.button4:hover {background-color: #e7e7e7;}

.button5 {
  background-color: white;
  color: black;
  border: 2px solid #555555;
}

.button5:hover {
  background-color: #555555;
  color: white;
}
hr.new1 {
  border-top: 1px solid red;
}

/* Dashed red border */
hr.new2 {
  border-top: 1px dashed red;
}

/* Dotted red border */
hr.new3 {
  border-top: 1px dotted red;
}

/* Thick red border */
hr.new4 {
  border: 1px solid red;
}

/* Large rounded green border */
hr.new5 {
  border: 10px solid green;
  border-radius: 5px;
}

.w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.w3-s{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}

.w3-border-aqua,.w3-hover-border-aqua:hover{border-color:#00ffff!important}
.w3-border-blue,.w3-hover-border-blue:hover{border-color:#2196F3!important}
.w3-border-light-blue,.w3-hover-border-light-blue:hover{border-color:#87CEEB!important}
.w3-border-brown,.w3-hover-border-brown:hover{border-color:#795548!important}
.w3-border-cyan,.w3-hover-border-cyan:hover{border-color:#00bcd4!important}
.w3-border-blue-grey,.w3-hover-border-blue-grey:hover,.w3-border-blue-gray,.w3-hover-border-blue-gray:hover{border-color:#607d8b!important}
.w3-border-green,.w3-hover-border-green:hover{border-color:#4CAF50!important}
.w3-border-light-green,.w3-hover-border-light-green:hover{border-color:#8bc34a!important}
.w3-border-indigo,.w3-hover-border-indigo:hover{border-color:#3f51b5!important}
.w3-border-khaki,.w3-hover-border-khaki:hover{border-color:#f0e68c!important}
.w3-border-lime,.w3-hover-border-lime:hover{border-color:#cddc39!important}
.w3-border-orange,.w3-hover-border-orange:hover{border-color:#ff9800!important}
.w3-border-deep-orange,.w3-hover-border-deep-orange:hover{border-color:#ff5722!important}
.w3-border-pink,.w3-hover-border-pink:hover{border-color:#e91e63!important}
.w3-border-purple,.w3-hover-border-purple:hover{border-color:#9c27b0!important}
.w3-border-deep-purple,.w3-hover-border-deep-purple:hover{border-color:#673ab7!important}
.w3-border-red,.w3-hover-border-red:hover{border-color:#f44336!important}
.w3-border-sand,.w3-hover-border-sand:hover{border-color:#fdf5e6!important}
.w3-border-teal,.w3-hover-border-teal:hover{border-color:#009688!important}
.w3-border-yellow,.w3-hover-border-yellow:hover{border-color:#ffeb3b!important}
.w3-border-white,.w3-hover-border-white:hover{border-color:#fff!important}
.w3-border-black,.w3-hover-border-black:hover{border-color:#000!important}
.w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#9e9e9e!important}
.w3-border-light-grey,.w3-hover-border-light-grey:hover,.w3-border-light-gray,.w3-hover-border-light-gray:hover{border-color:#f1f1f1!important}
.w3-border-dark-grey,.w3-hover-border-dark-grey:hover,.w3-border-dark-gray,.w3-hover-border-dark-gray:hover{border-color:#616161!important}