/*
html, body { width: 100%; height: 100%; }
main { height: calc( 100% - 140px ); }
#form { height: calc( 100% - 110px ); overflow: hidden auto; }
*/

#tabs { display: flex; flex-direction: row; justify-content: space-around; gap: 4px; }
#tabs>a { opacity: 0.4; user-select: none; }
#tabs>a:hover { color: black; }
#tabs>a:hover.enabled { color: #8B5A2B; }
#tabs>a:hover.selected { color: black; }
#tabs>a.enabled { opacity: 1; cursor: pointer; }
#tabs>a.selected { opacity: 1; cursor: initial; }
#tabs>a.selected>span:nth-child(1) { background-color: #d6bfa9; }

#popup { position: fixed; background: white; border: 1px solid black; border-spacing: 0; z-index: 1000; }
#popup tr { cursor: pointer; user-select: none; }
#popup tr:hover { background-color: #d6bfa9; }
#popup tr.selected { background-color: #d6bfa9; }
#popup td { padding: 6px; }

table.cart { width: 100%; border-spacing: 0; }
table.cart td { padding: 5px; }

table.cart tr:nth-child(odd) td:nth-child(1) { padding-left: 0; width: 50px; }
table.cart tr:nth-child(odd) td:nth-child(3) { padding-left: 0; width: 20px; }
table.cart tr:nth-child(odd) td:nth-child(4) { padding-left: 0; width: 50px; }
table.cart tr:nth-child(odd) td:nth-child(5) { padding-left: 0; width: 20px; }

table.cart tr:nth-child(odd) td:nth-child(5) { padding-right: 0; text-align: right; }

/*#contact input { max-width: 100%; }*/

#shipping .search label { display: none; }

#shipping .leaflet-div-icon { border: 0; background: none; }

#shippingList { display: flex; flex-direction: column; gap: 4px; }

.shippingItem {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: flex-start;
    user-select: none;
    opacity: 0.5;
}
.shippingItem.enabled { opacity: 1; }

#shippingList .shippingItem.enabled { cursor: pointer; }
#shippingList .shippingItem:hover.enabled { background-color: #d6bfa9; }

#shippingList .shippingItem { border: 1px solid white; padding: 4px; }
#shippingList .shippingItem.selected { border: 1px solid black; }

.shippingItem>img { width: 48px; height: 59px; }
.shippingItem>div { align-self: center; flex: 1; display: flex; flex-direction: column; }

.shippingItem h3, .shippingItem h4 { margin: 0; }
.shippingItem h4 { margin-top: 8px;}
.shippingItem p { margin: 0px !important; }

.shippingItem div.title { display: flex; flex-direction: row; gap: 12px; align-items: center; }
.shippingItem div.title h3 { flex: 1; }

.shippingItem div.warnings { margin-top: 8px; color: red; }

/*
.shippingItem div.hours { display: none; }
.shippingItem div.selected div.hours { display: initial; }
*/

.shippingItem div.hours h4 { margin-bottom: 4px; }
.shippingItem div.hours p { display: flex; flex-direction: row;}
.shippingItem div.hours span:nth-child(1) { width: 100px; }
.shippingItem div.hours span:nth-child(2) { width: 100px; }
.shippingItem div.hours span:nth-child(3) { width: 100px; }


#status-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    width: 20px;
    border-radius: 50%;
}

#status-icon svg {
    width: 12px;
    height: 12px;
}