html {
  scroll-behavior: smooth;
}
body {
    font-size: 24px;
    margin: 15px;
}
hr {
    margin-bottom: 5px;
    margin-top: 5px;
    margin-left: 0px;
    margin-right: 0px;
}
img {padding: 8px }
label {font-size: 24px;}

h1, h2 {
    font-size: 24px;
    font-weight: bold;
}
[type=text] { max-width: 800px; }

.hollow {margin-bottom: 5px;}
.main_tabs {margin-top: 15px; max-width: 800px}
.description {font-size: 20px;}
.legend {font-size: 18px;}
#select_store {max-width: 150px; display: inline}


.search_section {
    max-width: 600px;
    display: inline;
    flex-wrap: nowrap;
    width: 70%
}

#search_box, h1, h2, p, .title, .description {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 5px;
    margin-bottom: 0px
}


.listing {
    margin: 0px;
    margin-bottom: 5px;
    height: 350px;
    overflow: hidden;
    overflow-y: scroll;
    overflow-x: scroll;
    list-style-type: none;
}

.listing_content { list-style-position: inside }
.listing_links { cursor: pointer; border: 0px; background:none; color:#0000EE; text-decoration:underline; }

.button {
    font-size: 20px !important;
    text-decoration: none;
    display: inline;
    padding: 8.5px;
    margin: 0px;
    margin-bottom: 1px;
    min-width: 50px;
    min-height: 30px;
}

.content {
    padding: 0 18px;
    display: none;
    overflow: hidden;
    background-color: black;
    border: 1px solid grey;
}

.search-text{font-size: 24px}

/* Tabs */
.tabs-title>a {
    font-size: 22px;
    padding: 8px
}

.tabs-panel {padding-bottom: 10px}

/* For saved codes section */
.collapsible {
    background-color: #333333;
    color: white;
    cursor: pointer;
    padding: 10px;
    width: 100%;
    max-width: 800px;
    border: none;
    text-align: left;
    outline: none;
    font-size: 24px;
    margin-top: 10px;
}

.active, .collapsible:hover {background-color: #555;}

.collapsible:after {
    content: '\002B';
    color: white;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.active:after {content: "\2212";}

.list-content {
    width: 100%;
    max-width: 800px;
    padding: 0 5px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: #f1f1f1;
}


/* Store inventory table */
li { list-style-type: none; }
ol { margin: 0px }

#stores_table {
    height: 350px;
    overflow: hidden;
    overflow-y: scroll;
    max-width: 800px
}

th {
    background: white;
    position: sticky;
    top: 0; /* Don't forget this, required for the stickiness */
}