:root {
    --unilagos-blue: #007dc0;
    --unilagos-navy: #16274a;
    --unilagos-cyan: #17abdd;
}

body.welcome-anonymous {
    background: #16274a url("background.png") center / cover fixed no-repeat;
    color: #383838;
}

.page-anonymous .container-tight {
    max-width: 520px !important;
    padding: 24px 16px !important;
}

.page-anonymous .glpi-logo {
    background: url("logo.png") center / contain no-repeat !important;
    width: 172px !important;
    height: 30px !important;
    display: inline-block;
}

.page-anonymous .card {
    background: #fefefe;
    border-radius: 8px;
    border: 0;
}

.page-anonymous form > .row {
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
}

.page-anonymous form > .row > div {
    width: 100%;
    max-width: 100%;
}

.page-anonymous .rich_text_container h2 {
    font-size: 20px;
    line-height: 1.35;
    margin: 0;
    overflow-wrap: anywhere;
}

.page-anonymous .card-header h2 {
    font-size: 20px;
    line-height: 1.35;
}

.page-anonymous .text-muted,
.page-anonymous .text-muted a {
    color: #fefefe !important;
}

.btn-primary {
    background-color: #007dc0;
    border-color: #007dc0;
    color: #fff;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #16274a;
    border-color: #16274a;
    color: #fff;
}

.form-control:focus,
.form-select:focus {
    border-color: #007dc0;
    box-shadow: 0 0 0 3px rgb(23 171 221 / 25%);
}

.form-check-input:checked {
    background-color: #007dc0;
    border-color: #007dc0;
}

aside.navbar .navbar-brand {
    background: #16274a;
    padding: 20px 12px;
}

aside.navbar .glpi-logo {
    background: url("logo.png") center / contain no-repeat !important;
    width: 172px !important;
    max-width: 100%;
    height: 30px !important;
}

.navbar-collapsed aside.navbar .glpi-logo {
    background-image: none !important;
    width: 32px !important;
}

.navbar-collapsed aside.navbar .glpi-logo::after {
    content: "U";
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    line-height: 30px;
}

@media (max-width: 575px) {
    .page-anonymous .card-body {
        padding: 24px;
    }
    .page-anonymous > .flex-fill {
        margin-top: 0 !important;
    }
}
.glpi-logo {
    content: none !important;
}
.glpi-logo {
    filter: brightness(0) invert(1);
}