body {
    background-color: #303030;
}


    body::before {
        content: "";
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: url('https://forum.mika-tech.xaa.pl/uplZal/68624431a8a82_%C5%82apki.png') repeat-y right top;
        background-size: 38% auto;
        opacity: 0.043;
        pointer-events: none;
        z-index: -1;
    }

@media (min-width: 280px) {
    body::before {
        background-size: 89% auto;
    }
}


@media (min-width: 768px) {
    body::before {
        background-size: 73% auto;
    }
}


@media (min-width: 1024px) {
    body::before {
        background-size: 63% auto;
    }
}


@media (min-width: 1440px) {
    body::before {
        background-size: 53% auto;
        opacity: 0.040;
    }
}

.flash-effect {
    box-shadow: 0 0 10px 1px rgba(0, 155, 0, 0.5) !important;
    border: 1px solid rgba(0, 155, 0, 0.5) !important;
    transition: box-shadow 0.5s ease-out;
}
.border-effect {
    border: 2px solid rgba(0, 217, 50, 0.5) !important;
}

#qDodajOdpowiedz, #qEdytujOdpowiedz, #qAnulujEdycje {
    margin-top: 10px;
}



#loaderDiv {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.35);
    left: 0px;
    top: 0px;
    z-index: 1050;
    display: none;
}

.loader {
    font-size: 10px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    animation: mulShdSpin 1.1s infinite ease;
    transform: translateZ(0);
    position:absolute;
    left:50%;
    top:50%;
}

@keyframes mulShdSpin {
    0%, 100% {
        box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.5), -1.8em -1.8em 0 0em rgba(255,255,255, 0.7);
    }

    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.5);
    }

    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.5), 1.8em -1.8em 0 0em rgba(255,255,255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);
    }

    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.5), 2.5em 0em 0 0em rgba(255,255,255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);
    }

    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.5), 1.75em 1.75em 0 0em rgba(255,255,255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);
    }

    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.5), 0em 2.5em 0 0em rgba(255,255,255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);
    }

    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.5), -1.8em 1.8em 0 0em rgba(255,255,255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);
    }

    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.5), -2.6em 0em 0 0em rgba(255,255,255, 0.7), -1.8em -1.8em 0 0em #ffffff;
    }
}



.btn-primary {
    /*color: #f5f5de;*/
    background-color: #444444;
    border-color: #444444;
}

.btn-primary:focus,
.btn-primary.focus {
/*color: #f5f5de;*/
background-color: #3a3a3a;
border-color: #444444;
}

.btn-primary:hover {
/*color: #f5f5de;*/
background-color: #3a3a3a;
border-color: #444444;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
/*color: #f5f5de;*/
background-color: #3a3a3a;
border-color: #444444;
outline: thin dotted;
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
/*    color: #f5f5de;*/
    background-color: #3a3a3a;
    border-color: #444444;
}

.btn-outline-primary {
    border-color: #585858;
    background-color: #333333;
    color: #8f959b;
}


    .btn-outline-primary:hover,
    .btn-outline-primary:active
    .btn-outline-primary:focus,
    .btn-outline-primary:active:not(:hover) {
        color: #adb5bd !important;
        border-color: #5e5e5e !important;
        background-color: #333333 !important;
    }


.form-control, .form-control[disabled], .form-control[readonly], fieldset[disabled], .form-select {
    color: #f5f5de;
    background-color: #3b3b3b;
    border-color: #595959;
}

.form-control:focus, .form-select:focus {
    border-color: #757575;
    outline: 0;
    background-color: #303030;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(120, 120, 120, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(120, 120, 120, .6);
}
.dropdown-item:active {
    background-color: #3b3b3b;
}
.tooltip-dark .tooltip-inner {
    background-color: black;
    color: white;
    border-radius: 5px;
    padding: 6px 12px;
}

.tooltip-inner {
    background-color: #262626 !important;
    color: rgb(173, 181, 189) !important;
    border-radius: 5px;
    padding: 8px 14px;
}

/* Ustawienie koloru strzałki */
.tooltip {
    --bs-tooltip-bg: #262626 !important;
    --bs-tooltip-arrow-color: #262626 !important;
}



.ql-snow .ql-tooltip {
    background-color: #2c2c2c !important; /* Ciemne tło */
    color: #ddd !important; /* Jasny tekst */
    border: 1px solid #444 !important; /* Ramka */
    box-shadow: 0px 0px 5px 0px rgba(10, 10, 10, 0.3)!important;
}

    .ql-snow .ql-tooltip a {
        color: #4da6ff !important; /* Niebieskie linki */
    }