body{width:100%;  
    font-family:     "Arial", "Helvetica",  "SF Pro Text", Georgia , 'sans-serif',"SF Pro Icons" 
            ,sans-serif;
    color:rgba(2, 19, 2, 0.61);
    font-size:100%;    
    margin:0px;   
}

@media print {
    body{ color:black; background-color: #fff;}
    #loginmenu, #footer {display:none;}
}

table {margin:0 auto; align-self: center; }
table, tr, th, td {border-collapse:collapse;border-spacing:0 ; }  
td {text-align: left; border-left-style: none; border: 1px solid #dedede; }
tr:nth-child(even) {background-color: white ;}
tr:nth-child(odd) {background-color: rgb(238, 245, 240);}
 
.tdHeader{font-weight:normal; color:rgb(22, 65, 10);background-color:rgb(236, 240, 235);}

.row:after {
  content: "";
  display: table;
  clear: both;
}



/* footer stuff:  https://www.freecodecamp.org/news/how-to-keep-your-footer-where-it-belongs-59c6aa05c59c/ */

/* menu stuff */
ul {
  list-style-type: none;
  margin: 0;
  padding: 5px;
  overflow: hidden;
}


li {
  float: left; 
 /* border: 1px solid #ddd; */
}

li a, .dropbtn {
  display: inline-block;
  color: rgb(11, 146, 34);
  text-align: center;
  /*padding: 10px 14px; */
  background-color:inherit;
   padding: 5px;

  text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
  background-color: white;
  color:rgb(78, 194, 78);
}

li.dropdown {
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
    color: rgb(73, 122, 63);  
  /* padding: 12px 16px; */
  padding: 6px 8px; 
  text-decoration: none;
  display: block;
  text-align: left;
}

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

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

/* end of menu stuff */

fieldset {
   padding-left:10px;float:left; border:1px; border-style:dotted;  
   border-color:rgb(135, 202, 135);
   border-radius:5px; 
  }

fieldset legend {
    background:white;
    color: green;
    padding: 2px 5px ;  
    border-radius: 5px;
    box-shadow: 0 0 0 2px rgb(228, 233, 220);
    margin-left: 20px;
     
}
.gvStyle th {font-weight:normal } 
.welcome1 {color:green;text-align:center; font-size:20px;}
.welcome2 {color:green;text-align:center;font-size:30px;}
.welcome3 {color:green;text-align:center;font-size:20px;}

.tdHeader1{font-size:18px; border-top-style:dotted;
          border-width:1px;background-color:#86B07B
          /* #8CD579 #86B07B #86B07B*/
}
.tdHeader{font-weight:normal; color:rgb(22, 65, 10);background-color:rgb(236, 240, 235);}

#login{
  width:250px;
  background: #aae2af; 
  border: 1px solid #ccc;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  border-top: 1px solid #ddd;
  padding: 2em 2em;
  margin: 0 auto;
  /*
  -webkit-box-shadow: 3px 7px 5px #000;
  -moz-box-shadow: 3px 7px 5px #000;
  -ms-box-shadow: 3px 7px 5px #000;
   box-shadow: 3px 7px 5px #000; */
 }



 #loginmenu{
  clear: both;
  text-align: center;
  margin: 0px;      
}
#page {   
  position: relative;
  min-height: 100vh;  
}

 
#header{   
  width:100%;                   
  background-color: inherit ; 
  text-align: center; 
  border-bottom-color:rgb(224, 238, 224);
  border-bottom-style: solid;
  border-width:1px;  
}
#header2{   
  max-width:600px;    
  margin: 0 auto;                
  /* border-bottom-color:rgb(113, 172, 113); 
  border-bottom-style: solid; */
}

 #content{  
    padding-top:20px;
    padding-bottom: 2.5rem;    /* Footer height */ 
    text-align: center;   
   /*  border: 1px solid blue; */   
}
#content-sub{  
  display:inline-block; max-width:600px;  
}
 
#footer{   
  position: absolute;
  bottom: 0;
  width:100%;
  height: 2.5rem;            /* Footer height */ 
  background-color: inherit; 
  color: green;
  text-align: center;
  padding-top:5px;

  border-top-color:rgb(224, 238, 224);
  border-top-style: solid;
  border-width:1px;
   
}

 ul > li {
  padding: 0.10em 0.5em;
}

label {
  display: block;
   float: left; 
  width: 120px; 
 }

 
   
  input[type=text],  
  input[type=password]
  {
    border: 1px solid #f5f5f5;
    background-color: inherit;    
    padding:1px 5px;
    margin: 1px 0;
    border-radius: 4px; 
  }

  input[type=submit],
  input[type=reset]
  {
    border: 1px solid #dedede;
    background-color: inherit;     
    padding:5px 15px;
    margin: 2px 0;
    border-radius: 4px; 
    font-size:x-large;
    color:green;
  }
  input[type=submit]:hover,
  input[type=reset]:hover
  {
    border: 1px solid #dedede;
    background-color: green;
    color:whitesmoke;
     
    padding:5px 15px;
    margin: 2px 0;
    border-radius: 4px; 
    font-size:x-large;
    
  }
  
  /*
  table{border-collapse:collapse;border-spacing:0}
  .btn {border:1px solid green; background-color:inherit; color:green;font-size:x-large }
.btn:hover{border:1px solid green; background-color:green; color:white;font-size:x-large }
 */
 .divider--fullwidth{max-width:none;width:100%;max-width:none}
 .divider-hr,hr{border:0;height:0;margin:0;border-bottom:1px solid #dedede}

  textarea {
    border: 1px solid #dedede;
    padding:3px 5px; 
    box-sizing: border-box;
    border-radius: 4px;    
  } 
 
  h2, h3, h4, h5, strong {color: #89a88d;  }
  hr {opacity: 0.25;}



  select {
     width:150px; 
    padding:1px 1px;  
    border: 1px solid #dedede;
    border-radius: 4px;
     
  }

  .bank{ width:70px;}
  .bank  option {width:70px;}
  .payeetext{padding:10px;width:100px;}
   

select option { padding:10px 15px;}  
  
img { max-width:90%; height: auto;} 

input[type="file"] {
  display: none;
}
.custom-file-upload {
  border: 1px solid #ccc;
  display: inline-block;
  padding: 12px 12px;
  cursor: pointer;
  border-radius: 4px; 
  margin: 5px 0;
}
 

#inner-div {
  display: inline-block;
  margin: 0 auto;
   padding:1px;
   
  /* width:200px; 
   
   text-align:left; 
   
    color:silver; 
   border: 1px solid gray ;      
    background-color:#004d00; */
}
/* search stuff */
 /* Formatting search box */
 .search-box{
  width: 200px; 
  position: relative;
  display: inline-block;
  font-size: 13px;
 
}
.search-box input[type="text"]{

  padding: 12px;
  border: 1px solid #CCCCCC;
  font-size: 17px;
  border-radius: 4px;  
}
.result{
  padding-top: 40px;
  position: absolute;        
  z-index: 999;
  top: 100%;
  left: 0;
}
.search-box input[type="text"], .result{
  width: 100%;
  box-sizing: border-box;
}
/* Formatting result items */
.result p{
  margin: 0;
  padding: 7px 10px;
  border: 1px solid #CCCCCC;
  border-top: none;
  cursor: pointer;
}
.result p:hover{
   background:rgb(181, 214, 172); 
}