:root
{
    --icons: #BBD769 ; /* #F73E2B; */
    --rojo:#97b06b; /* #8c8c8c; */
    --negro: #232323;
    --gris: #EDEDED;
    --verde: #d9fdd3;
    --amarillo: #fff3b0;
    --azul-check: #AEC9E5;
    --resaltar-chillon: #42ff1f;
    --resaltar-suave: #BBD769
}
*
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border: 0;
    outline: 0;
    font-family: 'Bozon', sans-serif;
}
.filtro-activo
{
    color: var(--negro) !important; /*yellow !important;*/
}
.flex-middle
{
    display: flex !important;
    align-items: center !important;
}

.flex-center
{
    display: flex !important;
    justify-content: center !important;
}

.none
{
    padding: 0;
    height: 0;
    display: none !important;
    padding: 0;
    margin: 0;
    background: transparent;
    color: transparent;
    border-color: transparent; 
}
.none *
{
    display: none;
    border: 0;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    color: transparent;
    border-color: transparent; 
}
.visible
{
    visibility: visible;
    
}
.oculto
{
    border: 0;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    color: transparent;
    border-color: transparent;
    visibility: hidden;
}
.oculto.fondo-blur
{
    visibility: visible;
    
   color: transparent;
}
@font-face 
{
    font-family: 'Bozon';
    src: url(../../media/fonts/BozonRegular.otf);
}
@font-face 
{
    font-family: 'Bozon';
    src: url(../../media/fonts/BozonBold.otf);
    font-weight: bold;
}
@font-face 
{
    font-family: 'Liberalia';
    src: url(../../media/fonts/Liberalia-Regular.woff) format('woff');
    src: url(../../media/fonts/Liberalia-Regular.otf),
         url(../../media/fonts/Liberalia-Regular.ttf) format('truetype');
}

.vertical
{
    display: flex;
    flex-direction: column;
}
.horizontal
{
    display: flex;
    flex-direction: row;
}
.unidad::after
{
    content: " uds.";
}
.porcentaje::after
{
    content: "%";
}
.euro::after
{
    content: "€";
}
table
{
    border-collapse: collapse;
}
table, tr, td, th
{
    border: 0;
    outline: 0;
}
a
{
    text-decoration: none;
}
a:hover
{
    background: var(--rojo);
    color: var(--gris);
}
.grid3
{
    grid-column: 1 / 4 ;
}
button, *[type=submit], *[type=button], *[type=reset]
{
    cursor: pointer;
    padding: 10px 5px;
    display: inline-block;
    background: #aaa;
    color: #eee;
    text-align: center;
}
button:hover, input[type=submit]:hover, input[type=reset]:hover, *[type=button]:hover
{
    
/*     background: #444; */
    color: white;
    background: var(--rojo);
    border-color: var(--rojo);
}
input:focus, textarea:focus
{
/*     border: 1px solid #777; */
    border: 1px solid #ddd;
    background: #ddd;
}
.fondo-blur
{
    
    box-shadow: inset 0 0 200px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
}
.pointer
{
    cursor: pointer;
}
.cursor-default
{
    cursor: default;
}
.destacar
{
    background: var(--resaltar-chillon); /*yellow;*/
}
.coincidencia
{
    background: var(--resaltar-chillon) !important;/*yellow !important;*/ 
    color: #777 !important;
}
.bold
{
    font-weight: bold;
}
.italic
{
    font-style: italic;
}
.puntos-suspensivos:after
{
    content: "...";
}
.input-correcto
{
    background-color: lightgreen;
    color: black;
}
.input-incorrecto-real-poliza
{
    background: rgb(255,255,0);
    background: linear-gradient(135deg, rgba(255,255,0,1) 0%, rgba(255,255,0,1) 49%, rgba(255,0,0,1) 50%, rgba(255,0,0,1) 100%);
}
.input-incorrecto-real
{
    background: var(--resaltar-chillon); /*yellow;*/
}
.input-incorrecto-poliza
{
    background: red;
}

.close
{
    z-index: 10000;
    color: white; 
    border: 1px solid var(--rojo); 
    border-radius: 5px; 
    user-select: none; 
    cursor: pointer; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    position:sticky; 
    align-self: flex-end;
    top: 0px;
    padding: 5px; 
    width: 30px; 
    height: 30px; 
    background:var(--rojo);
}
.close:hover
{
    background: var(--rojo);
    color: white;
}
.obligatorio:before
{
    content: "*";
    color: var(--rojo);
    font-weight: normal;
    font-size: 1rem;
}
.obligatorio-after:after
{
    content: "*";
    color: var(--icons);
    font-weight: normal;
    font-size: 1rem;
}
input, select, option, textarea, button
{
    padding: 10px;
    border: 1px solid #aaa;
    color: #444;
    border-radius: 5px;
    text-align: left;
    vertical-align: top;
}   
button
{
    color: #eee;
}
textarea
{
    width: 100%;
    height: 100%;
}
.text_correct
{
    color: green;
}
.text_incorrect
{
    color: red;
}
.uppercase
{
    text-transform: uppercase;
}
/* SCROLL BAR */
::-webkit-scrollbar
{
    padding: 2px;
    width: 15px;
    border: none;
}
::-webkit-scrollbar-track
{
    background: var(--gris);
    box-shadow: inset 0 0 2000px rgba(0,0,0,.05);
    border-radius: 50px;
    padding: 0 2px;
    width: 100%;
}
::-webkit-scrollbar-thumb
{
    border: 3px solid var(--gris);
    background: var(--rojo);
    border-radius: 50px;
    width: 10px;
}