/* ============ 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 - 200px);
	background-color:#fff;
}

input[type="text"], input[type="password"]{
	outline:none;
	padding:10px;
	display:block;
	width:300px;
	border-radius: 3px; 
	border:1px solid #eee;
	margin:20px auto; 
}

input[type="submit"]{
	padding:10px;
	color:#fff;
	background:#0098cb;
	width:320px;
	margin:20px auto; 
	margin-top:0px;
	border:0px; 
	border-radius: 3px; 
	cursor:pointer; 
}

input[type="submit"]:hover{
	background:#00b8eb;
}

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

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

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