.modal-body{
    margin: 0px;
    padding: 4px;
}

.grupo1 {
    display:grid;
    gap:0.5rem;
    grid-auto-rows: 5rem;
    grid-template-columns: repeat(auto-fill,minmax(10rem,1fr));
    margin: 0px 0px 3px 0px;
}

.form2 {
    display:grid;
    gap:0.2rem;
    grid-auto-rows: 3.1rem;
    grid-template-columns: repeat(auto-fill,minmax(20rem,1fr));
}

.form {
    padding: 0px 0px 0px 1px;
    margin: 10px 0px 2px 0px;
}

.contacto h1 {
    font-size: 15px; 
    line-height: 1.4;
    padding: 0px;
    margin: 0px;
}

.cajita1 {
    /*caja inputs*/
    border-radius: 6px;
    border: solid 1px rgb(209, 209, 209);
    width: 75%;
    display: flex;
    height: 100px;
}

.cajita1b {/*caja cliente*/
    
    padding-left: 2px;
    border-radius: 6px;
    border: solid 1px rgb(209, 209, 209);
}

.cajita2 {/*caja cotizacion*/
    text-align: center;
    background-color: rgb(238, 237, 237);
    border-radius: 6px;
    border: solid 1px rgb(168, 168, 151);
}

.cajita4 {
    /*caja fecha*/
    padding-left: 2px;
    width: auto;
    border: solid 1px rgb(209, 209, 209);
    border-radius: 6px;
    margin: 0px 0px 0px 0px;
}

.cajita1_1 {
    
    border-radius: 6px;
    border: solid 1px rgb(209, 209, 209);
    height: 85px;
    padding: 0px 0px 0px 2px;
    margin: 0px 0px 4px 0px;
}


.cajita1_3 {
    flex: 8;
}



.btn-stock {
    background-color: transparent;
    border-color: transparent;
}

.btn-stock:hover {
    color: rgb(4, 228, 53);
}

.btn-delete {
    background-color: transparent;
    border-color: transparent;
}

.btn-delete:hover {
    color: red;
}

.celda {
    background-color: transparent;
    border-color: transparent;
    padding-left: 10px;
    width: 90%;
    background-color: transparent;
    font-size: 12px;
}

.ventana {
    background-color: rgb(254, 255, 241)
}

.tabla {
    margin-top: 3px;
    width: 100%;
}

.tabla thead {
    background-color: rgb(190, 190, 190);
    border-top: 2px solid;
    border-bottom:solid 1px rgb(99, 97, 97); 

}

.tabla tfoot {
    vertical-align: middle;
    border-radius: 3px;
    border-top: solid 2px rgb(0, 0, 0);
    border-bottom: dotted 2px rgb(0, 0, 0);
    
    
}

.container td{
    line-height: 1;
    padding: 0px;
    margin: 0px;
    /*white-space: nowrap; impide que el contenido de una fila de convierta de varias no es responsive*/
}

.container tr:nth-child(even) {
    background-color: rgb(228, 226, 226);
}



#tfoot input{
    
    padding: 0px;
    margin: 0px;
    font-size: 14px;
}

#tfoot td{
    line-height: 1;
    padding: 0px;
    margin: 0px;
    border-color: transparent;
}

.button-content {
    border: solid 1px rgb(168, 168, 168);
    border-radius: 20px;
    margin: 10px;
}

input {
    border-color: transparent;
    background-color: transparent;
    padding: 0px;
    margin: 0px;
}

.cantidad {
    width: 20px;
    margin: 0px;
    padding: 0px;
}

.cantidad2 {
    margin: 0px;
    padding: 0px;
    width: 50px;
}



.total {
    font-size: 12px;
    font-weight: 500;
    font-family: 'Courier New', Courier, monospace;
}

.celda-cotizacion {
    width: 100%;
    text-align: center;
}

#celda_total {
    font-size: 20px;
}

.entradaDato {
    border: solid 1px;
    display: flex;
}

.ventana {
    background-color: rgb(0, 0, 0);
}

.button-content {
    background-color: rgb(228, 226, 226);
    text-align: right;
    padding: 10px;
}

.fila {
    border-bottom: solid 1px rgb(190, 190, 190);
    display: flex;
    color: white;
    margin: 0;
}

.fila:hover {
    background-color: rgb(34, 34, 34);
    border-left: solid 5px rgb(5, 247, 114);
}

.filaDerecha {
    justify-content: right;
    width: 20%;
}

.filaDerecha:hover {
    background-color: rgb(5, 247, 114);
    color: black;
}

.filaIzquierda {
    justify-content: left;
    width: 80%;
}

.rucTexto {
    color: rgb(163, 163, 163);
}

.detalle {
    border-left: solid 10px black;
    background-color: rgb(34, 34, 34);
    width: 75%;
}

.ladoIzquierdo {
    overflow: auto;
    background-color: rgb(59, 59, 59);
}

.row2 {
    display: flex;
}

.etiqueta {
    display: flex;
}
.form-control{
    margin: 0px;
    padding: 0px 0px 0px 2px;
    vertical-align: middle;
}


.cajaEnvio{
    /*border-top: 2px dashed ;*/
    /*border-top: 2px double ;*/
    /*border-top:groove;*/
    /*border-top:ridge;*/
    border-top:2px dashed;
    display:grid;/*presentar en grid los elementos*/
    gap:0.2rem;/*medida de separacion entre grids o caja*/
    grid-auto-rows: 2rem;/*altura del grid o celda*/
    grid-template-columns: repeat(auto-fill,minmax(20rem,1fr));/*indica por cada fila cuantos celdas cambia 20rem*/

}

.cajaEnvio div{
    margin: 0px;
    padding: 0px;
}

.cajaEnvio input{
    
    margin: 0px;
    padding: 0px;
    border-bottom: 1px dashed;

}
/*barra de progreso*/
.progress-nuevo {
    width: 1%;
    height: 4px;
    border-radius:0px 6px 6px 0px;
    background-color: rgb(1, 184, 32);
}
.progress-enviado {
    width: 1%;
    height: 4px;
    border-radius:0px 6px 6px 0px;
    background-color: orange;
}
.progress-cancelado {
    width: 1%;
    height: 4px;
    border-radius:0px 6px 6px 0px;
    background-color: rgb(168, 168, 168);
}

.progress-adelantado {
    width: 1%;
    height: 4px;
    border-radius:0px 6px 6px 0px;
    background-color: blue;
}

.progress-pendiente {
    width: 1%;
    height: 4px;
    border-radius:0px 6px 6px 0px;
    background-color: rgb(255, 0, 0);
}

.progress-retrazado {
    width: 1%;
    height: 4px;
    border-radius:0px 6px 6px 0px;
    background-color: brown;
}

.progress-problemas {
    width: 1%;
    height: 4px;
    border-radius:0px 6px 6px 0px;
    background-color: rgb(61, 7, 7);
}
.corona{
    height: 14px;
    border-radius:0px 5px 5px 0px;
    padding: 3px 0px 3px 0px;   
    border: solid 1px  blue;
}
.corona.melon{
    height: 14px;
    border-radius:0px 5px 5px 0px;
    padding: 3px 0px 3px 0px;   
    border: solid 2px  magenta;
}

.corona.blue{
    height: 14px;
    border-radius:0px 5px 5px 0px;
    padding: 3px 0px 3px 0px;   
    border: solid 2px  rgb(111, 0, 255);
}

.corona.gris{
    height: 14px;
    border-radius:0px 5px 5px 0px;
    padding: 3px 0px 3px 0px;
    border: solid 2px  rgb(168, 168, 168);
}

.corona.verde{
    height: 14px;
    border-radius:0px 5px 5px 0px;
    padding: 3px 0px 3px 0px;
    border: solid 2px  rgb(0, 163, 14);
}

.modal-header{
    margin: 0px;
}

.form-edit{
    border: solid 2px;
}