.kt-login-v1 .kt-login-v1__body .kt-login-v1__wrapper .kt-login-v1__container .kt-login-v1__actions .btn {
    color: #fff;
    background-color: #009FE3;
}

.kt-login-v1 .kt-login-v1__body .kt-login-v1__wrapper .kt-login-v1__container {
    background-color: rgba(147, 147, 147, 0.75);
    padding: 20px 50px;
}

.kt-login-v1 .kt-login-v1__body .kt-login-v1__wrapper .kt-login-v1__container .kt-login-v1__form .form-control {
    border-color: rgb(255, 255, 255) !important;
    color: #fff !important;
}

.kt-login-v1 .kt-login-v1__body .kt-login-v1__wrapper .kt-login-v1__container .kt-login-v1__actions .kt-login-v1__forgot {
    color: rgb(255, 255, 255);
}

.kt-content {
    padding: 0px;
}

@media (min-width: 1025px) {
    .kt-aside--fixed.kt-aside--minimize .kt-wrapper {
        padding-left: 57px;
        transition: all .3s ease;
    }

    .kt-aside--fixed .kt-wrapper {
        padding-left: 262px;
    }
}

.kt-aside--minimize .kt-aside {
    width: 55px;
}

.kt-header {
    height: 60px;
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--open > .kt-menu__link {
    background-color: #009FE3;
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--open > .kt-menu__link .kt-menu__link-icon {
    color: #ffffff;
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--open > .kt-menu__link .kt-menu__ver-arrow {
    color: #ffffff;
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__heading, .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link {
    cursor: pointer;
    min-height: 30px;
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__section {
    margin: 10px 0 0;
    height: 30px;
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item > .kt-menu__heading, .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item > .kt-menu__link {
    min-height: 30px;
}

.kt-aside .kt-aside-menu > .kt-menu__nav .kt-menu__item > .kt-menu__link [class*=" flaticon2-"], .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-icon, .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__ver-arrow {
    color: #c0c4d1 !important;
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item--open > .kt-menu__link .kt-menu__link-icon {
    color: white !important;
}

@media (max-width: 1024px) {
    .kt-header-mobile--fixed .kt-header__topbar {
        position: fixed;
        z-index: 96;
        background-color: #009FE3;
    }

    .kt-subheader {
        display: none;
    }

    .kt-quick-search .kt-quick-search--inline .kt-quick-search--result-compact {
        border-radius: 25%;
    }
}

.kt-user-card .kt-user-card__wrapper {
    padding: 10px;
}

.kt-portlet .kt-portlet__body {
    padding: 0px 10px;
}

.table thead th, .table thead td, .table tfoot th, .table tfoot td {
    font-weight: 300;
    border-bottom-width: 1px;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.table th, .table td {
    padding: 0.5rem;
    vertical-align: top;
    border-top: 1px solid #a4a5a9;
}

.datatablalist tbody tr:nth-child(2n) {
    background-color: rgba(0, 159, 227, 0.25);
    /*background-color: #009FE3;*/
    font-size: 11px;
}

.datatablalist tbody tr:nth-child(2n+1) {
    background-color: #f8f8f8;
    font-size: 11px;
}

.datatablalist td, .datatablalist th {
    padding: 2px;
    height: 33px;
    font-size: 11px;
}

.col-sm-1 {
    padding: 5px 5px;
}

.col-lg-6 {
    padding: 0px;
}

.kt-iconbox {
    padding: 8px;
    margin: 8px;
}

.kt-iconbox .kt-iconbox__icon {
    margin-bottom: 0.2rem;
    font-size: 1.5rem;
}

.kt-iconbox .kt-iconbox__title {
    margin-bottom: 2px;
    color: #464457;
    font-size: 11px;
    font-weight: 500;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}

.table-hover tbody tr:hover {
    background-color: #009FE3 !important;
}

.dataTables_wrapper .dataTable td {
    color: #000000;
}

.dataTables_scrollHeadInner {
    width: 100% !important;
}

.dataTables_scrollHeadInner table {
    width: 100% !important;
}

.dataTables_scrollFootInner {
    width: 100% !important;
}

.dataTables_scrollFootInner table {
    width: 100% !important;
}

.dataTables_wrapper .dataTables_scroll {
    margin: 0 !important;
}

.table .thead-dark th {
    color: #000000;
    background-color: #ffffff;
    border: none;
    border-top: 2px solid #bebebe;
    border-bottom: 2px solid #bebebe;
}
.statistik .thead-dark th {
    color: #000000;
    background-color: #dedede;
    border: none;
    border-top: 2px solid #bebebe;
    border-bottom: 2px solid #bebebe;
}
.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: #e5e6e7;
}

.input-group-text {
    padding: 0.65rem 1rem;
    margin-bottom: 0;
    color: #010102;
    border: 1px solid #939393;
    background-color: #e5e6e7;
}

.form-control {
    color: #010102;
    border: 1px solid #939393;
}

.input-group {
    margin: 3px;
}

input[type=checkbox][disabled] {
    outline: 1px solid #3d4465;
}

.bg-brand {
    background-color: #009FE3 !important;
}

.fg-brand {
    color: #009FE3 !important;
}

.btn-brand {
    background-color: #009FE3 !important;
}

.kt-font-brand {
    color: #009FE3 !important;
}

.kt-offcanvas-panel .kt-offcanvas-panel__nav .nav .nav-link.active {
    background: #009FE3;
}

.kt-bg-brand, .kt-bg-fill-brand {
    background-color: #009FE3 !important;
}

.btn.btn-label-brand {
    background-color: rgba(93, 120, 255, .1);
    color: #009FE3;
    cursor: text !important;
}

a.btn.btn-label-brand:hover {
    background-color: #009FE3;
    color: #fff;
}

.bg-submenu {
    background-color: #009FE3;
}


table.dataTable td, table.dataTable th {
    font-family: Verdana;
    padding: 2px;
    height: 33px;
    font-size: 11px;
}

.kt-login-v1 .kt-login-v1__body .kt-login-v1__wrapper .kt-login-v1__container {
    max-width: 425px;
}

.dataTable .sorting_asc, .dataTable .sorting_desc {
    background-color: #bebebe !important;
}

.bg-secondary {
    background-color: #ffffff !important;
}

h3 {
    margin: 0;
    padding: 0;
    font-size: 1.2rem;
    font-weight: 500;
    color: #3d4465;
    padding: 0 15px;
}

.kt-form .form-group .form-text {
    margin: -10px 10px 20px 10px;
}

.fahrplanfunctions {
    margin-left: 20px;
    border: solid 2px #009FE3;
}

.fahrplanfunctions .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-title {
    color: #ffffff;

}

.fahrplanfunctions .kt-portlet__head.kt-portlet__head--noborder {
    background-color: #009FE3;
}

.fahrplanfunctions .kt-portlet__body .kt-form .form-group {
    margin-bottom: 0px;
}

.fahrplanfunctions .kt-portlet__body .kt-form .form-group .form-text {
    margin: -10px 10px 20px 10px;
}

.swal2-popup .swal2-content {
    color: #000000;
}

.container {
    max-width: 100%;
    width: 100%;
    margin-bottom: 20px;
    padding: 20px;
}

.form-group {
    margin-bottom: 0rem;
}

.border-dashed {
    border-style: dashed !important;
}

.kt-offcanvas-panel .kt-offcanvas-panel__nav {
    margin: 0px;
}


.clt, .clt ul, .clt li {
    position: relative;
}

.clt ul {
    list-style: none;
    padding-left: 20px;
}

.clt li::before, .clt li::after {
    content: "";
    position: absolute;
    left: -12px;
}

.clt li::before {
    border-top: 1px solid #000;
    top: 9px;
    width: 8px;
    height: 0;
}

.clt li::after {
    border-left: 1px solid #000;
    height: 100%;
    width: 0px;
    top: 2px;
}

.clt ul > li:last-child::after {
    height: 8px;
}


.kt-badge {
    margin-left: -10px;
    z-index: 1;
}


.nav-pills .nav-item .nav-link.active, .nav-pills .nav-item .nav-link.active:hover {
    background-color: #009FE3 !important;
}

.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active {
    background-color: #009FE3 !important;
}

.datepicker table thead tr, .datepicker table thead tr th, .datepicker thead th.datepicker-switch, .datepicker thead th.next, .datepicker thead th.prev {
    background-color: #009FE3 !important;
    color: white !important;
    border-radius: 0px!important;
}

.kt-grid-nav .kt-grid-nav__item:hover .kt-grid-nav__item-icon i {
    color: #009FE3 !important;
}

#gesamt_offen div table {
    width: 100% !important;
    border-color: black !important;
}

#gesamt_offen div table tbody tr td {
    background-color: white !important;
    border-color: black !important;
    color: black !important;
}

#depot_offen div table {
    width: 100% !important;
    border-color: black !important;
}

#depot_offen div table tbody tr td {
    background-color: white !important;
    border-color: black !important;
    color: black !important;
}

.accordion .card .card-header .card-title {
    color: white !important;
}

.kt-iconbox.kt-iconbox--active {
    border-color: #009FE3 !important;
}

.kt-iconbox .kt-iconbox__icon {
    color: #009FE3 !important;
}

.datepicker-days {
    border: 2px solid #009FE3;
}

.datepicker table tr td.day:hover, .datepicker table tr td.day.focused {
    background-color: #bebebe !important;
}

.datepicker tbody tr > td.day.today {
    position: relative;
    background: rgba(0, 159, 227, 0.5) !important;
    background-color: rgba(0, 159, 227, 0.5) !important;
    color: #fff !important;
}

.kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-icon, .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-text {
    color: #009FE3 !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #FFFFFF !important;
    background-color: #009FE3;
    border-color: #009FE3 #009FE3 #009FE3 #009FE3;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
    color: #000000 !important;
    background-color: #bebebe;
    border-color: #FFFFFF;
    border-bottom: #009FE3;
}

.nav-tabs {
    border-bottom: 2px solid #FFFFFF;
}

.kt-font-black {
    color: #000000 !important;
}

.bg-lightGray {
    background-color: #bebebe !important;
}

#defaultDetails {
    min-height: 84vh;
    max-height: 85vh;
    overflow: auto;
}

.my-custom-scrollbar {
    position: relative;
    max-height: 450px;
    min-height: 450px;
    overflow: auto;
    border-bottom: 1px solid black;
}

.table-wrapper-scroll-y {
    display: block;
}

.my-custom-scrollbar .table td, .my-custom-scrollbar .table th {
    padding: 0px;
    font-size: 12px;
    border: 1px solid black;
}

.kt-reclaim1 {
    min-height: 100px !important;
    margin-top:10px !important;
    margin-bottom:10px !important;
    background-color: #dedede;
    border: 5px solid #dedede;
}
.kt-termin1{
    min-height: 100px !important;
    margin-top:10px !important;
    margin-bottom:10px !important;
    background-color: #dedede;
    border: 5px solid #dedede;
}

.kt-reclaim1 .kt-option__label {
    padding-top: 15px;
    padding-right: 15px;
}
.kt-reclaim2 {
    min-height: 100px !important;
    margin-top:10px !important;
    margin-bottom:10px !important;
    background-color: #dedede;
    border: 5px solid #dedede;
}
.kt-reclaim2 .kt-option__label {
    padding-top: 10px;
    padding-right: 15px;
}
.kt-reclaim3 {
    min-height: 100px !important;
    margin-top:10px !important;
    margin-bottom:10px !important;
    background-color: #dedede;
    border: 5px solid #dedede;
    padding: 0px!important;
}
.kt-reclaim3 .kt-option__label {
    padding-top: 15px;
    padding-right: 5px;
}
.kt-SA {
    background-color: #dedede;
    border: 5px solid #dedede;
}


.RadioBulletHide > input:checked ~ span, .RadioBulletHide > span {
    visibility: hidden;
}

.border-brand {
    border: solid 2px #009FE3 !important;
}

i {
    font-size: 1.25rem;
    color: #b5b5c3
}

.icon-ss {
    font-size: .5rem !important
}

.icon-xs {
    font-size: .65rem !important
}

.icon-sm {
    font-size: .75rem !important
}

.icon-nm {
    font-size: .9rem !important
}

.icon-ms {
    font-size: 1.15rem !important
}

.icon-md {
    font-size: 1.25rem !important
}

.icon-lg {
    font-size: 1.5rem !important
}

.icon-xl {
    font-size: 1.75rem !important
}

.icon-xxl {
    font-size: 2.25rem !important
}

.icon-1x {
    font-size: 1rem !important
}

.icon-2x {
    font-size: 2rem !important
}

.icon-3x {
    font-size: 3rem !important
}

.icon-4x {
    font-size: 4rem !important
}

.icon-5x {
    font-size: 5rem !important
}

.icon-6x {
    font-size: 6rem !important
}

.icon-7x {
    font-size: 7rem !important
}

.icon-8x {
    font-size: 8rem !important
}

.icon-9x {
    font-size: 9rem !important
}

.icon-10x {
    font-size: 10rem !important
}

.nav-link active {
    color: red;
}

.card-header {
    background-color: #009FE3;
}

.clear-button {
    position: absolute;
    top: 50%;
    right: 15px; /* Adjust spacing from the right edge */
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 1.5rem;
    color: #aaa;
    display: none; /* Initially hidden */
  }