.m {
   height: 80%;
   width: 70%;
   border: none;
   border-radius: 0%;
   font-size: 80%;
   background-color:  #999;
   color: white;
 }
#h {
   position:absolute;
   top:0%;
   left:0%;
   width:100%;
   height: 5%;
   background-color: #999;
  }
#list {
   position:absolute;
   top:5%;
   left:0%;
   width:20%;
   height: 90%;
   overflow-y: auto;
   overflow-x: hidden;
   background-color: #ddd;
  }
#edit {
   position:absolute;
   top:5%;
   left:20%;
   width:80%;
   height: 95%;
   overflow-y: auto;
   overflow-x: hidden;
   background-color: #f6f6f6;
  }
iframe {
    position: relative;
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%;
  }
strong {
    position: relative;
    top: -30%;
    left: 0%;
   }
.page {
   width: 100%;
   height: 20%;
}
#add {
   position:absolute;
   top:95%;
   left:0%;
   width:20%;
   height: 5%;
   background-color: #ccc;
   border-color: #ccc;
   font-size: 25px;
   color: black
  }
header { background-color: white; }
#bg {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 15%;
    border-bottom: 1px solid black;
   }
#el {
    position: absolute;
    top: 15.1%;
    left: 0%;
    width: 100%;
    height: 45%;
    overflow: auto;
   }
.bgs { background-color: #f6f6f6; width: 70%; }
 .sj { border-bottom: 0.5px solid black; }
#search {
   position:fixed;
   top:14%;
   left:27%;
   z-index:2;
  display:none;
  width:56%;
  background-color:#eee;
  height:30%;
  overflow-x:hidden;
  overflow-y:auto;
  }
#sc {
    position: absolute;
    top: 65.2%;
    left: 0%;
    width: 100%;
    height: 34.8%;
   }
#ade {
    position: absolute;
    top: 60.1%;
    left: 0%;
    width: 50%;
    height: 5%;
    border-bottom: 1px solid black;
    font-size: 25px;
    background-color:  #f6f6f6;
    color: black;
   }
pre {
    width: 100%;
    height: 85%;
    border: 1px solid black;
    overflow: auto;
    }
#sube {
    position: absolute;
    top: 60.1%;
    left: 50%;
    width: 50%;
    height: 5%;
    border-bottom: 1px solid black;
    font-size: 25px;
    background-color:  #f6f6f6;
    color: black;
   }
#toast {
   position: absolute;
   z-index: 100;
   top: 80%;
   left: 40%;
   width: 20%;
   height: 3%;
   border: 1px solid dodgerblue;
   border-radius: 5px;
   background-color: dodgerblue;
   color: white;
   text-align: center;
   display: none;
   font-size: 80%;
   }
#sh {
   position:fixed;
   top:30%;
   left:27%;
   z-index:2;
  display:none;
  width:20%;
  background-color:#eee;
  height:30%;
  overflow-x:hidden;
  overflow-y:auto;
  }