/* https: //www.magnific.com/es/autor/pop-vectors/iconos */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  font-family: 'Palanquin', sans-serif !important;
  background-color: var(--bg-body);
}

h1 {

  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;
  --bg-body: #FFFFFF;
  --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;
  --appbar-color: red;
  --hint-background: #ededed;
  --hint-color: #1d1e20;
  --hint-border-radius: 10px;
  /* toolbar */
  /* --tool-button-background: #FFFFFF; */
  /* --tool-button-color: #0044B5; */
  /* --tool-button-background-hover: #0261ff;
    --tool-button-color-hover: white; */
  /* --tool-button-border-radius: 7px; */
  /*hint*/


}

.dark-side {
  --body-text-color: #FFFFFF;
  --bg-body: #1E1F22;
  --H-text-color: #ececec;
  --hero-bg-color: #21296B;
  --login-text-color: #000000;
  --accent: #ffffff;
  --accent-block-background: #21296B;
  --accent-block-home: #21296B;
  --accent-block-report: #282C35;
  --bg-menu: #001391;
  --bg-button-primary: #031065;
  --bg-button-success: #0c3e2c;
  --bg-button-alert: #862e2e;
  --appbar-color: yellow;
  --hint-background: rgb(211, 208, 208);
  --hint-color: #000000;
  --hint-border-radius: 10px;

}


.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{
  background-color: var(--accent);
}

.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-footer {
  background-color: var(--bg-menu);
}

.myCustomAppBar {
  --appbar-background: var(--bg-menu);
  --appbar-color: #ffffff;
  --appbar-item-color: #ffffff;
  --appbar-item-background-hover: rgba(255, 255, 255, 0.2);
  --appbar-item-color-hover: #ffffff;
  --appbar-border-radius: 10px;
}


/* 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;
}

.remark-success {
  background: #e4f7e6;
  color: var(--fg-dark-green);
  padding: 4px 7px;
  border-radius: 6px;
}


/* 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;
}

/*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;
  }
}

/* https: //www.magnific.com/es/autor/pop-vectors/iconos */