html,
body {
    height: 100%;
    position: relative;
    scroll-behavior: smooth;
    font-family: "Poppins", sans-serif;
    font-size: 10pt;
    color: #000;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background: #FFF;
    scrollbar-color: #FCD032 #FFF;
    scrollbar-width: thin;
    position: relative;
}

::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-thumb {
    background: #FCD032;
    border-radius: 0px;
}

::-webkit-scrollbar-thumb:hover {
    background: #e9b600;
}

::-webkit-scrollbar-track {
    background: #FFF;
    border-radius: 0px;
    box-shadow: inset 12px 12px 12px #EEE;
}

@media only screen and (hover: none) and (pointer: coarse) {

    ::-webkit-scrollbar {
        width: 0px;
        height: 0px;
    }

}

.thin-scrollbar {
    scrollbar-color: transparent transparent;
    scrollbar-width: thin;
    --scrollbar-background: #FFF;
}

.thin-scrollbar:hover {
    scrollbar-color: #FCD032 transparent;
}

#progress {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #FFFFFFDD;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 1s;
}

#progressimg {
    opacity: 1;
    -webkit-animation: spin .75s linear infinite;
    -moz-animation: spin .75s linear infinite;
    animation: spin .75s linear infinite;
}

.bgp {
    background: #FFFFFFAA !important;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

button {
    box-shadow: none !important
}

.pin {
    background: #000000AA;
    top: -15% !important;
}

.bs-cover {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.container-xxl {
    max-width: 1420px !important;
}

.outline {
    outline: 1px solid blue;
}

.is-invalid {
    outline: 2px solid #dc3545;
}

.fs-0 {
    font-size: 0 !important;
}

.h-10 {
    height: 10% !important;
}

.h-15 {
    height: 15% !important;
}

.h-25 {
    height: 25% !important;
}

.h-30 {
    height: 30% !important;
}

.h-40 {
    height: 40% !important;
}

.h-45 {
    height: 45% !important;
}

.h-60 {
    height: 60% !important;
}

.h-70 {
    height: 70% !important;
}

.h-85 {
    height: 85% !important;
}

.h-90 {
    height: 90% !important;
}

.w-30 {
    width: 30% !important;
}

.w-70 {
    width: 70% !important;
}

.start-40 {
    left: 40% !important;
}

.rotate {
    transform: rotate(90deg);
}

.invert {
    filter: invert(1);
}

.rounded {
    border-radius: 8px !important;
}

.form-control:focus,
.form-select:focus {
    border-color: #ffc720;
    box-shadow: 0 0 0 0.25rem #ffc72040;
}

#admintresc .form-control:focus,
#admintresc .form-select:focus {
    border-color: #86b7fe;
    box-shadow: none;
}

.trans-05 {
    transition: all .5s;
}

.trans-1 {
    transition: all 1s;
}

.flip {
    transform: rotate(180deg);
}

.justify {
    text-align: justify;
}

.lh-13 {
    line-height: 1.3 !important;
}

.hand {
    cursor: pointer;
}

#naglowek {
    background: #00000050;
}

#top-menu a {
    color: #FFFFFF;
    transform: scale(1);
    transition: all 1s;
}

#top-menu a:hover {
    color: #ffdd00;
}

#top-menu .dropdown-toggle::after {
    margin-left: 2px;
}

#top-menu .oferta {
    border-color: transparent;
}

#top-menu .oferta.show,
#top-menu .oferta:hover,
#top-menu .oferta:focus,
#top-menu .dropdown-item:hover {
    background-color: #ffca2c;
    border-color: #ffc720;
    color: #333 !important;
}

#top-menu .dropdown-menu {
    margin-top: -2px !important;
    border-radius: 1px 8px 8px 8px;
    border: 0 !important;
}

#top-menu .oferta.show {
    border-radius: 6px 6px 0px 0px;
}

#topmenu {
    z-index: 51 !important;
}

@media screen and (min-width: 992px) and (max-width: 1050px) {
    #topmenu .fs-5 {
        font-size: 1.15em !important;
    }
}

#hamburger-bg {
    background: #00000000;
    transition: all .4s;
}

#hamburger-menu {
    background: #FFFFFFDD;
    transition: all .5s;
    width: 60% !important;
    z-index: 52 !important;
}

#hamburger-menu a {
    transition: all .7s;
    color: #333333;
}

#hamburger-menu a:hover {
    color: #ddaa00;
}

#hamburger-btn-mob,
#hamburger-btn {
    transition: all 1s;
    z-index: 50;
    position: relative;
}

#jakdziala {
    background: #D9D9D9;
}

#korzysci .bg {
    background: rgba(0, 0, 0, 70%);
}

#korzysci .tr {
    transition: all .7s;
}

#korzysci .r0 {
    transform: rotateY(0deg);
}

#korzysci .r1 {
    transform: rotateY(90deg);
}
.login-background {
    background-image: url('/img/tlo-logowanie.jpg');
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    width: 100%;
}