.error-inline{color:red;font-size: 80%}

.footer{        
    font-size: 12px;
    position:fixed;
    left:0;
    bottom:0;
    right: 0;    
    height: auto;
    width: 100vw;
    /* padding-top: 20px; */
    color: rgb(255, 255, 255);
    background-color: rgb(10,68,134);    
    vertical-align:middle;
    font-family: "Montserrat", sans-serif";
        
}

.footer-sec{        
    font-size: 12px;
    position:fixed;
    left:0;
    bottom:0;
    right: 0;    
    height: auto;
    width: 100vw;
    /* padding-top: 20px; */
    color: rgb(255, 255, 255);
    background-color: #C11D2A;    
    vertical-align:middle;
    font-family: "Montserrat", sans-serif";
        
}

.footer-prim{        
    font-size: 12px;
    position:fixed;
    left:0;
    bottom:0;
    right: 0;    
    height: auto;
    width: 100vw;
    /* padding-top: 20px; */
    color: rgb(255, 255, 255);
    background-color: #FFB607;   
    vertical-align:middle;
    font-family: "Montserrat", sans-serif";
        
}



#navBarPrincipal {        
    font-family: "Montserrat", sans-serif";
}

.form-generico{width: 80%;height: 100%;text-align: center}

#gridProductosVenta {width: 95%;text-align: center}
#gridProductosVenta th {background-color: black;color:white}

#formVenta {margin-top: 40px}

.espacioSuperior {margin-top:10px; padding-top: 10px}

.ventaCancelada{color:red}

.readOnly{
   border-style: none;
   background-color: gray;      
}

.importeTotal {
    border-style: none;      
}

.icon-arrow-left{;background-image: url( '/images/arrow-left.svg' ); display: inline-block;width: 14px;height: 14px}

.icon-arrow-right{;background-image: url( '/images/arrow-right.svg' ); display: inline-block;width: 14px;height: 14px}
/*.icon-arrow-right{background-image: url( '/images/image.svg' );}*/

#btnCerrarSesion{
    display: block;    
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
  
    background-repeat: no-repeat ;
    background-image: url( '/images/logout-svgrepo-com.svg' );    
    background-size: 15px;
    background-position: right center, 40%, 50%;
}

#btnCerrarSesion:hover {
    color: #16181b;
    text-decoration: none;
  
    background-repeat: no-repeat ;
    background-image: url( '/images/logout-svgrepo-com.svg' );    
    background-size: 15px;
    background-position: right;
}


#btnCerrarSesion.active, #btnCerrarSesion:active {
  
  
}


.box {
    --box-border--border: linear-gradient(105deg, rgb(255 46 144) 0%, rgb(61 35 185) 100%);
    
    /* classic 9-slide-scaling with 2px border 4px rounded corners. change `rx` and `ry` parameters to adjust border-radius */
    --box--border__top-left: url("data:image/svg+xml,<svg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='1' y='1' width='18' height='18' rx='4' ry='4' stroke='%23000' stroke-width='2' /></svg>");
    --box--border__top: url("data:image/svg+xml,<svg preserveAspectRatio='none' width='100' height='10' viewBox='0 0 100 10' fill='none' xmlns='http://www.w3.org/2000/svg'><line x1='-1' y1='1' x2='101' y2='1' stroke='%23000' stroke-width='2'/></svg>");
    --box--border__top-right: url("data:image/svg+xml,<svg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='-9' y='1' width='18' height='18' rx='4' ry='4' stroke='black' stroke-width='2' /></svg>");
    --box--border__left: url("data:image/svg+xml,<svg preserveAspectRatio='none' width='10' height='100' viewBox='0 0 10 100' fill='none' xmlns='http://www.w3.org/2000/svg'><line x1='1' y1='-1' x2='1' y2='101' stroke='%23000' stroke-width='2'/></svg>");
    --box--border__right: url("data:image/svg+xml,<svg preserveAspectRatio='none' width='10' height='100' viewBox='0 0 10 100' fill='none' xmlns='http://www.w3.org/2000/svg'><line x1='9' y1='-1' x2='9' y2='101' stroke='%23000' stroke-width='2'/></svg>");
    --box--border__bottom-left: url("data:image/svg+xml,<svg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='1' y='-9' width='18' height='18' rx='4' ry='4' stroke='%23000' stroke-width='2' /></svg>");
    --box--border__bottom: url("data:image/svg+xml,<svg preserveAspectRatio='none' width='100' height='10' viewBox='0 0 100 10' fill='none' xmlns='http://www.w3.org/2000/svg'><line x1='-1' y1='9' x2='101' y2='9' stroke='%23000' stroke-width='2'/></svg>");
    --box--border__bottom-right: url("data:image/svg+xml,<svg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='-9' y='-9' width='18' height='18' rx='4' ry='4' stroke='black' stroke-width='2' /></svg>");
    
    padding: 1rem;
    position: relative;
    resize: both;
    overflow: hidden;
    font-weight: 700;
    width: 100%;
    max-width: 30ch;
  }