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

.bg-card-admi{
  background-color: #9F2241 !important;
  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%; 
}

.borderColorRed{
  border-color: red;
}

.borderColorVerde{
  border-color: green;
}

/* .menuVisible{
  margin-left: 201px;
} */
.opcMen{
  cursor: pointer;
}
.curPoi{
  cursor: pointer;
}



/* ============ 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) {



} */
 @media only screen and (max-width: 767px) {
    .header-left .dashboard_bar {
        display: block !important;
        font-size: 12px !important;
           color: #ddd !important;
    }

    .header{
      background-color: #9F2241 !important;
      color: #ddd !important;
    }
    .nav-header{
      background-color: #9F2241 !important;
      color: #ddd !important;
    }
}
/* ============ small devices .end// ============ */


#menuVertical{
  /* height: 100vh; */
  background-color: black;
  overflow: hidden;
  scrollbar-color: dark;
}

#menuVertical ul{
  list-style:none;
}

#menuVertical .item-menu{
  padding: 2px;
  padding-left: 7px;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

#menuVertical .item-menu:hover{
  background-color: #6c757d
}

.menuVerticalAbierto{
  max-width: 30px;
  width: 75%;
}

.textMenu{
  margin-left: 8px;
}