/* Generales */
.topCentered{
    width: 100%;
    text-align: center; vertical-align: top;
}

table{    
    width: 100%;
    padding: 0;
    margin: 0;
    border-collapse: collapse;  
}
table caption{
    font-size: 18pt;
    font-weight: bold;
}
td, th{
    margin: 3px; padding: 3px; 
    border-collapse: collapse;
}
th{    
    font-size: 18pt; 
    font-weight: bold;    
}
td{    
    font-size: 12pt; 
    font-weight: normal;
}

table#SolicitudesPendientes { 
    margin: 0px auto;
    width: 96%;
    text-align: left; 
    border: 1px solid blue;
}
table#SolicitudesPendientes th{ 
    margin: 7px; padding: 7px;   
    font-size: 10pt; 
    font-weight: bold; 
}
table#SolicitudesPendientes td{ 
    margin: 3px; padding: 3px;   
    font-size: 9pt; 
    font-weight: normal; 
}
table#SolicitudesPendientes th, table#SolicitudesPendientes td{
    border: 1px solid blue;
    margin: 3px; padding: 3px;   
    font-size: 9pt; 
    font-weight: normal;
}
table#Filtros{
    width: 96%;
    margin: 0px auto;
    text-align: left; 
}
.tTitle{
    text-align: center;
    font-weight: bold;
    font-size: 13pt;
    border-collapse: collapse;
}
td.wType{
    text-align: right;
}
td.wNat{
    text-align: right;
}
p.docListID{
    margin: 1px; padding: 1px;
    font-weight: bold;
    color: navy;
    cursor: help;
    text-align: center;
}
td.docItemCaption{
    border-top:solid 2px; border-bottom:solid 2px;
    text-align:center; font-size:14pt; font-weight:bold;
    margin:25px;
}
img.delDocItem{
    width: 15px;
    cursor: pointer;
}
.newCapture{    
    font-family: arial, sans-serif;    
    border-collapse:collapse;
    /*border: 2px solid black;*/    
    width:675px;    
}

/* ****************************************************************************
                        CAPTURE - MODIFY INVENTORY PART
**************************************************************************** */
#loadImage, #loadFile{
    visibility: collapse; width:10px;
}
#previews{
    position: relative; vertical-align:top;
    margin: 0.5% 2% 0.5% 0.5%; padding:0; border: none;
    width: 32%; height: calc(84vw * 0.314 * 0.80); /* (84vw - body-width) */
    background-color: inherit;
}
#previews img{
    width: 100%;height: 100%;
    object-fit: cover;
    border-color: red;
    z-index: 0;
}
#preview0{
    float: left; position: relative;
    margin: 0; padding:0; border-width: 0; border-style: none;
    width: 80%; height: 100%; 
    background-color: inherit;
}
#previewList{ /* Contiene #preview1, #preview2,#preview3, #preview4 */
    width: 20%; height: 100%; float: left; position: relative;
}
#preview1, #preview2,#preview3, #preview4{
    float: none; position: relative;
    margin: 0; padding:0 ; height: 25%;
    background-color:inherit;
}
img[name='preview']{
    object-fit: cover;
    z-index: 0;
}
#previewZoom{
    display: none; top: 1vh; left: 5vw; position: fixed; z-index: 5;
    width: 90vw; height: 98vh; background-color: whitesmoke; opacity: 1;
}
#previewZoom img{
    object-fit: contain;}
#previewZoom div{
    display: block;
    width: 5%; height: 50%; top:25%; position: absolute;
    background-color: transparent; opacity: .4;}
#previewZoom div:hover .navArrow{
    visibility: visible;
}
#previewZoom .navArrow{
    visibility: hidden;
    object-fit: fill;padding:0 10%;}
#zoom, #remove{
    display: none;
    position: absolute; width: 10%; height: 10%;
    bottom: 2%; opacity: .4;
}
#zoom{right: 2%; }
#remove{right: 20%; }
#zoom:hover { border: solid green; }
#remove:hover { border: solid red; }

input[type='text']{ width: 100%;}
input[data-type='currency']{ width: min-content; text-align: right}
input[data-type='factor']{ width: min-content; text-align: right}
textarea[name='productInfo']{ width: 100%;}

input[name='btnCancel']{
padding:2%; border-radius: 1.25vh;
min-width: 8vw; min-height: 6vh;
background-color: lightgray;
font-weight: bolder;
}
input[name='btnSave']{
padding:2%; border-radius: 1.25vh;
min-width: 8vw; min-height: 6vh;
background-color: lightgray;
font-weight: bolder;
}

/* ****************************************************************************
                        
**************************************************************************** */