.dropbtn {
  background-color: #04AA6D;
  color: white;
  padding: 16px;
  font-size: 1.5vw;
  border: none;
}
.dropdown {
  position: relative;
  display: inline-table;
}
.dropdown-content {
  box-sizing: border-box;
  overflow: auto;
  display: none;
  position: relative;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  box-sizing: border-box;
  overflow: auto;
  padding: 0px 0px;
  text-decoration: none;
  display: block;
  color:#0066A2
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover{color:#0066A2} 
.dropdown{color:#0066A2}
.dropbtn {background-color: #3e8e41;}




		table.scrolldown {
			width: 100%;
			
		}
		
		/* To display the block as level element */
		table.scrolldown tbody, table.scrolldown thead {
			display: block;
		}
		td.s, th.s{
      width: 250px;
    }
		table.scrolldown tbody {
			
			/* Set the height of table body */
			height: 200px;
			
			/* Set vertical scroll */
			overflow-y: auto;
			
		}
html{
  height: 100%;
}		
body{
    background-color: #f4f4f4;
    color: #555;
    font-family: Arial;
    font-size: 1.3vw;
    margin:0;
    width: 100%;
    height: 100%;
    resize: both;
    min-height: 100vh;
    overflow: auto;
}
p{
  margin-bottom: 10px;
  margin-top: 10px;
}
textarea {
    width: 95%;
    height: 100%;
    resize: none;
  }
.textarea1 {
    width: 95%;
    height: 100px;
    resize: none;
  }
  .textarea2 {
    width: 95%;
    height: 50px;
    resize: none;
  }
  .textarea200px {
    width: 95%;
    height: 200px;
    resize: none;
  }

img {
    max-width:100%;
    height:100%;
}
.container{
    width: 80%;
    height: 100%;
    margin:auto;   
    
    box-sizing: border-box;
}
.container2{
  width: 80%;
  margin:auto;
  overflow: auto;
}
.containerfull{
    width: 100%;
    margin:auto;
    
    overflow: auto;
}

#main-header{
    background-color: rgb(155, 10, 10);
    color: #fff;
    width: 100%;
    margin:0px;
}
#navbar2{
  text-align: center;
  background-color: #333;
  color:#fff;
  
  font-family: arial;
  font-size: 2vw;
}
#navbar{
    
    background-color: #333;
    color:#fff;
    margin: 0%;
    font-family: arial;
    font-size: 1.5vw;
  
}
#navbar ul{
    padding: 0;
    list-style:circle;
}
#navbar li{
    display: inline;
}
#navbar a{
    color:#fff;
    text-decoration: none;
    font-size: 1.5vw;
    padding-right: 20px;
}
#navbar1 a{
  color:rgb(95, 3, 3);
  text-decoration: none;
  
  font-size: 1.5vw;
  padding: 0px;
  
}
#navbar1 li{
  padding-right: 0px;
  margin: 0px;
  list-style:circle ;
}
#showcase {
    background-image: none;
    background-position: center right;
    min-height: 300px;
    margin-bottom:30px ;
}
h1
{
  padding: 5px;
  font-family: arial;
  font-size: 2vw;
}
h1.wopad
{
  padding: 0px 0px 0px 0px;  
  margin: 25px 0px 0px 0px;
  font-family: arial;
  font-size: 2vw;
}
h1.pad5px
{
  padding: 5px 5px 5px 5px;  
  margin: 25px 0px 0px 0px;
  font-family: arial;
  font-size: 2vw;
}

h2
{
  padding: 0;
  margin: 0;
  font-size: 2.5vw;
}
#showcase h1{
    color:#fff;
    font-size: 50px;
    line-height: 1.1em;
    padding-top: 20px;
}
#main{
    float:left;
    width: 60%;
    height: 100%;
    
    box-sizing: border-box;
    overflow: auto;
}
#sidebar{
    float:right;
    
    width: 30%;
    height: 100%;
    padding:10px;
    background:rgb(178, 206, 241);
    color:rgb(243, 105, 105);
    box-sizing: border-box;
}
#leftbar{
    float:left;
    width: 20%;
    padding:5px 15px 5px 15px ;
    height:100%;
    background:rgb(178, 206, 241) ;
    color:rgb(53, 3, 3);
    box-sizing: border-box;
    overflow: auto;
}
#rightbar{
  float:right;
  width: 20%;
  height:100%;
  padding:5px 15px 5px 15px ;
  background:rgb(178, 206, 241) ;
  color:rgb(53, 3, 3);
  box-sizing: border-box;
  overflow: auto;
}
#main-footer{
background:#333;
color: rgb(209, 26, 26);
text-align:center;
}

.box33L {
    width: 33%;
    height: 100%;
    float: left;
    background-color: rosybrown;
    border-collapse: collapse;
}
.box33C {
    width: 33%;
    height: 100%;
    float:none;
    background-color: rosybrown;
    border-collapse: collapse;
}
.box33R {
    width: 33%;
    height: 100%;
    float: right;
    background-color: rosybrown;
    border-collapse: collapse;
}
.mainbox {
    width: 100%;
    height: 100%;
    padding: 5px 15px 5px 15px;
    float: left;
    background-color: rgb(241, 231, 231);
    border-collapse: collapse;
}
input[type=button], input[type=submit], input[type=reset] {
  
  background-color: white;
  color: black;
  width: 10%;
  border: 2px solid royalblue;
  margin: 0%;
  font-size: 1.5vw;
  text-align:center;

}
.mainboxhalf {
    width: 49.5%;
    height: 430px;
    border:2px solid rgb(100, 97, 245);
    margin: 0;
    float: left;
    text-align: center;
    background-color: rgb(73, 4, 4);
    border-collapse: collapse;
    color: #f4f4f4;
}
.mainboxhalf_c_r {
  width: 49.5%;
  height: 450px;
  border:2px solid rgb(100, 97, 245);
  margin: 0;
  float: left;
  text-align: center;
  background-color: rgb(73, 4, 4);
  border-collapse: collapse;
  color: #f4f4f4;
}

.leftpane {
    width: 26%;
    height: 100%;
    float: left;
    background-color: royalblue;
    border-collapse: collapse;
}

.middlepane {
    width: 44%;
    height: 40%;
    float: left;
    text-align: center;
    background-color: royalblue;
    border-collapse: collapse;
}

.rightpane {
  width: 30%;
  height: 100%;
  
  float: left;
  background-color: royalblue;
  border-collapse: collapse;
}
.pane15 {
  width: 15%;
  height: 100%;
  
  float: left;
  background-color: royalblue;
  border-collapse: collapse;
}
.pane30 {
  width: 30%;
  height: 100%;
  
  float: left;
  background-color: royalblue;
  border-collapse: collapse;
}
.toppane {
  width: 100%;
  height: 100px;
  border-collapse: collapse;
  background-color: #4da6ff;
}


.button {
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1.5vw;
    margin: 1px 1px;
    transition-duration: 0.4s;
    cursor: pointer;
  }
  .buttonL {
    background-color: white;
    color: black;
    border: 4px solid #4CAF50;
    font-size: 1.5vw;
    
    width: 90%;
    height: 82px;
  }
  .button1 {
    background-color: white;
    color: black;
    width: 100%;
    height: 60px;
    border: 4px solid royalblue;
    font-size: 18px;
    text-align:center;
    
  }
  table {
    font-family: arial;
    border-collapse: collapse;
    width: 100%;
  }
  
   td, th {
    border: 1px solid #dddddd;
    text-align: center;
    padding: 4px 4px;
    
  }
  thead{
    background-color: #dddddd;
    width: 100;
    border: 1px;
    padding: 4px 4px ;
  }

  tr:nth-child(even) {
    background-color: #dddddd;
    width: 100;
    padding: 8px 8px 8px 8px;
  }
  .buttonA {
    background-color: white;
    color: black;
    width: 100%;
    height: 30px;
    border: 4px solid royalblue;
    font-size: 1.5vw;
    text-align:center;
    
  }
 
  .button11 {
    background-color: white;
    color: black;
    width: 31%;
    border: 4px solid royalblue;
    margin: 0%;
    font-size: 1.5vw;
    text-align:center;
    
  }
  
  .button1:hover {
    background-color: rgb(178, 206, 241) ;
    color: rgb(73, 4, 4);
  }
   .button11 {
    background-color: white;
    color: black;
    width: 31%;
    border: 4px solid royalblue;
    margin: 0%;
    font-size: 1.5vw;
    text-align:center;
    
  }
  
  .button1:hover {
    background-color: rgb(178, 206, 241) ;
    color: rgb(73, 4, 4);
  }
  .form-submit-button {
    background:#0066A2;
    color:white;
    border-style:outset;
    border-color:#0066A2;
    height:50px;
    width:100px;
    font:bold 1.5vw arial;
    text-shadow:none;
}
  .buttonA:hover {
    background-color: rgb(178, 206, 241) ;
    color: rgb(73, 4, 4);
  }
  .button11:hover {
    background-color: rgb(178, 206, 241) ;
    color: rgb(73, 4, 4);
  }
  .buttonL:hover {
    background-color: #4CAF50;
    color: white;
  }
  .button2 {
    background-color: white;
    color: black;
    border: 2px solid #008CBA;
  }
  
  .button2:hover {
    background-color: #008CBA;
    color: white;
  }
  


  

  select[type=text], input[type=date], input[type=text], input[type=password] {
    width: 30%;
    padding: 2px 2px;
    margin: 2px ;
    text-align: center;
    font-size: 1.5vw;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
  }
  .select70[type=text], .input70[type=file],.input70[type=submit], .input70[type=date], .input70[type=text], .input70[type=password] {
    width: 60%;
    padding: 2px 2px;
    margin: 2px ;
    text-align: center;
    font-size: 1.3vw;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
  }
  .select40[type=text], .input40[type=submit], .input40[type=date],.input40[type=file], .input40[type=text], .input40[type=password] {
    width: 40%;
    padding: 2px 2px;
    margin: 2px ;
    text-align: center;
    font-size: 1.3vw;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
  }
  .select20[type=text], .input20[type=submit],.input20[type=file], .input20[type=date], .input20[type=text], .input20[type=password] {
    width: 20%;
    padding: 2px 2px;
    margin: 2px ;
    text-align: center;
    font-size: 1.3vw;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
  }
  .buttons {
    background-color: #04AA6D;
    color: white;
    padding: 4px;
    margin: 2px;
    border: none;
    cursor: pointer;
    width: 15%;
    font-size: 1.3vw;
  }

  .buttons80 {
    background-color: #04AA6D;
    color: white;
    padding: 4px;
    margin: 2px;
    border: none;
    cursor: pointer;
    width: 80%;
    font-size: 1.5vw;
  }
  
  button:hover {
    opacity: 0.8;
  }
  
  .cancelbtn {
    width: auto;
    padding: 10px 18px;
    background-color: #f44336;
  }
  
  .imgcontainer {
    text-align: center;
    margin: 24px 0 12px 0;
  }
  
  img.avatar {
    width: 40%;
    border-radius: 50%;
  }
  a {
    text-decoration: none;
    color:#0066A2
  }