body {
    font-family: "Times New Roman", Times, serif;

}

.principal{
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
background: rgb(2,0,36);
background: linear-gradient(56deg, rgba(30,144,255,1) 0%, rgba(255,165,0,1) 42%, rgba(255,99,71,1) 100%, rgba(220,20,60,1) 100%)



}

.ventana{
    padding: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    width:auto;
    height: auto;
    flex-direction: column;
    background-color: rgb(245, 245, 245);
    border-radius: 50px;
}

/* Estilos para botones en estado normal */
.btn {
    color: white;
    background-color: rgb(100, 105, 208);
    border-color: rgb(100, 105, 208)  ;
    border-radius: 75px;
  }
  
  /* Estilos para botones en estado hover */
  .btn:hover {
    color: white;
    background-color: rgb(100, 105, 208);
    border-color: rgb(100, 105, 208);
  }
  
  /* Estilos para botones en estado activo (clickeado) */
  .btn:active {
    color: white;
    background-color: rgb(100, 105, 208);
    border-color: rgb(100, 105, 208);
  }
  
  /* Estilos para quitar el contorno al hacer clic */
  .btn:focus {
    outline: none;
    box-shadow: none;
  }

.texto{
    margin-top: 5px;
    margin-bottom: 5px;
}

.objetivo{
    display: flex;
    justify-content: space-between;
    align-items: center;
    
}

.txtfun{
    margin-right: 10px;
}

.cantin{
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

select{
    outline: none;
    margin: 0;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    font-family: inherit;
    text-align: center;
    height: 30px;
    background: #eaeaea;
    -webkit-box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.08);
    -moz-box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.08);
    box-shadow: inset 4px 4px 3px  rgba(0,0,0,.08);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0 20px;
    font-size: 16px;
    color: #666;
}

.maxmin{
    line-height: 50px;
}

input {
    outline: none;
    margin: 0;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 100%;
    font-size: 14px;
    font-family: inherit;
}
#objetivoFuncion{
    line-height: 50px;
    padding-left: 0;
    color: #555;
    font-size: 16px;
    font-family: inherit;
    padding-left: 22px;
    padding-right: 50px;
}

#objetivoFuncion{
    color: #444;
    line-height: 28px;
}
#objetivoFuncion{
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inputestilo{
    text-align: center;
        line-height: 50px;
        background: #eaeaea;
        -webkit-box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.08);
        -moz-box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.08);
        box-shadow: inset 4px 4px 3px  rgba(0,0,0,.08);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 0 20px;
        font-size: 16px;
        color: #666;
     
}

#first{
    display: flex;
    align-items: center;
    justify-content: center;
    width:auto;
    height: auto;
    flex-direction: column;
    background-color: rgb(245, 245, 245);
}

.inputrestricciones{
    margin-top: 5px;
    margin-bottom: 5px;
    width: 80px;
    margin-inline: 5px;
    text-align: center;
    scrollbar-width: none;

    text-align: center;
    line-height: 35px;
    background: #eaeaea;
    -webkit-box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.08);
    -moz-box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.08);
    box-shadow: inset 4px 4px 3px  rgba(0,0,0,.08);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0 20px;
    font-size: 16px;
    color: #666;
}
.igualdad{
    margin-inline: 20px;

}

#funcTittle{
    display: none;
    align-items: center;
    justify-content: center;
}

#restTittle{
    display: none;
    align-items: center;
    justify-content: center;
}

#funcTittle2{
    display: none;
    align-items: center;
    justify-content: center;
}

#restTittle2{
    display: none;
    align-items: center;
    justify-content: center;
}

.datosFuncion{
    margin-top: 5px;
    margin-bottom: 5px;
    width: 80px;
    margin-inline: 5px;
    text-align: center;
    scrollbar-width: none;

    text-align: center;
    line-height: 35px;
    background: #eaeaea;
    -webkit-box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.08);
    -moz-box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.08);
    box-shadow: inset 4px 4px 3px  rgba(0,0,0,.08);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0 20px;
    font-size: 16px;
    color: #666;
}

#resolver{
    display: none;
    margin-top: 0px;
}

#edit{
    margin-top: 10px;
    color: #f1c097;
}
#edit2{
    margin-top: 10px;
    color: #f1c097;
}

td{
    
    border: 0px solid rgb(150, 150, 150);
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 39px;
    height: 40px;
    font-size: 10px;
    border-radius: 0px;
}


table{
    justify-content: center;
    align-items: center;
    width: 100%;
}

.medio{
    display: flex   ;
    flex-direction: row;
}

#iterar{
    display: none;
    padding-inline: 50px;
    margin-bottom: 5px;
}
#solucionDirecta{
    display: none;
}

#vectorC td:not(:nth-child(-n+3)):not(:last-child){
    border-top: 1px solid #CCCCCC;
    background-color: rgb(255, 255, 255);
}
#vectorC td:last-child{
    border-left: 1px solid #CCCCCC;
    
}
#vectorC td:nth-child(3) {
    border-right: 1px solid #CCCCCC;
    
}



#vectorX td{
    font-weight: 600;
 
    background-color:#FFC0CB ;
    border-right: 2px solid #FFC0CB ;
    border-left: 2px solid #FFC0CB ;
}

#matriz-container{
    border-right: 0px solid rgb(150, 150, 150);
    border-left: 0px solid rgb(150, 150, 150);
    border-bottom: 0px solid rgb(150, 150, 150);
}
#vectorCb{
    border-left: 1px solid #CCCCCC;
    background-color: rgb(255, 255, 255);
    border-bottom: 0px solid rgb(150, 150, 150);
}
#vectorXb td{
  
    background-color: #ADD8E6;
    border-bottom: 2px solid #ADD8E6;
}
#vectorB{
    border-right: 1px solid #CCCCCC;
    background-color: rgb(255, 255, 255);
}

#vectorO{
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC ;
    background-color: rgb(255, 255, 255);
}
#vectorR td:not(:nth-child(-n+3)):not(:last-child) {
    background-color: #FFFFE0;  

   
}
#vectorR td:nth-child(3){
    background-color: #fafac7;

}

#vectorR td:nth-child(-n+2) {
    background-color: #c490ee;
    font-weight: 600;
}
#matriz-container{
    background-color: rgb(255, 255, 255);
}

#puntodegenerado{
    display: none;
    background-color:#fafac7 ;
    padding: 15px;
    border-radius:10px ;
    font-size: 12px;
    width: 300px;
}
#poliedroabierto{
    display: none;
    background-color:#FFC0CB;
    padding: 15px;
    border-radius:10px ;
    font-size: 12px;
    width: 300px;
}
#incompatible{
    display: none;
    background-color:#FFC0CB ;
    padding: 15px;
    border-radius:10px ;
    font-size: 12px;
    width: 300px;
}
#solucionesalternativas{
    display: none;
    background-color:#fafac7 ;
    padding: 15px;
    border-radius:10px ;
    font-size: 12px;
    width: 300px;
}

#msgresultado{
  
    display: none;
    background-color: #c490ee;
    padding: 15px;
    border-radius:10px ;
}
#msgresultado2{
  
    display: none;
    background-color: #c490ee;
    padding: 15px;
    border-radius:10px ;
}
#reset{
    display: none;
}

#niteracion{
    display: none;
    font-size: 20px;
    font-weight: 400;
}
#entrasale{
    display: none;
    padding: 15px;
    border-radius:10px ;
    background-color:#fafac7 ;
}
#msgrestricciones{
    box-shadow: inset 1px 1px 1px 2px rgba(0, 0, 0, 0.1);
    display: none;
    width: 100%;
    background-color: white;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 10px;
}

#msgrestricciones table tr td{
    font-size: 20px;
}

#msgfuncionobjetivo{
    box-shadow: inset 1px 1px 1px 2px rgba(0, 0, 0, 0.1);
    display: none;
    background-color: white;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 10px;
}

#msgfuncionobjetivo table tr td{
    font-size: 20px;
}

.condicionbase{
    margin-top: 5px;
    font-size: 20px;
    display: flex;
    text-align: center;
    justify-content: center;
    margin-bottom: 0px;
}
#noacotado{
    display: none;
    background-color:#FFC0CB ;
    padding: 15px;
    border-radius:10px ;
    font-size: 12px;
    width: 300px;
}