/* project related */
.status_data{
    display:flex;
    flex-direction:row;
    justify-content: center;
    border-radius:0.6rem;
    text-transform: uppercase;
    text-align: center;
}

#upper_offer_container.htmx-swapping, #upper_offer_container.htmx-settling,#upper_offer_container.htmx-request{
    filter: blur(5px);
}

table {
    background: var(--secondary-color);
    padding: 5px;
    min-width: 100%;
    box-shadow: var(--protruding-element-shadow-box);
}

.table-wrapper {
    overflow-x: auto;
    overflow-y: auto;
    max-height: 100vh;
    transition: max-height 0.5s;
    border-radius: 0.8rem;
}

.table-wrapper.expanded {
    max-height: 100vh;
}

table :is(th, td){
    text-align: left;
}

table :is(h1, h2, h3){
    color: var(--main-theme-color);
    text-transform: uppercase;
    min-width: max-content!important;
}

table caption{
    background: var(--secondary-color);
    text-align: left;
}

thead {
    background: var(--secondary-disabled-color);
    border-color: var(--secondary-disabled-color);
    position: sticky;
    top: 0px;
}

tbody tr:nth-child(even) {
    background: var(--secondary-disabled-color);
}


#home :is(h1,h2,h3){
	color:var(--main-theme-color);
	text-transform:uppercase;
}
th {
    text-transform:uppercase;
    font-weight: bold;
}

th label {
    font-weight: bold;
}

.table-background > img {
    max-height:250px
}

.filter{
    align-content: space-between;
    align-items: center;
    display: flex; 

    justify-items: stretch;
    flex-wrap: wrap;
   }
   
.filter label{
       font-size: 1rem;
       text-transform: uppercase;
   }
   
.filter > * {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-direction: row;
    min-width: fit-content;
    width: 30%;
    align-content: center;
    padding: 5px;
    flex-wrap: wrap;
    background: var(--secondary-color-2);
    box-shadow: var(--protruding-element-shadow-box);
    margin: 1px;
    border-radius: 0.3rem;
    flex-grow: 1;
   }