/******************************************************************************/
.titulo_principal
{
    background-color:#E6E6E6; 
    text-align:center; 
    font-size:13px; 
    height:15px;
}

.titulo_principal_recepcion
{
    background-color:#E6E6E6; 
    font-size:13px; 
    height:15px;
    padding:0 10px 0 0;
    
    text-align:center;
    display:flex; 
    justify-content:center; 
    align-items:center;
}

.titulo
{
    height:25px; 
    padding:0 0 0 0;
    font-size:10px;
    
    text-align:center;
    display:flex; 
    justify-content:center; 
    align-items:center;
}

.titulo_menor
{
    height:15px; 
    padding:0 0 0 0;
    font-size:10px;
    
    text-align:center;
    display:flex; 
    justify-content:center; 
    align-items:center;
}

.datos
{
    text-align:center; 
    padding:0 0 0 0; 
    font-size:10px;
    min-height:15px;
}

.datos_izquierda
{
    text-align:left; 
    padding:0 0 0 0; 
    font-size:10px;
    min-height:15px;
}

.titulo_principal_datos
{
    padding:0 0 0 0; 
    text-align:justify;
    min-height:70px;
    font-size:13px;
}
/******************************************************************************/

.cursor
{
    cursor:pointer;
}

.color_main
{
    color:#E905FF;
}

.hidden 
{
    display: none;
}

@media (min-width:651px)
{
    .special_text
    {
        display:block;
        float:right;
        padding-left:3px;
    }
}

@media (min-width: 1px) and (max-width: 650px)
{
    .special_text
    {
        display:none;
    }
}

.green:hover{color:#E905FF;}
.red:hover{color:#E905FF;}
.yellow:hover{color:#E905FF;}
.sin_color:hover {color:#E905FF;}

.green{color:#28BF6B;}
/*.green:hover{color:#227927;}*/

.red{color:#FF412E;}
/*.red:hover{color:#BC0100;}*/

.yellow{color:#BFB028;}
/*.yellow:hover{color:#8F6B1E;}*/

.rojo{color:red;}
.verde{color:green;}

.size {font-size:25px;}

.anta-regular {
    font-family: "Anta", serif;
    font-weight: 400;
    font-style: normal;
}

table, button
{
    margin-top:10px;
}

.row
{
    margin-top:10px;
}

.row_in
{
    display:none;
    font-size:13px;
}

@media screen and (min-width: 100px) and (max-width: 800px)
{
    .row_out
    {
        display:none;
    }

    .row_in
    {
        display:block;
    }
}

/************ Sistema de espera CARGADOR  ************/
#div_loading
{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:none;
    z-index:30000;
    opacity:0.2;
}

#loading
{
    position:fixed;
    top:50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    z-index:30001;
    display:none;
    opacity:0.8;
}
/****************************************************/

div.upload {
    width: 39px;
    height: 42px;
    border:1px solid #D6D6D6;
    background: url(../img/upload.png) no-repeat center;
    border-radius:5px;
    overflow: hidden;
    margin:auto;
    cursor:pointer;
}

div.upload input {
    display: block !important;
    width: 157px !important;
    height: 57px !important;
    opacity: 0 !important;
    overflow: hidden !important;
    cursor:pointer;
}