html{
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    /*background-color: #1a874a;*/
    float: inside;
    background-color: whitesmoke;
        
}
body{
    font-family: "Times New Roman", Times, serif;
    font-size: 1vw;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}
#m{ 
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}
#m1{ 
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    background-color: whitesmoke;
}
#m2{
    /*box-sizing: border-box;
    /*position: absolute;*/
    /*margin: 1%;*/
    margin-left: auto;margin-right: auto;
    padding: 0;
    height: 99.75%;/*height: 96%;*/
    width: 98%;
    background-color: white;
    /* background-color: #EEE8AA;
    border-radius: 15px 15px 15px 15px;display: none;*/
}

#h{
    width: 100%;
    height: 10%;
    background-color: #00AB4E;/*#18ad49 #1a874a;*/
    /*border-radius: 15px 15px 0px 0px;*/
    border: none;
    overflow: hidden;
    border-radius: 10px 10px 0px 0px;
}
#sh{
    width: 100%;
    border: none;
    overflow: hidden;
}
#sf{
    width: 100%;
    border: none;
    overflow: hidden;
}
#smo{
    width: 18%;
    height: 100%;
    background-color: #034EA2;/* #166fbf;blue;*/
    border: none;
    float: left;
    margin-left: 0%;
    color: white;
    overflow: hidden;
    font-size: 1.2vw;
}
#bo{
    width: 100%;
    height: 82%;
    border: none;
    
}
#b{
    width: 81%;
    height: 100%;
    margin-left: 1%;
    border: none;
    overflow-y: scroll;
    float: right;
    background-color: white;
    
    
}
#nb{
    width: 81%;
    height: 100%;
    margin-left: 1%;
    border: none;
    overflow-y: scroll;
    float: right;
    background-color: white;
    font-size: 12px;
    
    
}
#f{
    height: 4%;
    width: 100%;
    /*background-color: #EEE8AA;*/
    background-color:  #00AB4E;/*#1a874a;*/
    /*border-radius: 0px 0px 15px 15px;*/
    border: none;
    overflow: hidden;
    color: white;
    border-radius: 0px 0px 8px 8px;
    font-size:1vw;
}


#nwh{
    width: 100%;
    height: 3%;
    background-color: #EEE8AA;
    /*background-color: #1a874a;*/
    border-radius: 10px 10px 0px 0px;
    margin-top: 0px;
    border: none;
    overflow: hidden;
}
#nwb{
    width: 100px;
    height: 95%;
    background-color: ivory;
    border: none;
    overflow-y: scroll;
    
}

#nwf{
    height: 2%;
    width: 100%;
    background-color: #EEE8AA;
    /*background-color: #1a874a;*/
    border-radius: 0px 0px 10px 10px;
    font-size: .8vw;
    border: none;
    overflow: hidden;
}


* {
  scrollbar-width: thin;
  scrollbar-color: orange transparent;;
}
*::-webkit-scrollbar {
  width: 12px;
}
*::-webkit-scrollbar-track {
  background:  transparent;
}
*::-webkit-scrollbar-thumb {
  background-color: orange;
  border-radius: 20px;
  border: 3px solid transparent; 
}
#h2m2s1{
    width: 50%;
    float: left;
    
}
#h2m2s11{
    width: 50%;
    float: left;
}
#h2m2s12{
    width: 50%;
    float:right;
}
#h2m2s2{
    width: 50%;
    float:right;
}
#h2m2s21{
    width: 90%;
    float:left;
    height:20px;
}
#h2m2s22{
    width: 10%;
    float:right;
}

/* this stuff below doesn't
   affect scrollbar styling 
html {
  background: lightgrey;
  overflow: hidden;
}
body {
  height: 100vh;
  background: whitesmoke;
  overflow-y: auto;
  margin: 0 auto;
  padding: 2rem;
  font: 100%/1.4 serif;
  border: 1px solid rgba(0, 0, 0, 0.25);
}
p {
  margin: 0 0 1.5em;
}
* {
  box-sizing: border-box;
}
*/