a,b,p,div,span,label,h6,ol,ul,li,small,input,bold,i{
    font-family: 'regular';
}

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

input[type=text],
input[type=password],
input[type=number],
input[type=tel],
input[type=email],
input[type=submit],
input[type=button],
textarea,
button{
    border-radius: 0;
    height: 44px;
    font-size: var(--tamanoLetraBase);
}

h6{
    font-size: calc(1 * var(--tamanoLetraBase));
}

h5{
    font-size: calc(1.3 * var(--tamanoLetraBase));
}

h4{
    font-size: calc(1.6 * var(--tamanoLetraBase));
}

h3{
    font-size: calc(2 * var(--tamanoLetraBase)) !important;
}

h2{
    font-size: calc(2.4 * var(--tamanoLetraBase));
}

h1{
    font-size: calc(2.8 * var(--tamanoLetraBase));
}

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

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

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

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

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

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

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

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

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

.fondo-terciario-transparente{
    background-color: var(--colorOscuro);
    opacity: .7;
}

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

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

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

.modal-body p{
    font-family: 'regular';
    color: var(--colorSecundario);
    font-size: calc(1.5 * var(--tamanoLetraBase)) !important;
}

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

@media screen and (min-width: 320px) {

}

@media screen and (min-width: 520px) {

}

@media screen and (min-width: 1024px) {

}

@media screen and (min-width: 1200px) {

}

@media screen and (min-width: 1500px) {

}