.header {
    width: 100%;
    background-color: #830000;
    color: #FFFFFF;
    text-align: center;
    line-height: 3rem;
    font-weight: 700;
}
.user_card {
    background: #b41414;
}
.input-group-text,
.login_btn{
    background: #830000 !important;
}
.bg-1{
  background: url('../images/bg_r.jpg') top left no-repeat;
  background-size: cover;
  background-color: #ffffff;
}
#tggl,
.bg-2{
  background: url('../images/bg_ar.jpg') top left no-repeat;
  background-size: cover;
  background-color: #ffffff;
}
.text-alternate{
    color:#ECECEC;
}
.btn-default{
    color: #ECECEC;
}
.fondo-1{
    background-color: rgba(231,231,231,0.20);
    background: linear-gradient(90deg, rgba(231,231,231,0.3) 0%, rgba(60,60,60,0.3) 100%, rgba(231,231,231,0.3) 100%);
}
.fondo-2{
    background-color: rgba(0,0,0,0.50);
    background: linear-gradient(2700deg, rgba(231,231,231,0.3) 0%, rgba(60,60,60,0.3) 100%, rgba(231,231,231,0.3) 100%);
}
.fondo-3{
    background-color: rgba(55,60,78,0.44);
    background: linear-gradient(1800deg, rgba(231,231,231,0.3) 0%, rgba(60,60,60,0.3) 100%, rgba(231,231,231,0.3) 100%);
}

footer.footer {
    background-color: #b41414;
    bottom: 0px;
    height: 3rem;
    line-height: 3rem;
    position: fixed;
    text-align: center;
    width: 100%;
    border-top: 1px solid #000;
    color: #ECECEC;
    /*    border-radius: 2% 2% 0 0;
    box-shadow: 1px 2px 5px 5px #DDD;
*/}