:root {
    --font-family :'Lato', sans-serif;

    /*BLANCOS*/
    --color-0:#FFFFFF;
    --color-00: #CFCFCF;
    --color-000:#6D6C6C;

    /*VERDES OSCUROS*/
    --color-1:#0A4680;
    --color-01xxx:#135f8f;

    --color-100xxx: #00B4C4;

    --color-2: #2283BD;    /* R:112 G:191 B:151 */
    --color-02xxx:#01c3d3;    /* R:0   G:154 B:154 */

    --color-3xxx: #155560;
    --color-03xxx: #246263;

    --color-4xxx:#21C3A5;

    --color-warning:#EC971F;
    --color-marron: #852c41;
}

body{

  font-family: 'Lato', sans-serif;
  background: url('../images/fondos/fondo_principal_1.jpg') no-repeat center center fixed;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;

}

/*********************************************************
************************** LOGIN *************************
**********************************************************/


#formLogin {
    margin: 20px 80px 30px 80px;
}
.auth-content{
  /*background-color: rgba(255, 255, 255, 0.9);*/
  background-color: rgba(0, 0, 0, 0.6);
  margin: 10% auto 0;
  max-width: 500px;
  padding: 0 30px 20px;

    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.auth-content .logo_sl{
  padding-bottom: 30px;
  padding-top: 25px;
  text-align: center;
}
.auth-content label{
  font-weight: 400;
    color: #FFFFFF;
}
.footer-login{
  position: fixed;
  bottom:0;
  left: 0;
  width: 100%;
  padding: 12px 0 10px;
  background-color: rgba(0,0,0,0.8);
}
.title-main {
    color: #47A1D9;
    font-family: "DIN Condensed", "Poppins", sans-serif;
    font-size: 46px;
    margin-top: 20px;
}
.subtitle-main {
    color: #FFFFFF;
    font-size: 20px;
    margin-top: -10px;
}
.invalid-feedback {
    color: #FFFFFF;
}


/*********************************************************
************************** DE AYUDA *************************
**********************************************************/

.bordered{
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

/*********************************************************
************************** BOOTSTRAP *************************
**********************************************************/

.btn-default{
  background-color: var(--color-2) !important;
  border-color: var(--color-2) !important;
  color: #FFFFFF;
}
.btn-default:hover{
  background-color: var(--color-1) !important;
  border-color: var(--color-1) !important;
  color: #FFFFFF;
}

.btn-link{
  color: #FFFFFF;
  font-weight: 300;
  font-size: 12px;
}
.btn-link:hover{;
  color: #CFCFCF;
}