

.mainbox1 {
    border-radius: 4px;
    height: 60%; 
    margin: 5px; 
}
.tabmain1 { 
    border-radius: 4px;
    padding-left: 5px; 
    padding-top: 2px;
    height: 8%; 
}
.contentmain1 {
    height: 84%; 
    margin: 5px; 
    padding-left:5px;
    padding-top: 2px; 
}
.mainbox2 {
    border-radius: 4px;
    height: 40%; 
    margin: 5px; 
}
.tabmain2 {
    border-radius: 4px;
    padding-left: 5px; 
    padding-top: 2px;
    height: 8%;
}
.contentmain2 {
    height: 84%; 
    margin: 5px; 
    padding-left:5px;
    padding-top: 2px; 
    overflow-y: scroll;
}

.contentmain2::-webkit-scrollbar {
  width: 17px;
  background-color: rgb(219, 219, 226);
  box-shadow: inset 0px 0px 5px rgb(155, 153, 153);
  
}

.contentmain2::-webkit-scrollbar-thumb {
  background-color: rgb(192, 192, 235);
  border-style: outset;
  
}

::-webkit-scrollbar-button:single-button {
  background-color: rgb(178, 178, 245); 
  border-style:outset;
  
}