/* główna - wysokość zdjęć */
.dashboard .top-selling img {
    max-height: 50px;
}

/* główna - nagłówek tabel - ramka dolna */
.top-selling .table thead tr  {
    border-bottom: 1px solid #fd7e14;
}

/* główna - wiersze tabeli jako linki */
tr.link { 
    cursor: pointer; 
}
tr.link:hover td {
    background-color: #f6f9ff;
}


/* link - credits */
.my-credits {
    color:lightsteelblue;
    font-size: 14px;
}


/* linki - logowanie i rejestracja na głównej */
a.my-link-login {
    padding: 0 .75rem;
}


/* menu - linie poziome*/
li.my-menu-line, li.my-menu-line-sub {
    border-bottom: 1px solid var(--bs-border-color);
    margin: .4rem .5rem;
}
/* - submenu */
li.my-menu-line-sub {
    margin: .4rem 2.2rem .4rem 3.1rem;
}


/* formualrze - komunikat z walidacji (nadpisane) */
.invalid-feedback {
    font-weight: bold;
}

/* formualrze - mój komunikat z walidacji */
/* (styl używany w kwatereo; do usunięcia po poprawie walidacji) */
.my-invalid-feedback {
    font-weight: bold;
    font-size: .875em;
    color: var(--bs-form-invalid-color);
}

/* formularze - dodatkowy opis do pól */ 
.my-form-field-info {
    font-size: .75em;
    color: var(--bs-gray-600);
    padding-left: .375em;
    padding-right: .375em;
}

/* formularze - nagłówki */
.my-form-h {
    margin-top: 1.25rem;
    margin-bottom: 0;
    font-weight: bold;
    color: #012970;
    background-image: url('../../assets/img/pix.png');
    background-repeat: repeat-x; 
    background-position: center;
}
/* - białe tło nagłówka */
.my-form-h span {
    background-color: white;
    padding: 0 .5rem;
}

/* formularze - gwiazdka */
.form-label span, .my-form-h span.gw, div span.gw {
    color: red;
    font-weight: normal;
    padding: 0;
    margin: 0;
}
.form-label span:after {
    content: ' *';
}
.my-form-h span.gw:after {
    content: '*';
    padding: 0 .4rem 0 0;
}
div span.gw:after {
    content: '*';
    padding: 0 0 0 .3rem;
}


/* tabele - stopka w paginacji */
.my-table-footer-rows {
    font-size: .875rem;
    color: var(--bs-gray-700);
}

/* tabele - drugi wiersz */
.my-td-2, .my-td-2-danger, .my-td-2-success {
    display: block; 
    font-size: .825rem;
    color: rgba(122,122,122,.7); 
}
.my-td-2-danger {
    color: rgba(255,0,0,.7); 
}
.my-td-2-success {
    color: #198754; 
}

/* tabele - odstępy pionowe przycisków */
td.text-end button, th.text-end button {
    margin-bottom: 2px;
}


/* zdjęcia - formularze dodawania zdjęć (pola z +) */
div.my-image-preview, div.my-image-preview2 {
    border: 2px dashed var(--bs-border-color); 
    margin: 0; 
    height: 80px;
    background-position: center; 
    background-size: contain; 
    background-repeat: no-repeat; 
}
div.my-image-preview2 {
    border-width: 0;
    height: 76px;
    cursor: pointer;
}

/* zdjęcia - wyświetlanie zdjęć */
.my-img-show {
    display:block;
    max-width: 220px;
    max-height: 150px;
    margin: 0 .5rem .5rem;
    cursor: pointer;
}

/* zdjęcia - rejestry zdjęć */
/* - prn */
.my-img-list {
    display: block;
    max-width: 120px;
    max-height: 70px;
    cursor: default;
}
/* - kwatereo */
.my-img-list2 {
    display: block;
    max-width: 150px;
    max-height: 80px;
    margin: 0 auto;
}


/* nagłówki stron */
.pagetitle h1 {
    padding-bottom: 0.75rem;
}

/* karty - nagłówki (nadpisane) */
.card-title {
    color: #fd7e14;
}

@media (max-width: 768px) {
    .card-title {
        padding-bottom: 0;
    }
}


/* tabele - wyróżnienie niewyświetlonych wierszy */
.tr-bold-my td {
    font-weight: bold;
    background-color: var(--bs-primary-bg-subtle);
    background-color: #fff2d8;
}
.tr-bold-my td span {
    font-weight: normal;
}


/* klasa do ukrywania elementów */
.my-hidden {
    display: none;
}


/* przyciski akcji - żółty jasny (edycja) */
button.btn-warning-light, button.btn-warning-light-border {
    background-color: var(--bs-warning-border-subtle);
    border-color: var(--bs-warning);
}
button.btn-warning-light:hover, button.btn-warning-light-border:hover {
    background-color: var(--bs-warning);
    border-color: var(--bs-warning);
}
button.btn-warning-light-border {
    border-color: var(--bs-orange);
}
button.btn-warning-light-border:hover {
    border-color: var(--bs-orange);
    /*background-color: var(--bs-orange);*/
}
  

/* zmiana koloru tooltip  */
.tooltip-inner {
    background-color: rgb(204, 204, 204);
    border-color: rgb(160, 160, 160);
    border-width: 1px;
    border-style: solid;
    color: rgb(40, 40, 40);
    opacity: .95 !important;
    max-width: 400px !important;
    text-align: left;
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: rgb(160, 160, 160) !important;
}
.bs-tooltip-right .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: rgb(160, 160, 160) !important;
}
.bs-tooltip-left .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: rgb(160, 160, 160) !important;
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-bottom-color: rgb(160, 160, 160) !important;
}


/* kolory kwot */
label.opl-plus {
    color: rgb(9, 90, 9);
}
label.opl-minus {
    color: rgb(156, 2, 2);
}


/* rozwijana pomoc */ 
/* (występuje tylko raz w kwatereo) */
.accordion-header > * {
    background-color: var(--bs-info-bg-subtle);
}


/* linki w tabelach */
a.tab {
    color: black;
    border-bottom: 1px solid var(--bs-link-color);
    transition: .3s;
}
a.tab:hover {
    color: var(--bs-link-color);
    border-bottom: 1px solid rgba(255, 255, 255, 0);
}


/* filtry */
h5 + form div.col-md-3, h5 + form div.col-md-6, form.filtr div.col-md-3 {
    font-size: 90%;
    margin: 0 !important;
}
h5 + form label, form.filtr label {
    margin: 0 !important;
    margin-top: .3rem !important;
}
h5 + form input, h5 + form select, h5 + form button, form.filtr input, form.filtr select, form.filtr button {
    font-size: 90% !important;
}

form.filtr {
    border: 1px solid rgba(1, 41, 112, 0.05);
}


/* tabele drukowane */
.table-print thead *, .table-print tbody *  {
    margin: 0;
    padding: 2px 5px;
    font-size: 12px;
}
.table-print thead tr th span, .table-print tbody tr td span {
    padding: 0px 0px;
    font-size: 11px;
}


/* logi - informacja w edycji */
.log {
    font-size: .75rem;
    color: rgba(122,122,122,.7);
    font-style: italic;
}



.info_h5 {
    overflow: hidden;
    min-height: 0%;
    max-height: 0px;

    margin-bottom: 16px;

    transition: all .5s ease-in;
}



.table-footer nav {
    display: flex; 
    justify-content: flex-end;
}

.table-footer nav ul {
    margin-bottom: 0;
}

.table-footer nav select {
    font-size: .8rem;
    max-width: 100px;
    width: fit-content;
    display: inline;
}


.tr-striped {
    background-color: #f2f2f2 !important;
}

.table-light.tr-striped {
    background-color: #ecedee !important;
}


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

.fade-out {
    animation: fadeOut 1s ease-in-out;
}
  
@keyframes fadeOut {
    from {
        height: auto;
        background-color: #012970;
    }
    to {
        height: 0px;
        background-color: #fd7e14;
    }
}