.appheader {
    background: #000;
    height: 65px;
}


 #main{
  margin:10px 30px 0px;
  }
.collapsible {
  background-color: #e34040;
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 4px;
  width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
margin: auto;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}

.active, .collapsible:hover {
  background-color: #e34040;
}

.content {
   display: block;
  overflow: hidden;
  
}
.collapsible i{
float:right;
font-size:40px;
line-height: 23px;
}
.content tr, th, td{
padding:10px;
}
.content table, tr, td, th{
border: 1px solid #b7b7b7;
font-size: 15px;
color: black;	
}
.lc{
color: black;
width: max-content;
padding: 10px;
border-radius: 6px;
font-size: 15px;
}
tr:nth-child(even) {
    
    background-color:beige;
}
th, td:nth-child(even) {

text-align:center;
}
@media (min-width:200px) and (max-width:500px){
 #main{
  margin:10px;
  }
}