:root{
    --colorPrimario: #375369;
    --colorSecundario: #223849;
    --colorTerciario: #b18125;
    --colorOscuro: black;
    --colorClaro: #F6F8FC;
    --fuenteBase: 'roboto normal';
    --fuenteNegrita: 'roboto negrita';
    --fuenteDelgado: 'roboto delgado';
}

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

body{
    height: 100%;
    width: 100%;
    position: absolute;
}

a{
    text-decoration: none;
}

a:hover{
    text-decoration: none;
}

input[type=text],
input[type=password],
input[type=email],
input[type=date],
input[type=number]{
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid var(--colorTerciario);
    border-radius: 0;
}

textarea{
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--colorTerciario) !important;
    border-radius: 0 !important;
}

select{
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--colorTerciario) !important;
    border-radius: 0 !important;
}

.fondo-primario{
    background-color: var(--colorPrimario);
}

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

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

.fondo-claro{
    background-color: var(--colorClaro);
}

.texto-negrita{
    font-family: var(--fuenteNegrita);
    font-weight: bold;
}

.texto-delgado{
    font-family: var(--fuenteDelgado);
}

.texto-claro{
    color: var(--colorClaro);
}

.boton-primario{
    border: 1px solid var(--colorPrimario);
    transition: .4s;
    color: var(--colorPrimario);
}

.boton-primario:hover{
    border: 1px solid #538DD7;
    transition: .4s;
    color: #538DD7;
}

.boton-secundario:hover{
    border: 1px solid #538DD7;
    transition: .4s;
    color: #538DD7;
}

.boton-rojo{
    border: 1px solid #DC3545;
    transition: .4s;
    color: #DC3545;
}

.boton-rojo:hover{
    border: 1px solid #1B1B1B;
    transition: .4s;
    color: #1B1B1B;
}

.boton-secundario{
    border: 1px solid var(--colorSecundario);
    transition: .4s;
    color: var(--colorSecundario);
}

.boton-secundario:hover{
    border: 1px solid #538DD7;
    transition: .4s;
    color: #538DD7;
}

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

.borde-terciario{
    border: 1px solid var(--colorTerciario);
    transition: .4s;
}

.rotacion {
    animation: rotacion 2s linear infinite;
}

table > tbody > tr > td .imagen-carga{
    width: 20px;
}

a .imagen-carga{
    width: 20px;
}

.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);
    }
}