/*
 * Base structure
 */

html,
body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
}

.cover-container {
    flex: 1;
}

.cover-container > nav {
    flex: none;
}
.cover-container > .container {
    flex: 1 0 auto;
}
.cover-container > footer {
    flex: none;
}

/*
 * Navbar
 */
.navbar {
    min-height: 60px;
}

.localization-icons img {
    width: 21px;
    opacity: 0.3;
}

.localization-icons img:hover,
.localization-icons img.active {
    opacity: 1;
}

/**
 * Sidebar
 */

.list-group-borderless .list-group-item {
    border: 0 !important;
}

.list-group-borderless .list-group-item.active {
    color: #c61a27;
    background-color: inherit;
    font-weight: bold;
}

.list-group-borderless .list-group-item i {
    color: #666;
    width: 25px;
}

.list-group-borderless .list-group-item.active i {
    color: #c61a27;
}

/**
 * Social Buttons
 */
.btn-social:hover {
    opacity: 0.85;
    text-decoration: none;
}

.btn-facebook, .btn-facebook:hover {
    color: #3B5998;
}

.btn-twitter, .btn-twitter:hover {
    color: #55ACEE;
}

.btn-google, .btn-google:hover {
    color: #dd4b39;
}

/**
 * Login Page Form Wrapper
 */
.form-wrapper { display: none; }
.form-wrapper.active { display: block; }

/**
 * Misc
 */

.page-header small {
    font-size: 1rem;
}

.blockquote {
    font-size: 1rem;
}

.table th {
    font-size: 0.85rem;
    color: #666;
}

.dropdown-item i {
    color: #666;
}

label .required {
    color: #a00;
}

.table-responsive {
    min-height: 200px;
}

dt {
    font-weight: 400 !important;
}

dd {
    font-weight: 700;
}

/**
 * Responsive CSS Rules
 */

@media (min-width : 992px) {
    .table-responsive {
        overflow-x: visible;
    }
}

@media (max-width : 768px) {
    .list-group-borderless {
        margin-bottom: 20px;
    }

    .localization-icons {
        margin-top: 15px;
        margin-bottom: 10px;
        display: flex !important;
        justify-content: space-evenly;
    }
}
.btn-success {
    color: #fff;
    background-color: #C51724;
    border-color: #C51724;
}
body li.nav-item.d-flex.align-items-center.me-2.localization-icons {
    display: none !important;
}
img.mlogo.loginlogo {
    margin-bottom: 1em;
}
img.mlogo.mainl {
    height: 2em;
    margin-right: 2em;
}
.navbar {
    background: linear-gradient(135deg,#ededed 0%,#ffffff 100%);
}
.accordion-button::after {
    margin-left: -0.5em;
}
.accordion-button:not(.collapsed) {
    color: #000000;
    background-color: #efefef;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}
.accordion-button {
    color: #000000;
    background-color: #efefef;
}
span.komma:last-child{
    display: none;
}
.underpoint {
    padding: 0.05rem 0.05rem;
    padding-left: 3rem;
}
.postit{
    text-decoration:none;
    color:#000;
    background:#ffc;
    display:block;
    padding:1em;
    box-shadow: 5px 5px 7px rgba(33,33,33,.7);
    min-height: 8rem;
}
.headpostit{
    font-weight: bold;
    font-size: 1.0rem;
}
p.smalldatenote {
    font-size: 0.6rem;
    font-weight: 300;
    margin-bottom: 0;
}
.textpostit{
    font-size: 0.8rem;
    font-weight: normal;
}
.zuweisungform{
    display:flex;
}
.zuweisungform select{
    margin-right: 0.5rem;
}
button.accordion-button[data-notification="false"] .notification-alert-list{
    display: none;
}
#nav-not[data-nav-notification="false"]{
    display: none !important;
}
.alxwrnm{
    -webkit-animation: wralx 1s infinite;  /* Safari 4+ */
    -moz-animation: wralx 1s infinite;  /* Fx 5+ */
    -o-animation: wralx 1s infinite;  /* Opera 12+ */
    animation: wralx 1s infinite;  /* IE 10+, Fx 29+ */
}
.alertalulux{
    font-weight: bold;
}
span.delnottext {
    font-size: 0.65rem;
}
@-webkit-keyframes wralx {
    0%, 49% {
        background-color: #ff0013;
    }
    50%, 100% {
        background-color: #c61a27;
    }
}
input[readonly] {
    background-color: #e9ecef; /* Grauer Hintergrund */
    color: #6c757d; /* Gedämpfter Text */
    cursor: not-allowed; /* Cursor ändern */
    border: 2px solid transparent;
}
.historycontainer .accordion-button {
    color: #000000;
    background-color: #fbfbfb;
}

/* Reporting Styles */
.card {
    transition: transform 0.2s;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.card-header {
    font-weight: 600;
}

.opacity-50 {
    opacity: 0.5;
}

.badge {
    font-weight: 600;
    padding: 0.35em 0.65em;
}

/* Responsive table scrolling */
.table-responsive {
    border-radius: 0.25rem;
}

/* Animation for cards */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.card {
    animation: fadeIn 0.5s ease-out;
}

/* Color adjustments for better Alulux branding */
.bg-primary {
    background-color: #c61a27 !important;
}

.btn-primary {
    background-color: #c61a27;
    border-color: #c61a27;
}

.btn-primary:hover {
    background-color: #a01520;
    border-color: #a01520;
}

.text-primary {
    color: #c61a27 !important;
}

/* Table hover effects */
.table-hover tbody tr:hover {
    background-color: rgba(198, 26, 39, 0.05);
    cursor: pointer;
}

/* Filter form styling */
.form-label {
    font-weight: 600;
    color: #495057;
}

/* Smooth transitions */
* {
    transition: all 0.2s ease;
}
.reporting td {
    word-break: break-all;
}
.reporting .card-header{
	min-height: 4rem;
}