/* Loginseite */
#sec_login {
    height: 100%;
}

#start_login {
    --bs-btn-color: #fff;
    --bs-btn-bg: #00B290;
    --bs-btn-border-color: #00B290;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #00B290;
    --bs-btn-hover-border-color: #00B290;
    --bs-btn-focus-shadow-rgb: 61, 150, 255;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #00B290;
    --bs-btn-active-border-color: #00B290;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #00B290;
    --bs-btn-disabled-border-color: #00B290;

}
.btn#start_login{
    text-transform: none !important;
}

.btn-default {
    --bs-btn-border-color: #00B290;
    background-color: #fff;
    --bs-btn-bg: #fff;
    color: #00B290;
}

.btn-check:checked + .btn,
.btn.active, .btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
    --bs-btn-border-color: #00B290;
    background-color: #00B290;
    --bs-btn-bg: #00B290;
    color: #fff;
}
.authentifizierung{
    color: #1749C6 !important;
}

.btn-default:has(input.is-invalid) {
    color: #dc3545;
    border-color: #dc3545;
}

input.is-valid ~ .icon-password,
input.is-invalid ~ .icon-password {
    display: none;
}

input.is-valid ~ .user-icon,
input.is-invalid ~ .user-icon {
    display: none;
}

/* Loginseite Provi */
#provi_login {
    height: 100vh;
}

body.login-default {
    background-color: #CBF2ED !important;
}

.form-signin {
    background: transparent;
}

.form-signin .btn.active i {
    color: #3c763d;
}

.form-signin .has-error i {
    color: #a94442;
}

.form-signin i[class~="fa-info-circle"] {
    display: inline-block;
    width: 34px;
    height: 34px;
    border-left: none;
    padding: 3px;
    color: #000d6e;
    font-size: 25px;
}

.login-default .btn-primary {
    text-transform: none;
    width: 100%;
}
@media (min-width: 1400px) {
    .col-xxl-5 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
}

@media (min-width: 1300px) {
    .col-xl-5 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
}
/*!* default: small screens *!*/
/*.col-xl-7,*/
/*.col-xxl-7 {*/
/*    flex: 0 0 100%;*/
/*    width: 100%;*/
/*}*/

@media (min-width: 1400px) {
    .col-xxl-7 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
}

@media (min-width: 1300px) {
    .col-xl-7 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
}
@media (max-width: 1299px) {

    .col-xxl-7 {
        display: none;
    }
}
/* EO Loginseite */


[data-bs-theme=light] * {
    --bs-primary: white;
    --bs-primary-rgb: #fff;
    --bs-light-primary: #bcd0ff;
    --bs-primary-bg-subtle: #1749C6;
    --bs-secondary: #1749C6;
    --bs-secondary-rgb: 133, 141, 202;
    --bs-secondary-bg-subtle: #edeef6;
    --action-button-icon: #768b9e;
}

[data-bs-theme=dark] * {
    --bs-primary: #142a48;
    --bs-primary-rgb: #142a48;
    --bs-light-primary: #142a48;
    --bs-primary-bg-subtle: #1b398e;
    --bs-secondary: #1b398e;
    --bs-secondary-rgb: 133, 141, 202;
    --bs-secondary-bg-subtle: #142a48;
    --action-button-icon: #768b9e;
}

[data-bs-theme=light] .sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link.active {
    background-color: #BCD0FF;
    margin-left: 20px;
}

[data-bs-theme=dark] .sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link.active {
    background-color: #142a48;
    margin-left: 20px;
}

[data-bs-theme=light] .btn-primary {
    --bs-btn-bg: #1749C6;
    --bs-btn-color: #fff;
    --bs-btn-border-color: #1749C6;
    --bs-btn-hover-bg: #1749C6;
    --bs-btn-hover-border-color: #1749C6
}

[data-bs-theme=dark] .btn-primary {
    --bs-btn-bg: #1b398e;
    --bs-btn-color: #fff;
    --bs-btn-border-color: #1b398e;
    --bs-btn-hover-bg: #1b398e;
    --bs-btn-hover-border-color: #1b398e
}

[data-bs-theme=light] .topbar .navbar .navbar-nav .nav-item .nav-link {
    color: #1749C6;
    border-radius: 5px;
    background-color: #BCD0FF !important;
}

[data-bs-theme=dark] .topbar .navbar .navbar-nav .nav-item .nav-link {
    color: #BCD0FF;
    border-radius: 5px;
    background-color: #1b398e !important;
}

[data-bs-theme=light] .nav-tabs .nav-item.show .nav-link .nav-tabs .nav-link.active {
    color: #1749C6;
    background-color: #BCD0FF !important;
}

[data-bs-theme=dark] .nav-tabs .nav-item.show .nav-link .nav-tabs .nav-link.active {
    color: #BCD0FF;
    background-color: #1b398e !important;
}

[data-bs-theme=light] .body-wrapper {
    background-color: #F7F7FA !important;
}

[data-bs-theme=dark] #main-wrapper {
    background-color: #192838
}

[data-bs-theme=light] .bg-primary {
    background-color: white !important;
}

[data-bs-theme=dark] .bg-primary {
    background-color: #192838 !important;
}

[data-bs-theme=light] .btn-secondary {
    --bs-btn-bg: #BCD0FF;
    --bs-btn-border-color: #BCD0FF;
    --bs-btn-hover-bg: #1749C6;
    --bs-btn-hover-border-color: #1749C6;
    --bs-btn-hover-color: #BCD0FF;
    --bs-btn-active-color: #1749C6;
    --bs-btn-active-border-color: #1749C6;
    --bs-btn-active-bg: #1749C6;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-border-color: #1749C6;
    --bs-btn-color: #1749C6;
    --bs-btn-disabled-bg: #1749C6;
}

[data-bs-theme=dark] .btn-secondary {
    --bs-btn-bg: #BCD0FF;
    --bs-btn-border-color: #BCD0FF;
    --bs-btn-hover-bg: #1b398e;
    --bs-btn-hover-border-color: #1b398e;
    --bs-btn-hover-color: #BCD0FF;
    --bs-btn-active-color: #1b398e;
    --bs-btn-active-border-color: #1b398e;
    --bs-btn-active-bg: #1b398e;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-border-color: #1b398e;
    --bs-btn-color: #1b398e;
    --bs-btn-disabled-bg: #1b398e;
}

[data-bs-theme=light] .btn-white {
    background-color: white;
    --bs-btn-border-color: #BCD0FF;
    --bs-btn-hover-border-color: #BCD0FF;
    color: #1749C6;
    font-weight: bold;
}

[data-bs-theme=dark] .btn-white {
    background-color: #1b398e;
    color: white;
    font-weight: bold;
}

[data-bs-theme=light] .text-white {
    color: #1749C6 !important;
}

[data-bs-theme=dark] .text-white {
    color: #457eea !important;
}

[data-bs-theme=light] .active > .page-link, .page-link.active {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: #1749C6;
    border-color: #1749C6;
}

[data-bs-theme=light] .btn-white {
    --bs-btn-bg: #A2BDFF;
    --bs-btn-border-color: #1749C6;
    --bs-btn-hover-bg: #1749C6;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-border-color: #1749C6
}

[data-bs-theme=light] .btn-warning {
    --bs-btn-color: #fff;
    --bs-btn-bg: #1749C6;
    --bs-btn-border-color: #1749C6;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1749C6;
    --bs-btn-hover-border-color: #1749C6;
    --bs-btn-focus-shadow-rgb: 209, 163, 0;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1749C6;
    --bs-btn-active-border-color: #1749C6;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #1749C6;
    --bs-btn-disabled-border-color: #1749C6;
}

[data-bs-theme=light] table.table.dataTable > tbody > tr.selected > * {
    color: #1749C6;
    box-shadow: inset 0 0 0 9999px #BCD0FF;
}

[data-bs-theme=light] table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1).selected > * {
    color: #1749C6;
    box-shadow: inset 0 0 0 9999px #BCD0FF;
}

[data-bs-theme=light] table.table.dataTable > tbody > .dt-select-checkbox {
    background-color: #0b0c54 !important;
    color: #0b0c54;
}

[data-bs-theme=light] .pagination {
    --bs-pagination-hover-color: #0b0c54;
}

[data-bs-theme=light] .page-link:focus {
    color: #BCD0FF;
    box-shadow: var(--bs-primary-rgb);
}

[data-bs-theme=light] .form-check-input:checked[type=radio] {
    background-color: #0b0c54;
    --bs-form-check-bg-image: none;
}

[data-bs-theme=light] .user-profile-tab .nav-item .nav-link.active {
    color: var(--bs-secondary);
    border-bottom: 2px solid var(--bs-secondary)
}

.form-check-input:checked[type=checkbox] {
    background-color: var(--bs-btn-bg);
}
