#menuprincipal ul{ 
    padding:0px;
    list-style:none;  
 

} 
#menu, li{
display:inline-block ;  
border-radius :0px 0px;
border-style:none  ;
background:#333;
width:100%;

}



.submenu {
display :none;
padding:1px 1px;
width:100px; 
position:absolute ; 

}

.submenu,li {

padding:1px 1px;
width:135px; 


}

#menu a{
display :block;
padding:6px 6px;
width:130px;


}
li:hover ul{
display:block;
-webkit-animation-name: animation;
    -webkit-animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: animation;
    -moz-animation-duration: 0.3s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;


 
}

#menu {
  width:89%;
   margin:0 auto;
    height: 38px;
}
#menu a{
color:#ccc;
text-decoration:none ;
 font-weight:bold;
 font-size:14px;
}
#menu li:hover{
    background:#1a9fdb;
    text-shadow:0 0 1px #1a9fdb;
    
   
}


 .but {
    background-color: #808080;
    margin-left: 0px;
}
.Button {
    font-weight: 400;
    cursor: pointer;
    padding: 5px;
    border: 1px solid #ccc;
    background: #eee;
    border-radius: 8px;
    font-size: small;
    margin-left: 0;
    margin-right: 1px;
    }

.Button:hover {
    background:#1a9fdb;
    color:#fff;
}
.PANEL{
     padding: 5px;
    margin: 0 1px 0px 0px;
    border: 1px solid #ccc;
     border-radius: 8px;
         background: #eee;
    font-size: small; 
    text-align: left;
}


.PANELPOPPUP{
     padding: 5px;
    margin: 0 1px 0px 0px;
    border: 1px solid #ccc;
     border-radius: 8px;
     /*Background: #eee;*/
    font-size: small;
    text-align: left;
    background-color:aquamarine;
     
}

.panelselecion{
     background:#808080;
      padding: 5px;
    margin: 0 1px 1px 0;
     border-radius: 8px;
     color:#fff;
      border: 1px solid #ccc;
}
.LISTBOX {
      padding: 5px;
    border-radius: 8px;
      border: 1px solid #ccc;
    color: #000000;
    margin-left: 0;
    margin-right: 1px;
    margin-bottom: 1px;
}
.esconderpanel {
   display:none 
}
.formatextbox {
      padding: 5px;
    margin: 0 1px 1px 0;
     border-radius: 8px;
      border: 1px solid #ccc;
    text-align: left;
    font-size: small;
    /*height: 20px;*/
}

.formatextboxnum {
      padding: 5px;
    margin: 0 1px 1px 0;
     border-radius: 8px;
      border: 1px solid #ccc;
    text-align: right;
}


.menutree {
  padding: 5px;
    margin: 0 1px 0px 0;
    border: 1px solid #ccc;
     border-radius: 8px;
         background: #eee;
    font-size: small;
    text-align: left;
    background-color:aqua  ; 


}
.gridview {
      padding: 5px;
    border-radius: 8px;
      border: 1px solid #ccc;
    font-size: 10px;
    margin-right: 1px;
    margin-top: 0;
    margin-bottom: 1px;
}
.formatextboxpedidos {
      padding: 5px;
    margin: 0 1px 1px 0;
     border-radius: 8px;
      border: 1px solid #ccc;
    text-align: left;
     font-size: 11px;
}
.formatextboxnumtotales {
      padding: 5px;
    margin: 0 1px 1px 0;
     border-radius: 8px;
      border: 1px solid #ccc;
    text-align: right;
    font-size:10px;
}
    #background
        {
            position:fixed;
            top: 0%;
            bottom: 0%;
            left: 0%;
            right: 0%;
            overflow: hidden;
            padding: 0;
            margin: 0;
            background-color: #F0F0F0;
            filter: alpha(opacity=80); 
            opacity: 0.40;
            z-index: 100000;
        }
       #progress
        {
             position:fixed;
            top: 40%;            
            right: 40%;
            height: 30%;
            width: 30%;
            z-index: 100001;
            border: 0px solid thick;            
            background-image: url('./imagenes/vueltasvie.gif');
            background-repeat: no-repeat;
            background-position: center;
                        
        }
     
  
  .header
  {
   
   position:absolute ;   
   font-weight: bold;
    background: url("../imagenes/FONDO2.JPG")

  }
/* AutoComplete highlighted item */
.autocomplete_completionListElement {
    margin: 0px !important;
    z-index: 99999 !important;
    background-color: ivory;
    color: windowtext;
    border: buttonshadow;
    border-width: 0px;
    border-style: solid;    
    cursor:default;
    overflow: auto;
    height: 300px;
    text-align: left;
    left: 0px;
    list-style-type: none;
    font:7px;


 
}
/* AutoComplete highlighted item */
.autocomplete_highlightedListItem {
    z-index: 99999 !important;
    background-color: #ffff99;
    color: black;
    padding: 0px;
    /*cursor: hand;*/
    width: 600px;
    font: 7px;
}
/* AutoComplete item */
.autocomplete_listItem {
    z-index: 99999 !important;
    background-color: window;
    color: windowtext;
    padding: 0px;
    /*cursor: hand;*/
    font: 7px;
    width: 600px;
}
.panelconsulta {
    position: absolute;
    top: 50%;
    left: 50%;
}
.submenu li ul li ul {
    position: relative;
}
.submenu li ul li ul {
    right: -140px;
    top: 0px;
}
.imgRedonda {
    width: 300px;
    height: 300px;
    border-radius: 150px;
}
.swal2-popup.swal2-toast {
    width: 250px !important; /* Más delgado */
    padding: 10px 15px !important; /* Menos padding para hacerlo más compacto */
    font-size: 14px !important; /* Texto un poco más pequeño */
}
.imagen-mejorada {
    max-width: 100%;
    max-height: 600px; /* o 500px, lo que te guste */
    height: auto;
    object-fit: contain;
    border-radius: 10px;
    image-rendering: auto;
    box-shadow: 0 4px 12px rgba(0,0,0,0.25);
}

.calc-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.45);
    z-index: 999999; /* más alto que el ModalPopup */
    display: none; /* por defecto oculto */
}

.calc-cuadro {
    background: white;
    width: 260px;
    margin: 120px auto;
    padding: 10px;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.4);
}