:root {
    --bs-font-sans-serif: Lato, sans-serif;
    --bs-primary-rgb: 210, 35, 42;
    --bs-secondary-rgb: 162, 138, 96;
    --bs-body-rgb: 235, 233, 230;
    --neutral-fill-secondary-rest: var(--bs-body-rgb);
    
}

a {
    text-decoration: none;
}

.active {
    font-weight: bolder !important;
}

a {
    color: #dc3545;
    text-decoration: none;
}

    a:hover {
        color: #a71d2a;
    }

    /*a:visited {
        color: #dc3545;*/ /* Zmień kolor dla odwiedzonych linków */
    /*}*/

    /*a:active {
        color: #ff4500;*/ /* Zmień kolor dla aktywnych linków */
    /*}*/

.navigation {
    position: relative;
    padding: 0.625rem 2.5rem;
    background-color: #f7f7f7
}

.navigation__separator {
    min-height: 1.875rem;
    border-left: 1px solid var(--bs-dark);
}

.navigation__logo {
    width: 2.8125rem;
}

.navigation__link {
    color: var(--bs-dark);
}


    .navigation__link:hover {
        color: rgb(var(--bs-secondary-rgb));
    }

.border-primary {
    border-color: rgb(var(--bs-primary-rgb)) !important;
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fade-in {
    animation-delay: 1s;
    animation: fadeIn ease .5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.fade-in--long {
    animation-delay: 2s;
    animation: fadeIn ease .5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.custom-main-background {
    /*    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0.5046219171262255) 0%, rgba(227,237,237,1) 85%, rgba(188,194,194,1) 100%);*/
    background-image: url(images/5591275.jpg);
    background-size: 100% auto
}

.custom-gradient {
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.5) 80%, rgba(255,255,255,0) 100%);
    backdrop-filter: blur(5px);
    /*Glass effect*/
    /*    background: rgba(255, 255, 255, 0.22);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.4);*/
}

.custom-shadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.treeview-locked {
    pointer-events: none;
    opacity: 0.5;
}
.treeview-locked::target-text {
    opacity: 0.5;
}

.image-container {
    overflow: hidden;
}

    .image-container img {
        transition: transform 0.5s ease;
    }

        .image-container img:hover {
            transform: scale(1.05);
        }

custom-font{
    font-family:'Palatino Linotype' !important;
}

.text-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #dc3545; /* Możesz dostosować kolor tekstu */
    font-size: 1.5em; /* Możesz dostosować rozmiar czcionki */
    text-align: center;
    z-index: 100;
}

.spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 4px solid #a71d2a; /* Light grey */
    border-top: 4px solid whitesmoke; /* White */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    z-index: 100;
}

.spinner-and-text {
    position: absolute;
    top: 50%;
    left: 62%;
    transform: translate(-50%, -50%);
    border: 4px solid #a71d2a; /* Light grey */
    border-top: 4px solid whitesmoke; /* White */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    z-index: 100;
}

.highlighted-row {
    background-color: #fff3cd !important; /* Żółte tło */
    font-weight: bold;
    border-left: 4px solid #ffc107;
}

.highlighted-outdated-row {
    background-color: #bbbbbb !important; /* Szare tło */
    font-weight: bold;
    border-left: 4px solid #8b8b8b;
}

.outdated-row {
    background-color: #dddee1 !important; /* Czerwone tło */
    border-left: 4px solid #919ba4;
}

.normal-row {
    border-left: 4px solid #7FAB14;
}

@keyframes spin {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@media print {
    .no-print {
        display: none !important;
    }

    body * {
        visibility: hidden;
    }
}