div#load_screen {
     background: #d6dfea;
     opacity: 1;
     position: fixed;
     z-index: 10;
     top: 0px;
     width: 100%;
     height: 100%;
 }
 div#load_screen > div#loading {
     color: #FFF;
     width: 120px;
     height: 24px;
     margin: 300px auto;
 }



 /* navbar header */
 ul.topnav {
     list-style-type: none;
     margin: 0;
     padding: 0;
     overflow: hidden;
     background-color: #000000;
 }
 ul.topnav li {
     float: left;
 }
 ul.topnav li a {
     display: block;
     color: white;
     text-align: center;
     padding: 14px 16px;
     text-decoration: none;
 }
 ul.topnav li a:hover:not(.active) {
     background-color: white;
     color: black;
 }
 ul.topnav li a.active {
     background-color: #000000;
 }
 ul.topnav li.right {
     float: right;
 }
 /* end of navbar*/


     /*do not delete mobile responsive top nav     */
 /* for small screens*/
@media screen and (max-width: 767px) {
     
/*
     .navbar-brand {
         height: 60px;
         padding-top: 0px;
         padding-left: 7px;
     }
*/
    
    /*     do not delete mobile responsive top nav header    */
     ul.topnav li.right,
     ul.topnav li {
         float: none;
     }
}