:root{
    --colorPrimario: #1476B9;
    --colorPrimarioHover: #457fa5;
    --colorSecundario: #1F2043;
    --colorSecundarioHover: #61639a;
    --colorTerciario: #D4E9F9;
    --colorOscuro: black;
    --colorClaro: #F6F8FC;
}

a,b,p,div,span,label,ol,ul,li,small,bold,i,h1,h2,h3,h4,h5,h6,input,select{
    font-family: 'roboto regular';
}

body{
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
}

.ocultar{
    display: none !important;
}

a{
    text-decoration: none;
}

a:hover{
    text-decoration: none;
}

.fondo-secundario{
    background-color: var(--colorSecundario);
}

.fondo-terciario{
    background-color: var(--colorTerciario);
}

.boton-primario{
    background-color: var(--colorPrimario);
    color: var(--colorClaro) !important;
}

.boton-primario:hover{
    background-color: var(--colorPrimarioHover);
    color: var(--colorClaro) !important;
}

.boton-secundario{
    background-color: var(--colorSecundario);
    color: var(--colorClaro) !important;
}

.boton-secundario:hover{
    background-color: var(--colorSecundarioHover);
    color: var(--colorClaro) !important;
}

.tabla-lista-acciones > :not(caption) > * > *{
    padding: 0;
}

.tabla-lista-acciones tr td{
    height: 50px;
    border-top: 5px solid white;
    border-bottom: 5px solid white;
    border-right: 5px solid white;
    padding-left: .8rem;
    background-color: #f6fafd;
    vertical-align: middle;
}

.tabla-lista-acciones .barra-vertical{
    border-left: 6px solid var(--colorPrimario);
    padding-left: 1rem;
    height: 100% !important;
    display: flex !important;
    align-items: center!important;
}

.tabla-lista-acciones tr td:first-child{
    border-top: 5px solid white;
    border-bottom: 5px solid white;
    border-right: 5px solid white;
    border-left: 0;
    padding-left: 0;
}

.tabla-lista-acciones tr td:last-child{
    border-top: 5px solid white;
    border-bottom: 5px solid white;
    border-right: 0;
    border-left: 5px solid white;
    padding-left: 3px;
    padding-right: 3px;
    white-space: nowrap;
    width: 1%;
}

th{
    width: 1%;
    white-space: nowrap;
}

td{
    white-space: nowrap;
}

.barra-scroll-superior{
    transform: rotateX(180deg);
}

.barra-scroll-superior table{
    transform: rotateX(180deg);
}

.barra-botonera a{
    margin-left: 2px;
    margin-right: 2px;
    width: 43px;
}

.imagen-tabla-carga{
    width: 100px;
}

.icono-carga-respuesta{
    font-size: 40px;
}

.icono-carga-respuesta{
    animation: efectoAparecer .6s;
}

@keyframes rotacion {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes efectoAparecer {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}