@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');
html, body {height: 100%; margin: 0; padding: 0; font-family: 'Open Sans', sans-serif }
h1, h2, h3, h4 { font-family: Sansita, serif }
p, li  { font-size: small }

span {margin: 2px}
.ftr {padding: 10px}
.wrapper {position: absolute; min-height: 120%}

.form {
    height: 50%;
    width:90%;
    padding: 10px;
    position: absolute;
    left: 30px;
    top: 70px}
.form-group {width: 40%}
.login-msg {position: relative; left: 48px }

.nav-link {color: #f00;}
.nav-link:hover {color: #0f0; background-color:black}


/* ============ 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; }
}
/* ============ 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// ============ */
.search {
    top: 6px;
    left: 10px
}
/*
.form-control {
    border: none;
    padding-left: 32px
}

.form-control:focus {
    border: none;
    box-shadow: none
}
*/
.green {
    color: green
}
tr:nth-child(odd) {background-color: #f2f2f2;}