:root {
    /* --primary: #1f8dba;
    --success: #23bc26;
    --info: #096de8;
    --warning: #ffa305;
    --danger: #d32a35; */
    --gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --brightnes-90: brightness(90%);
}

/* Overriding Bootstrap's styles */
* {
    text-decoration: none !important;
}

body {
    overflow-x: hidden;
}

.bg-danger {
    background-color: var(--danger) !important;
}

.bg-primary {
    background-color: var(--primary) !important;
}

.brand-image {
    margin-left: 0.5rem !important;
    margin-top: unset !important;
    max-height: unset !important;
    max-width: 40px !important;
}

.brand-link {
    font-size: unset !important;
}

.btn-primary {
    background-color: var(--primary) !important;
}

.btn-primary:hover {
    filter: var(--brightnes-90) !important;
}

.main-footer {
    background-color: unset !important;
    border-top: unset !important;
    font-size: .8em !important;
}

.main-footer a {
    color: #869099 !important;
    text-decoration: underline !important;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: var(--primary) !important;
    background-image: var(--gradient) !important;
}

.sidebar {
    height: calc(110% - (11rem + 1px)) !important;
}

.sticky-top {
    top: .8rem !important;
}

.text-primary {
    color: var(--primary) !important;
}

.text-warning {
    color: var(--warning) !important;
}

/* Own Styles */
.login {
    background-image: url("../app/images/koni/building.jpeg");
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    height: 100vh;
}

.login::before {
    content: "";
    background-color: rgba(35, 43, 43, .9);
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 0;
}

.login .form-content {
    z-index: 1;
}

.login img {
    filter: drop-shadow(0 1rem 1rem rgba(0, 0, 0, .1));
}

/* .login.form-body {
    background-color: unset !important;
} */

/* .login .form-content {
    background-color: unset !important;
} */

/* .login .form-content h3,
.login .form-content p,
.login .form-content label {
    color: #232b2b !important;
    text-align: unset;
} */

/* .login .form-content input {
    border: .5px solid #ced4da;
} */

/* .login .form-content form {
    margin-bottom: unset;
} */

/* .form-control.is-valid {
    background-image: unset !important;
} */

/* .login .form-holder {
    margin: 0 auto;
} */

/* .login .form-items {
    background-color: rgba(255, 255, 255, .95);
    max-width: 370px;
} */

.extra-line {
    content: '';
    border-top: 2px solid var(--warning);
    position: absolute;
    transform: translate(.3rem, .8rem);
    width: 50%;
}

.w-fit {
    width: fit-content !important;
}