body{
  background-color: #F6F1E8;
  background-image: url("../img/bg_2124.jpg");
  background-size: cover;
  margin-bottom: 4em;
}

.bg-card-admi{
  background-color: #9F2241;
  color: #F6F1E8;
  font-weight: bold;
}

.progress {
  position:relative; 
  width:400px; 
  border: 1px solid #ddd; 
  padding: 1px; 
  border-radius: 3px;
  height: 2rem;
}

.bar { 
  background-color: #8EA2FF; 
  width:0%; 
  height:40px; 
  border-radius: 3px; 
}

.percent { 
  position:absolute; 
  display:inline-block; 
  top:3px; 
  left:48%; 
}



/* ============ desktop view ============ */
@media all and (min-width: 992px) {

  .dropdown-menu li{
    position: relative;
  }

  .dropdown-menu .submenu{ 
    display: none;
    position: absolute;
    left:100%; top:-7px;
  }

  .dropdown-menu .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// ============ */