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


.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: #009ee9;
    text-decoration: none !important;
    border-radius: 8px;
    border: unset;
    padding: 0.25rem 0.75rem;
    color: white;
    transition: 0.3s background-color;
}

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

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

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

.sTextPrimary {
    color: #009ee9;
}

/* Moje style Koniec */


/* Shop css */

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

.productImageSortable {
    max-width: 68px;
    max-height: 68px;
    border-radius: 3px;
    background-color: white;
}

.image-sotable-div {
    height: 72px;
    width: 72px;
    border: 1px solid rgb(0, 158, 233);
    border-radius: 8px;
    margin-right: 0.5rem;
    margin-bottom: 0.8rem;
    background-color: white;
    position: relative;
}


/* 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;
}

/*.table>:not(caption)>*>* {
    padding: 0;
}*/

.table td:has(a),
.table th:has(a) {
  padding: 0;
}

.table a {
  /* padding: 0.8rem 0; */
  padding: .5rem .5rem;
}


/* .table tr td a {
    padding: 0.8rem 0;
} */


.sortable-chosen.placeholder {
    opacity: 0;
    cursor: grabbing;
}

/* #productImages .sortable-chosen {
    opacity: 1;
} */

.dragging {
    opacity: 1 !important;
}

.productImageSortable {
    cursor: grab;
}


.tabele-a {
  display: block;
  height: 100%;
  width: 100%;
  text-decoration: none;
  padding: 0.5rem; /* jeśli chcesz klikany obszar */
  color: inherit;
}

.table-products td {
    height: 50px;

}

/* .drop-area {
    border: 2px dashed #007bff;
    padding: 20px;
    /* width: 300px; /
    text-align: center;
    background-color: #fff;
    border-radius: 8px;
    cursor: pointer;
} */

.file-input {
    display: none;
}


/* td[data-bs-toggle="modal"] {
  cursor: pointer;
} */