.container-bg {
    background-image: url("../../img/login_background.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.card-title {
    font-size: 1.5em;
    font-weight: bold;
    color: #bd0006;
}

.btn-rounded {
    border-radius: 30px;
}

.custom-link {
    font-weight: bold;
    text-decoration: none;
    color: #000000;
}

.hr-line {
    background: -moz-linear-gradient(#ffffff 0%, #ffffff 49%, #000000 50%, #000000 51%, #ffffff 52%, #ffffff 100%);
    background: -ms-linear-gradient(#ffffff 0%, #ffffff 49%, #000000 50%, #000000 51%, #ffffff 52%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(49%, #ffffff), color-stop(50%, #000000), color-stop(51%, #000000), color-stop(52%, #ffffff), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(#ffffff 0%, #ffffff 49%, #000000 50%, #000000 51%, #ffffff 52%, #ffffff 100%);
    background: -o-linear-gradient(#ffffff 0%, #ffffff 49%, #000000 50%, #000000 51%, #ffffff 52%, #ffffff 100%);
    background: linear-gradient(#ffffff 0%, #ffffff 49%, #000000 50%, #000000 51%, #ffffff 52%, #ffffff 100%);
}

.hr-line span {
    background: #fff;
    padding: 0 20px;
    position: relative;
    z-index: 5;
}

.darkmode--activated hr{
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.darkmode--activated .card{
    border: none;
    border-radius: 5px;
    background-color: black;
}
.darkmode--activated .card-title,.darkmode--activated label
,.darkmode--activated .custom-link, .darkmode--activated .btn-danger>b
{
    color: white;
}

.darkmode--activated .hr-line{
    background-image: linear-gradient(rgb(0, 0, 0) 0%, 
    rgb(0, 0, 0) 49%,
     rgb(255, 255, 255) 50%,
      rgb(255, 255, 255) 51%,
       rgb(0, 0, 0) 52%,
        rgb(0, 0, 0) 100%);
}
.darkmode--activated .hr-line>span{
    background-color: black;
    color: white;
}