/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
@font-face {
  font-family: Unispace Rg; /* set name */
  src: url(unispace/Unispace\ Rg.otf); /* url of the font */
}
@font-face {
  font-family: Unispace Bd; /* set name */
  src: url(unispace/Unispace\ Bd.otf); /* url of the font */
}
.box {
    border: 1px dotted #0000003a;
    text-align: left;
    margin: 6%;
    padding: 4%;
    margin-top: 0%;
}

body {
  background-color: white;
}

body{
    width: available;
    height: available;
}

.container{
    width: available;
    height: available;
    margin-bottom:15%;
    margin-left:15%;
    margin-right:15%;
    margin-top:5%;
}

.leftpane{
    
    width: 30%;
    min-width: 25%;
    height: available;
    font-family: Unispace Bd;
     font-size:  100%;
    min-height: 400px;
    float: left;
    background-color: rgba(188, 143, 143, 0);
    border-collapse: collapse;
    text-align:left;
    margin-bottom: 5%;
}

.middlepane{
   width: 60%;
   margin-top: 2%;
   min-width: 50%;
   height: available;
   font-size:100%;
   min-height: 600%;
   float: left;
   background-color: rgba(65, 105, 225, 0);
   border-collapse: collapse;
   text-align: center;
   margin-bottom: 5%;
}

.toppane{
    font-family: Unispace Bd;
    font-size:  150%;
    width: available;
    height: 1%;
    border-collapse: collapse;
    background-color: #4da6ff00;
    text-align: left;
}