* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html,
body {
    font-family: 'Palanquin', sans-serif !important;
}

h1{
    font-family: 'Antonio', sans-serif !important;
    color: var(--H-text-color);
    font-size: 2rem;
    font-weight: 500;
} 

h2 , h3, h4, h5{
    font-family: 'Antonio', sans-serif !important;
    color: var(--H-text-color);
}


:root {
    --body-text-color: #0A0A0A;

    --H-text-color: #21296B;

    --Y-text-color: #FFBA00;

    --hero-bg-color: #0044B5;

    --login-text-color: #21296B;

    --accent-block-home: #F0F0F2;

    --accent-block-report: #F0F0F2;

    --bg-menu: #0044B5;

    --bg-button-default: #dfdfdf;

    --bg-button-primary: #001391;
    
    --bg-button-success: #156B4C;

    --bg-button-alert: #D12626;
    
 }
 .dark-side {
    --body-text-color: #FFFFFF;

    --H-text-color: #ececec;

    --hero-bg-color: #21296B;

    --login-text-color: #000000;

    --accent-block-background: #21296B;

    --accent-block-home: #21296B;

    --accent-block-report: #282C35;

    --bg-menu: #21296B;
    
    --bg-button-primary: #031065;

    --bg-button-success: #0c3e2c;

    --bg-button-alert: #862e2e;

 }
/* 
 .custom-hint {
    --hint-background: #ffebee;
    --hint-color: #c62828;
} */

 .H-text-color{
    color: var(--H-text-color);
 }
 .Y-text-color{
    color: var(--Y-text-color);
 }

 .login-text-color{
    color: var(--login-text-color);
 }

 .hero-bg-color{
    background-color: var(--hero-bg-color);
 }

.accent-block {
    background-color: var(--accent-block-background);
}

.accent-block-home {
    background-color: var(--accent-block-home);
} 

.accent-block-report {
    background-color: var(--accent-block-report);
} 

.accent-bg-menu {
    background-color: var(--bg-menu);
}

/* buttons */
.button-default {
    background-color: var(--bg-button-default);
    border-style: none;
    color: #3b3b3b;
    border-radius: 8px;
}
.button-default:hover {
    background-color: #c0c0c0;
    color: #000000;
}
.button-primary {
    background-color: var(--bg-button-primary);
    border-style: none;
    color: #FFF;
    border-radius: 8px;
}
.button-primary:hover {
    background-color: #0044B5;
}
.button-success{
  background-color: var(--bg-button-success);
  border-style: none;
  color: #FFF;
  border-radius: 8px;
}
.button-success:hover{
  background-color: #009464;
  color: #FFF;
}
.button-alert{
  background-color: var(--bg-button-alert);
  border-style: none;
  color: #FFF;
  border-radius: 8px;
}
.button-alert:hover{
  background-color: #FD372C;
  color: #FFF;
}




/* background colores UWC */
.bg-FAD42F{
background-color: #FAD42F;
}
.bg-FFEAD0{
background-color: #FFEAD0;
}
.bg-0044B5{
    background-color: #0044B5;
}
.bg-FFE9E9{
    background-color: #FFE9E9;
}
.bg-F0F0F2{
    background-color: #F0F0F2;
}

/* font weight colores UWC */
.fg-FFBA00{
    color: #FFBA00;
}

/* sombras */
.shadow-uwc{
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

/* contenedor del layout del login */
.container-layout{
    min-height: 100vh;
    display: grid;
    grid-template-rows: auto 1fr auto;
}

/* redondear los input generales */
.input-rounded{
  border-radius: 5px;
  
}


/*media query*/
.container-fluid {width: 100%;}

@media (min-width: 900px) {
    .container-fluid {
        padding: 20px 50px 20px 50px;
    }
    
}

@media (min-width: 300px) and (max-width: 899px) {
    .hide{
       display: none;
    }
}