@font-face {
    font-family: Blinker;
    src: url('../assets/fonts/Blinker-Regular.ttf');
}

html {
  min-height: 100%;
  position: relative;  
}

body {
  margin: 0;
  font-family: 'Blinker', sans-serif !important;        
  margin-bottom: 40px;
}

footer {  
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px;
  color: white;
}

input:invalid {
    background-color: #f7dddc;/*pink;*/
}

/*Labels en negrita formularios*/
.formularioMCO label{
    font-weight: bold;
}

/*Fondos */
.backGroundPrimario{
    background-color: #2E2096; 
    color: white;
}


.backGroundSecundario { 
    background-color: #E3314F; 
    color: white;
}

.backGroundAzul { 
    background-color: #0E0C3C; 
    color: white;
}

.backGroundCeleste { 
    background-color: #CAF4FF; 
    color:  #0E0C3C;
}


/*Botones */

.btnPrimario{
    background-color: #E3314F;     
    color: white;
}

.btnSecundario { 
    background-color: #2E2096;
    color: white;
}

.btnAzul { 
    background-color: #0E0C3C; 
    color: white;
}

.btnCeleste { 
    background-color: #CAF4FF; 
    color:  #0E0C3C;
}

.btn:hover{
    color: white;
}

/* menu estilo parecido a aws */
.textoDescripcion {
    font-size: 14px;
    line-height: 20px;
    }
.textoFuncion {
    font-size: 18px;
    font-weight: bold;
    }    
.column_1 {
    float: left;
    display:flex;
    align-items:center;
    width: 20%;
    padding-bottom: 10%;
    }
.column_2 {
    float: left;
    width: 80%;
    }
        
/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
    }    

.fondo_gris:hover {
    background: #eee;
    cursor: pointer;
    }   

.row_border{
    margin: 4px 4px 4px 4px; 
      padding: 25px 20px; 
      border: 1px solid #ddd;
      border-radius: 4px;
      padding: 10px;
}    
/* fin menu estilo parecido a aws */

.formularioMCO label{
    font-weight: bold;
}