body{
	margin:0px;
  height: 100%;
}
/* #headerwrapper {
	position: relative;
	padding: 0;
	margin: 5px;
	overflow: hidden;
	height: 400px;
	background-image: url(../images/m1.jpg);
	background-repeat: no-repeat;
	background-size:100% 700px;
	background-position: top center;
	background-attachment: fixed;
} */

.img-thumb{
	height: 200px;
	width: auto;
}

#footer{
	margin-top: 50px;
	margin-bottom: 50px;

}



.navbar{
  color: #fff;
 
}

.nav-item{
  color: #ffff;
}

.nav-link{
  color: #fff;
}

img.details{
	width: 50%;
	margin: 15px auto;
	height: 200px;


}
img.img-responsive{
	height: 800px;
}


.vertical-menu {
  width: 200px;
}

.vertical-menu a {
  background-color: #eee;
  color: black;
  display: block;
  padding: 12px;
  text-decoration: none;
}

.vertical-menu a:hover {
  background-color: #ccc;
}

.vertical-menu a.active {
  background-color: #4CAF50;
  color: white;
}



.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color:#d9d9d9;
  color: white;
  text-align: center;
}

.table-wrapper{
  overflow-y: auto;
  height:260px;
  margin-top: 2px;
  margin-bottom:2px; 
}

.table-wrapper th{
    position: sticky;
    top: 0;
    border:1px solid #000; 
}

/* A bit more styling to make it look better */
.table-wrapper{
  background: #fff;
}

.table-wrapper2 {
  height: 500px;
  overflow-y: scroll;
  overflow-x: auto;
  margin-top: 2px;
  margin-bottom:2px; 
}


.table-wrapper2 th{
    position: sticky;
    top: 0;
    border:1px solid #000; 
}

/* A bit more styling to make it look better */
.table-wrapper2{
  background: #fff;
}

.table-wrapper3{
  overflow-y: auto;
  height:250px;
  margin-top: 2px;
  margin-bottom:2px; 
}

.table-wrapper3 th{
    position: sticky;
    top: 0;
    border:1px solid #000; 
}

/* A bit more styling to make it look better */
.table-wrapper3{
  background: #fff;
}

.table-wrapper4{
  overflow-y: auto;
  height:210px;
  margin-top: 2px;
  margin-bottom:2px; 
}

.table-wrapper4 th{
    position: sticky;
    top: 0;
    border:1px solid #000; 
}

/* A bit more styling to make it look better */
.table-wrapper4{
  background: #fff;
}



.table-wrapper5{
  overflow-y: scroll;
  height:400px;
  margin-top: 2px;
  margin-bottom:2px; 
}

.table-wrapper5 th{
    position: sticky;
    top: 0;
    border:1px solid #000; 
}

/* A bit more styling to make it look better */
.table-wrapper5{
  background: #fff;
}

.table-wrapper6{
  overflow-y: scroll;
  height:150px;
  margin-top: 2px;
  margin-bottom:2px; 
}

.table-wrapper6 th{
    position: sticky;
    top: 0;
    border:1px solid #000; 
}

/* A bit more styling to make it look better */
.table-wrapper6{
  background: #fff;
}

.table-wrapper7{
  overflow-y: auto;
  height:195px;
 
  
}
.close {
  position: absolute;
  right: 32px;
  top: 32px;
  width: 32px;
  height: 32px;
  opacity: 0.3;
}
.close:hover {
  opacity: 1;
}
.close:before, .close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #000;
}
.close:before {
  transform: rotate(45deg);
}
.close:after {
  transform: rotate(-45deg);
}

.table-wrapper7 th{
    position: sticky;
    top: 0;
    border:1px solid #000; 
}

/* A bit more styling to make it look better */
.table-wrapper7{
  background: #fff;
}

.table-wrapper8{
 
  height:170px;
  margin-top: 2px;
  
}
.table-wrapper8 th{
    position: sticky;
    top: 0;
    border:1px solid #000; 
}

/* A bit more styling to make it look better */
.table-wrapper8{
  background: #fff;
}
.table-wrapper9{
  overflow-y: auto;
  height:185px;
  margin-top: 1px;
  
}

.table-wrapper9 th{
    position: sticky;
    top: 0;
   
    border:1px solid #000; 
}

/* A bit more styling to make it look better */
.table-wrapper9{
  background: #fff;
}

.table-wrapper10{
  overflow-y: auto;
  height:450px;
  margin-top: 2px;
  margin-bottom:2px; 
}

.table-wrapper10 th{
    position: sticky;
    top: 0;
    border:1px solid #000; 
}

/* A bit more styling to make it look better */
.table-wrapper10{
  background: #fff;
}

.table-wrapper11{
  overflow-y: scroll;
  height:350px;
  margin-top: 2px;
  margin-bottom:2px; 
}

.table-wrapper11 th{
    position: sticky;
    top: 0;
    border:1px solid #000; 
}

/* A bit more styling to make it look better */
.table-wrapper11{
  background: #fff;
}


label {
  width: 100%;
  color:#000;  
  font-size: 17px;
   font-family: 'Castoro', serif;
   font-weight: bolder;
     opacity: 1.0;
     margin: 0px;
     padding: 5px;
}
input[type=text], select, textarea {
  width: 100%;
  padding: 5px;
  border:1px solid lightgray;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 2px;
  margin-bottom:2px;
  resize: vertical;

}


 
.img1{
  width: 200px;
  }
input[type=submit] {
  background-color: #ED428E;
  color:#5F0434;
  padding: 10px 12px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
   background-color: #ED428E;
}
form.example input[type=text] {
  padding: 10px;
  font-size: 17px;
  border: 1px solid grey;
  float: left;
  width: 80%;
  background: #fff;
}

form.example button {
  float: left;
  width: 20%;
  padding: 10px;
  margin-top:2px; 
  background: #2196F3;
  color: white;
  font-size: 17px;
  border: 1px solid grey;
  border-left: none;
  cursor: pointer;
}

form.example button:hover {
  background: #0b7dda;
}

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

/*Table*/
#customers {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;

  
  background-color: #fff;
  
}

#customers td, #customers th {
 border: 1px solid gray;
  text-align: center;
  
  padding: 4px 8px;
}
#customers tr:nth-child(even){background-color: #F7D5E9;}

#customers tr:hover {background-color: #DEDEDE;}

#customers th {
 
 
  background-color: lightgray; 
  color: black;
  
}

/*Table2*/
#customers2 {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;

  
  background-color: #fff;
  
}

#customers2 td, #customers2 th {
 border: 1px solid gray;
  text-align: center;
  
  padding: 4px 8px;
}
#customers2 tr:nth-child(even){background-color: #F7D5E9;}

#customers2 td:hover {background-color: #DEDEDE;}

#customers2 th {
 
 
  background-color: #F7E0C1; 
  color: black;
  
}

/*Accounting*/
.heading{
  color:black;
  font-family: 'Castoro', serif;
  text-align: center;
  padding: 0px 5px 0px 5px;
  margin-top: -20px;
  background-color: #D2D2D2;

}
.formbg{
  
  background-color:#F6F6F6;
margin-top: -5px;
padding: 10px;
  text-align: left;
border-radius: 4px;
border: 1px solid gray;
}

.box{
  background-color: #ddd;
  border: 2px inset #fff;
  padding: 5px 0px;
  margin: 2px 0px;
  
}

.box2{
  background-color: #ddd;
  border: 2px inset #fff;
  padding: 5px 0px 0px 0px;
  margin-bottom:0px;

}

.box3{
  background-color: #95A1AC;
  border: 2px inset #fff;
  padding: 5px 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.box4{
  background-color: #FEFEB4;
  border: 2px inset #fff;
  padding: 0px ;
  margin: auto;
  height: 40px;
}
.box5{
  background-color: #95A1AC;
  border: 2px inset #fff;
  padding: 5px 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.table-wrapper12 {
  overflow-y: auto;
  height:450px;
  margin-top: 2px;
  margin-bottom:7px; 
}

.table-wrapper12 th{
    position: sticky;
    top: 0;
    border:1px solid #000; 
}
.table-wrapper12{
  background: #fff;
}

/* A bit more styling to make it look better */
.table-wrapper21{
  background: #fff;
}

.table-wrapper21{
  overflow-y: auto;
  height:362px;
  margin-top: 2px;
  margin-bottom:2px; 
}

.table-wrapper21 th{
    position: sticky;
    top: 0;
    border:1px solid #000; 
}

/* A bit more styling to make it look better */

.table-wrapper31{
  overflow-y: auto;
  height:411px;
  margin-top: 2px;
  margin-bottom:6px; 
}

.table-wrapper31 th{
    position: sticky;
    top: 0;
    border:1px solid #000; 
}

/* A bit more styling to make it look better */
.table-wrapper31{
  background: #fff;
}

.table-wrapper41{
  overflow-y: auto;
  height:273px;
  margin-top: 2px;
  margin-bottom:2px; 
}

.table-wrapper41 th{
    position: sticky;
    top: 0;
    border:1px solid #000; 
}

/* A bit more styling to make it look better */
.table-wrapper41{
  background: #fff;
}

.table-wrapper51{
  overflow-y: auto;
  height:169px;
  margin-top: 2px;
  margin-bottom:6px; 
}

.table-wrapper51 th{
    position: sticky;
    top: 0;
    border:1px solid #000; 
}

/* A bit more styling to make it look better */
.table-wrapper51{
  background: #fff;
}

.close {
  position: absolute;
  right: 32px;
  top: 32px;
  width: 32px;
  height: 32px;
  opacity: 0.3;
}
.close:hover {
  opacity: 1;
}
.close:before, .close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #000;
}
.close:before {
  transform: rotate(45deg);
}
.close:after {
  transform: rotate(-45deg);
}

.btn1{
  width: 50px;
  font-size: 17px;
 margin-top: 4px;
 padding: 0px;
}

.btn2{
  width: 30px;
  font-size: 20px;
 padding: 0px;
 
}
.btn{
  width: 130px;
  color: #fff;
  font-size: 18px;
  margin:10px 5px; 
  padding: 2px;
  
  border:1px solid black;
   font-family: 'Castoro Slab', serif;
}