/* ============ desktop view ============ */
@media all and (min-width: 992px) {
   .dropdown-menu li{ position: relative; }
   .nav-item .submenu{
      display: none;
      position: absolute;
      left:100%; top:-7px;
   }
   .nav-item .submenu-left{
      right:100%; left:auto;
   }
   .dropdown-menu > li:hover{ background-color: #f1f1f1 }
   .dropdown-menu > li:hover > .submenu{ display: block; }

   #main_nav{
      position: absolute; top: 40px; left: 140px
   }
}
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
   .dropdown-menu .dropdown-menu{
      margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
   }
}
/* ============ small devices .end// ============ */

body{ 
   margin:0px; 
   padding:0px;
}

#main{
   position: relative;
   left:10px;
   top:10px;
   height:calc(100vh - 100px);
   width: calc(100vw - 20px);
   background-color:#fff;
}

#hos_header {
   right:75;
   top:1rem;
}

#hos_header a{
   color:rgba(0, 0, 0, 0.55);
   text-decoration: none;
}

#hos_header a:hover{
   color:red;
   text-decoration: none;
}

.dropdown-item{
   white-space: nowrap;
}
     
.nav-link{
   white-space: nowrap;
}

.login_page{
   border-bottom:1px solid #eee;
   padding:10px 0px;
   width:100%;
   text-align:center;
}

.login_page_font{
   font-family: Times;
}

.login_page_entry{
   outline:none;
   padding:10px;
   display:block;
   width:300px;
   border-radius: 3px;
   border:1px solid #eee;
   margin:20px auto;
}

.login_page_submit{
   padding:10px;
   color:#fff;
   background:#0098cb;
   width:320px;
   margin:20px auto;
   margin-top:0px;
   border:0px;
   border-radius: 3px;
   cursor:pointer;
}

.home_style{
   position: absolute;
   top: 5px;
   left: 150px
}

.home_iframe_style{
   width: 100%;
   height: 100%;
   border: 0px;
   overflow: scroll;
}

.make_red{
   color:red;
   background: none;
}