.doltamar{
    background-color: #f68e1e;
    color: #ffffff;
    padding: 2px;
    padding-left: 7px;
    padding-right: 7px;
    border-radius: 4px;
    margin-top: 12px;
    font-size: 1.1rem;
    width: 350px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    
      }
      .fueraderango{
    background-color: #e03408;
    color: #ffffff;
    padding: 2px;
    padding-left: 7px;
    padding-right: 7px;
    border-radius: 4px;
    margin-top: 12px;
    font-size: 1.1rem;
    width: 350px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    
      }
.tamarsimu {
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse; /* Quita espacios entre bordes */
}

.tamarsimu td, .tamarsimu th, .tamarsimu tr {
    white-space: nowrap;
    text-align: center; /* Centra el contenido horizontalmente */
    vertical-align: middle; /* Centra el contenido verticalmente */
    padding: 8px; /* Espaciado dentro de las celdas */
    margin: 0;
    width: auto;
}
.tamarUltima{
  font-weight: bold;

}
.dolesp {
    text-decoration: underline;
    cursor: pointer;
}
.border-violet {
    border: 1px solid #932293;
}

.suggestions-container {
  display: none; /* Inicialmente oculto */
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-top: none; /* Oculta el borde superior */
  width: 100%;
  max-width: 600px;
  max-height: 200px;
  overflow-y: auto;
  z-index: 1000;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

.suggestion-item {
  padding: 8px;
  cursor: pointer;
  white-space: nowrap; /* Evita que el texto se divida en varias líneas */
  overflow: hidden; /* Oculta el desbordamiento de texto */
  text-overflow: ellipsis; /* Puntos suspensivos si el texto es largo */
}

.suggestion-item:hover {
  background-color: #f1f1f1;
}

.error-message {
height: calc(1.5em + 0.75rem + 1px);
  background-color: #f44336;
  /* max-height: 35px; */
  color: #fff;
   border: 1px solid #f44336; 
  margin-top: 20px;
  margin-left: 20px;
  padding: 5px 15px;
  border-radius: 5px;
  cursor: pointer;
}



.containerprofile{

	min-width: 500px;
	margin-left: auto;
	margin-right: auto;
}

#tablethree{
	display: none;
}	

#tabletwo{
	display: none;

}	

#tablefour{
	display: none;
}	
#tablesix{
	display: none;
}	
#tableseven{
	display: none;
}	
#tableeight{
	display: none;
}	

.tabfactceld2{

	width: 50%;
}
#msgsucctok5{

	cursor:pointer;
}

.tabfactceld {
    height: 1.5rem;
    padding: 5px 4px;
    vertical-align: middle;
    font-size: .8rem;
    border-top: 1px solid #dee2e6;
    text-align: center;
    background-color: #ffffff;
}


.tabfact {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    text-indent: initial;
    border-spacing: 2px;
    border-color: grey;
    margin-right: auto;
    margin-left: auto;
}
.tabfact2 {
    width: 20%;
    margin-bottom: 1rem;
    color: #212529;
    text-indent: initial;
    border-spacing: 2px;
    border-color: grey;
    margin-right: auto;
    margin-left: auto;
}

.tabfactenc {
    padding: 8px;
    background-color: #fff;
    border-bottom: 2px solid #092c74;
    color: #000000 !important;
    text-align: center;
    font-size: 0.8rem;
    font-weight: 600;
    max-height: 2rem;
}
.tabsim{

margin-bottom: 2rem !important;

}
.tabsimsens{
width:70% !important;

}

.simu_divisor{

border-bottom: 2px solid #092c74;
text-align: center;
font-size: 1rem;
font-weight: 600;
width: 10%;  


}

.simu_divisor2{
background-color: #ffffff;
padding: 10px;
cursor: pointer;
color:#092c74;
width: 16%;
}	

.simu_divisor3{


border-right: 1px solid grey;

}

.simu_divisor0{

display: flex;
margin-top: 2rem;

}


 #sens1,#sens2,#desa1,
 #desa2,#desa3,#desa3bis,#desa4,
 #desa5,#desa6,#desa7,#desa9,#desa10{

display: none;


 }

#pes1{
 background-color : #092c74;
 color : #ffffff;

   } 


 #listinv1,#listinv2,#listinv3
 ,#listinv4,#listinv5,#listinv6,#listinv7,#date,#preciosim
 {

display: none;

 }

 .fledersimu{

 	float:right;
 }

 .contsimuini{

 	display: flex;
 	justify-content: space-around;

 }

 .contsimuini1{
max-height: 280px; 

overflow-y: auto;
 }	
 .contsimuini2{

padding-top: 20px;
 }	
.contsimumed{
    
    margin-top:30px;
 }
 
.contsimumedspan{
    margin-bottom:3px;
    
}


.simuflujpas{
    text-align: center;
    border: solid 1px #52ff52;
    background-color: #52ff52;
    border-color: #52ff52;
    
}
.subportdate3{
    height: calc(1.5em + 0.75rem + 1px);
    background-color: #092c74;
    /*max-height: 35px;*/
    color: #fff;
   /* border: 1px solid #092c74;*/
    margin-top: 20px;
    margin-left: 20px;
    padding: 5px 15px;
    border-radius: 5px;
    cursor:pointer;
  

  }

.subportdate{

    background-color: #89169d;
    max-height: 35px;
    color: #fff;
    border: 1px solid #89169d;
    margin-top: 20px;
    margin-left: 10px;
    padding: 5px 20px;
    border-radius: 5px;

  }
  .subportdate2{

    background-color: #1e7e34;
    max-height: 35px;
    color: #fff;
    border: 1px solid #1e7e34;
    margin-top: 20px;
    margin-left: 10px;
    padding: 5px 20px;
    border-radius: 5px;

  }
.subportdate4{
    height: calc(1.3em + 0.64rem + 1px);
    background-color: #092c74;
    /*max-height: 35px;*/
    color: #fff;
   /* border: 1px solid #092c74;*/
   line-height: 1.2;
    padding: 5px 15px;
    border-radius: 5px;
    cursor:pointer;
  font-size: 0.8rem;
border: 1px solid #092c74;

  }
.inpucalsimu{
  margin-top: 20px;
    padding: 5px 10px;
    border: 1px solid #d3d1d1;
    margin-right: 5px;
    border-radius: 5px;
    height: 35px;
    margin-bottom: 15px;


}

.tabsimsens0{
margin-top: 1.2rem;

}

.contresfeccla{
  text-align:center;  
    margin-top: 40px;
     display:none;
}

.contresprecla{
  text-align:center;  
    margin-top: 30px;
             display:none;

}



.resfechact{
background-color: #89169d;
 
    padding: 10px 10px;
    border: 1px solid #89169d;
    margin-right: 5px;
    border-radius: 5px;
    height: 35px;
    margin-bottom: 15px;
        color: #ffffff;
   
    cursor:pointer;
}

.respresact{
    
    padding: 10px 10px;
    border: 1px solid #1e7e34;
    margin-right: 5px;
    border-radius: 5px;
    height: 35px;
    margin-bottom: 15px;
 background-color: #1e7e34; 
     color: #ffffff;
cursor:pointer;
}    

.colordes{
    
     color: #092c74 !important;
    
}   /*
.colordesfuc{
    
     color: #1e7e34 !important;
    
}
.colordesver{
    
     color: #730e85 !important;
    
}*/


.impcamb1 {
    display: block;
    width: 200px;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    cursor:text;   
}    
    
 .impcamb0 {   
    margin-top:20px;
    
    
 }
 
 .impcambnom {   
    display: block;
    width: 150px;
    height: calc(1.3em + 0.65rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
     
    margin-right: 10px;
    
 }
.contsimuinipre{
    display:flex;
    
}
 .contsimuinipre0{
     text-align:left;
  margin-top: 25px;
    
}  
.contsimuinipre0in{
    font-size: 1.2rem;  

}  

.cansim{
   display:flex;
   width: 500px;
   border-radius:5px;
   background-color:white; 
    justify-content: space-between;

}
.cansim0{
  
    border-radius:5px;
   background-color:white;
  
    margin: 5px;
}


.mensaje {
  background-color: #f44336;
  color: white;
  padding: 10px;
  border-radius: 5px;
  position: absolute;
  
}
.mensaje4 {
  background-color: #1e7e34;
  color: white;
  padding: 10px;
  border-radius: 5px;
  position: absolute;
  
}




.mensaje2 {
  background-color: #f44336;
  color: #ffffff;
  border-radius: 5px;
  height: calc(1.3em + 0.64rem + 1px);
  line-height: 1.2;
  padding: 5px 15px;
  font-size: 0.8rem;
  border: 1px solid #f44336;
  margin-right:10px;     
  max-width:200px;
  z-index:10000;
}

.mensaje3 {
  background-color: #ed7d31;
  color: #ffffff;
  border-radius: 5px;
  height: calc(1.3em + 0.64rem + 1px);
  line-height: 1.2;
  padding: 5px 15px;
  font-size: 0.8rem;
  border: 1px solid #f44336;
  margin-right:10px;     
  max-width:200px;
  cursor:pointer;
}



.oculto {
  display: none;
}
#desa8{
    margin-right: auto;
    
}
.em1{
min-width:300px;    
font-size:0.85rem;    
font-weight:600;  
text-align:left !important;
padding-left:10px;
}


.em2{
    
min-width:500px;        
font-size:0.8rem;        
text-align:left !important;




}



.tabemi {
  display: flex;
  justify-content: center;
  align-items: center;
  
}


.dropdown {
  position: relative;
  display:inline-block;
}
.dropdown2 {
  float: right;margin-top:5px;
}
.dropdown-content {
  position: absolute;
  text-align:center;
  display: none;
  z-index: 1;
  width:100%;
}

.dropdown-content a {
  display: block;
  padding: 5px 10px;
  text-decoration: none;
  color: white;
  background-color: #1e7e34;
  border-radius: 5px;
  font-size: 0.8rem;
  margin-top:2px;

}

.dropdown-content a:hover {
  background-color: #0b3e91;
}

.dolesp{
    
   font-size:0.8rem; 
    
}




.container-graf {
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px;
}

.row-graf {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.chart-container {
    /*width: calc(50% - 10px); */
    width:500px;
    margin-bottom: 20px;
    background-color: white;
    padding: 10px;
    border-radius:5px;
     display: flex;
     justify-content: center; /* Centra horizontalmente el contenido */
    align-items: center;
    text-align: center; 
}

.tooltipdesc {
  position: relative;
}

.tooltip-text {
  visibility: hidden;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 4px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.tooltip-text2:hover ~ .tooltip-text {
  visibility: visible;
  cursor:default;
}

.tooltip-text2 {
  
  cursor:default;
}

.tooltip-text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

@media (max-width: 768px) {
    .chart-container {
        width: 100%; /* Cuando la pantalla se achica, un elemento por fila */
         margin: 0 auto;
    }
   
}

@media (max-width: 1200px) {
.row-graf {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
}

.simulador-tooltip-box {
    position: absolute;
    background: #ffc107;
    color: #000;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 0.80rem;
    max-width: 200px;       /* tamaño más cómodo */
    white-space: normal;    
    z-index: 10000;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
    display: none;
    align-items: center;
    gap: 10px;
}

/* FLECHA CENTRADA */
.simulador-tooltip-box::before {
    content: '';
    position: absolute;
    top: -7px;                /* flecha arriba */
    left: 50%;                /* centro */
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ffc107;
}

/* BOTÓN DE CERRAR MÁS GRANDE */
.simulador-tooltip-close {
    background: transparent;
    border: none;
    color: #000;
    cursor: pointer;
    font-size: 1.3rem;        /* más grande */
    font-weight: bold;        /* más visible */
    line-height: 1;
}


.cantidad-options .opcion-cantidad {
  padding: 8px;
  cursor: pointer;
}

.cantidad-options .opcion-cantidad:hover {
  background-color: #f2f2f2;
}

.cantidad-options .opcion-cantidad {
  padding: 8px;
  cursor: pointer;
}

.cantidad-options .opcion-cantidad:hover {
  background-color: #f2f2f2;
}


.cantidad-options {
  display: none;
  position: absolute;
  background: #fff;
  border: 1px solid #d3d1d1;
  border-radius: 5px;
  margin-top: 2px;
  z-index: 1000;
  width: 90%;
  font-size: 0.8rem;
}

.cantidad-options .opcion-cantidad {
  padding: 8px;
  cursor: pointer;
}

.cantidad-options .opcion-cantidad:hover {
  background-color: #f2f2f2;
}

.cantidad-options .opcion-cantidad {
  padding: 8px;
  cursor: pointer;
}

.cantidad-options .opcion-cantidad:hover {
  background-color: #f2f2f2;
}


.contopcEsp {
   
    border-bottom: 0.5px solid #d3d1d1;
   
}
.chevron-cantidad {
  position: absolute;
  right: 10px;
  top: calc(50% + 1px); /* compensás el margin-top del input */
  transform: translateY(-50%);
  color: #777575;
  cursor:pointer;
  font-weight: 700;
  font-size: 15px;
}


.cantidad-wrapper {
  position: relative;
  display: inline-block;
  width: 200px; /* ajusta según tu diseño */
  margin-right: 10px;
}

.cantidad-wrapper input {
  width: 100%;
  padding-right: 30px; /* deja espacio para la flecha */
  box-sizing: border-box;
}