@import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

:root {
  --ColorLogo: #0555F8;
  --ColorTitulo: #009fe3;
  --ColorSubtitulo: #2E64FE;
  --ColorAmarilloFooter: #009fe3;
  --ColorLineTitles: #009fe3;
  --ColorAzulClaro: #61D0F6;
  --ColorCopy: #424242;

  --ColorAzulBajo: #b2e6f9;
  --ColorAzulMedio: #009fe3;
  --ColorAzulAlto: #001781;

  --ColorVerdeMedio: #0786C2;
  /*#68d450;*/

  /* APLICA PARA BARRA LATERAL Y FOOTER*/
  --ColorFondoGeneral: #424242;
  --ColorTextoGeneral: #e9e9e9;

  --ColorTextoGeneralMenu: #fff;

  --ColorFondoSubMenu: #585858;
  --ColorLineaSeparadorSm: #424242;

  --ColorTextoPerfil: #fff000;

  --ColorHoverMenu: #009fe3;
  --ColorHeaderTablas: #b2e6f9;

  --ColorFondoCopy: #2e2e2e;
  --ColorTextoCopy: #E0ECF8;


  --ColorLineaSeparadorH: #D8D8D8;
  /* SEPARADOR HEADER */
  --ColorLineaSeparadorM: #585858;
  /* SEPARADOR MENU */

  --ColorLineaBordesSecciones: #D8D8D8;
  /* SEPARADOR HEADER */
  --ColorLineaBordesCampos: #F3F3F3;
  /* Color de linea de campos de texto */

  /* APLICA PARA CONTENIDOS */
  --ColorFondoGeneralContenidos: #fff;
  --ColorTextoGeneralContenidos: #424242;
  --ColorFondoRegistrosForm: #fdfdfd;

  /* APLICA PARA TODOS LOS BOTONES DE ACCION */
  --ColorFondoBotonesAccion: #0786C2;

  /*#68d450;
  #009fe3;*/
  --ColorHoverBotonesAccion: #4780F3;
  --ColorTextoBotonesAccion: #fff;
}

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

}

body {
  font-family: 'Open Sans', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
label {
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-family: 'Open Sans', sans-serif;
  /*letter-spacing: 1px;  
    text-align: justify;*/
}

h2 {
  font-size: 24px;
}

h3 {
  font-size: 20px;
}

h4 {
  font-size: 18px;
}

section {
  width: 100%;
}

.breadcrumb {
  background: #fff;
  text-align: left;
}

input[type=text] {
  text-transform: uppercase;
}

.btn-info,
.btn-info:active {
  color: var(--ColorTextoBotonesAccion);
  background: var(--ColorFondoBotonesAccion);
  border: 2px solid var(--ColorFondoBotonesAccion);
  /* min-width: 180px; */
  /*border-radius: 50px;
  max-height: 35px;
  height: 35px;
  */
}

.btn-info:hover {
  background: #fff;
  border: 2px solid var(--ColorAmarilloFooter);
  color: var(--ColorFondoCopy);
  /*border-radius: 50px;*/
}

.barra-btn-lista button:nth-child(2),
.barra-btn-lista button:nth-child(3) {
  background: #fff;
  color: var(--ColorFondoCopy);
  border: 2px solid var(--ColorAmarilloFooter);
}

.barra-btn-lista button:nth-child(2):hover,
.barra-btn-lista button:nth-child(3):hover {
  background: var(--ColorFondoBotonesAccion);
  color: var(--ColorTextoBotonesAccion);
  border: 2px solid var(--ColorFondoBotonesAccion);
}

table {
  text-align: left;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  appearance: textfield;
}

input[type=checkbox] {
  display: none;
}


/*TOOLS TIPS PARA NOTACIONES */
.tooltips {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
  border-style: none;
  cursor: help;
}

.tooltips .tooltipstext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 150%;
  left: 50%;
  margin-left: -60px;
}

.tooltips .tooltipstext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}

.tooltips:hover .tooltipstext {
  visibility: visible;
}

ul {
  padding-left: 5rem;
}