body, html {
    background-color: #f8f8f8;
    /* background-color: #f6fbff; */
}
/* #172a54 */


a {
    text-decoration: none;
}

.sidebar {
    width: 260px;
    height: calc(100vh - 64px);
    background-color: white;
    overflow-y: auto;
}

.sitebar-link {
    padding: 0.5rem;
    color: black;
}

/* .sitebar-active, .sitebar-active:hover {
    background-color: #009ee9;
    color: white;
    border-radius: 8px;
    font-weight: bold;
} */

.sitebar-active,
.sitebar-active:visited,
.sitebar-active:hover,
.sitebar-active:focus,
.sitebar-active:active {
    background-color: #009ee9;
    color: white !important;
    border-radius: 8px;
    font-weight: bold;
    text-decoration: none;
}


.dashboard {
    padding: 1.5em;
    overflow-y: auto;
    height: calc(100vh - 64px);
}

@media (max-width: 991px) {
    .dashboard {
        padding: 0.8rem;
    }

}


/* moje style */
.sCard {
    background-color: white;
    border-radius: 8px;
    padding: 1rem;
}

.sButtonsPrimary {
    background-color: #ffd700;
    text-decoration: none !important;
    border-radius: 8px;
    border: unset;
    padding: 0.25rem 0.75rem;
    /* color: white; */
    transition: 0.3s background-color;
    display: block;
    width: 100%;
}

.sButtonsPrimary:hover,
.sButtonsPrimary:active {
    background-color: #eac700;
}

.sButtonsPrimaryOutline {
    background: none;
    text-decoration: none !important;
    color: black;
    border: #ffd700 solid 1px;
    border-radius: 8px;
    padding: 0.25rem 0.75rem;
    transition: 0.3s background-color;
}

.sButtonsPrimaryOutline:hover,
.sButtonsPrimaryOutline:active {
    background-color: #ffd700;
    color: white;
}

.sTextPrimary {
    color: #ffd700;
}

/* a {
    color: black !important;
} */


ul.sList, li.sList {
    list-style: none; /* usuwa punkty, numerację itp. */
    margin: 0;        /* usuwa domyślny margines */
    padding: 0; 
}

a.sListLink {
    text-decoration: none;
}

hr.sListLink {
    margin: 0 !important;
    border-color: #d4d4d4;
    border-width: 1.5px;
    transition: border-color,border-width 0.2s;
    opacity: 1;
}

li:hover .sListLink {
  border-color: #ffd700;
  border-width: 3px;
}

.timerElement {
    background-color: #ffd700;
    border-radius: 8px;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 0.5rem 0.8rem;
}

/* Moje style Koniec */


        @media (max-width: 1199px) {
            .searchInput {
                width: 180px;
            }
        }

        @media (max-width: 447px) {
            .searchInput {
                width: 130px;
            }
        }



/* Shop css */

.crossed-out-price {
  text-decoration: line-through;
  color: gray; /* Opcjonalnie, dla lepszego efektu wizualnego */
}

.productImage {
    width: 72px;
    border: #009ee9 solid 1px;
    border-radius: 8px;
    margin-right: 0.5rem;
    margin-bottom: 0.8rem;
}


/* Usuwanie strzałek w input number */
input[type="number"] {
    -moz-appearance: textfield; /* Firefox */
    -webkit-appearance: none; /* Chrome, Safari, Opera */
    appearance: none; /* Obsługuje inne przeglądarki */
}

/* Dodatkowe usunięcie strzałek w Chrome, Safari, Opera */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Usunięcie strzałek w IE i Edge */
input[type="number"]::-ms-clear {
    display: none;
}

footer ul {
    list-style: none !important;
}

ul li a {
    text-decoration: none;
}



.AdressShipments {
    border: #d4d4d4 solid 1px;
    border-radius: 8px;
    padding: 1rem;
    max-width: 285px;
    min-width: 230px;
}

.AdressShipments.active {
    border-color: #009ee9;
}

.buttonText {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
}


    .orderStatusCheck {
        width: 75%;
    }

    @media (max-width: 577px) {
        .orderStatusCheck {
            width: 100%;
        }
    }


        /* swiper js */
        .swiper {
            width: 100%;
            height: 100%;
        }

        .swiper-slide {
            height: auto;
            /* text-align: center; */
            /* font-size: 18px; */
            /* background: #fff; */
            display: flex !important;
            justify-content: center;
            align-items: center;
        }

    .swiper-button-disabled {
  display: none !important;
}

.swiper-button-next, .swiper-button-prev {
    color: #ffd700 !important;}

    .GalleryClose {
  z-index: 99;
  right: 1rem;
  top: 1rem;
  color: white;
  font-size: 1.2rem;
  cursor: pointer;
}

.category_active {
    color: #eac700;
}

.image-upload img{
    max-width: 100%;
    height: auto;
}