/* .app-login-box {
    width: 30% !important;
    margin: 0 !important;
    margin-right: 50px !important;
    margin-top: 50px !important;
    float: right !important;
} */
.app-navigation-logo {
    background-color: #FFF;
}
.left-pos {
    float: left !important;
    margin-left: 50px !important;
    width: 50% !important;
}

footer {
    position: absolute;
    padding: 10px;
    width: 100%;
    bottom: 0px;
    background-color: #FFF;
    opacity: 0.7;
}

.btn-block {
    width: 200px;
    float: left;
    margin-left: 10px;
}

.btn-block + .btn-block {
    margin-top: 0px !important;
}

@media screen and (max-width: 768px) {

    .content-desktop {display: none;}
    .btn-office {
        margin-left: -10px !important;
        width: 105% !important;
    }

    .btn-submit {
        width: 105% !important;
    }
    
    }

@media only screen and (max-width: 768px) {
    .app-login-box {
        width: 100% !important;
        margin: 0 !important;
        margin-bottom: 100px !important;
        margin-top: -10px !important;
    }

    .left-pos {
        margin-left: 0 !important;
        width: 100% !important;
    }
    .office-logo {
        width: 150px !important;
    }
}

.br_br {
    clear: both;
}

.btn_register {
    background-color: #c4672e;
    border: 1px solid #c4672e
}

.bg_home {
    background: url('https://www.perfectgroep.nl/uploads/uploads/2021/01/1200_x_auto_51079773.jpg') center center no-repeat fixed !important;
    background-size: 100% auto !important;
}

.addthis_inline_share_toolbox {
    float: right;
    width: 40%;
}

#user {
  border: 1px solid #f6952f;
}

.font_14 {
    font-size: 14px;
}

td {
    cursor: hand !important
}

@media (prefers-color-scheme: dark) {
    .app-login-box {
        background: #1a1a1a !important;
        background-color: #1a1a1a !important;
    }

    .title, .subtitle, .app-login-box-container {
        color: #FFF !important;
    }

    img {
        padding: 20px;
        background-color: #FFF;
    }
}