body {
    min-height: 90vh;
 
}

.container{
    max-height:85vh;
    overflow-y:auto;
}

.selectionTile {
    aspect-ratio: 1/1;
    width: 30%;
    border: solid 2px #22b14c; /* 22b14c green; 00a2e8 blue */
    margin-right: 1rem;
}

.selectionTileContent {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(to top, #1A1A1B, #c2a869);
}


.selectionTileContent:hover {
    border: solid 2px yellow;
    box-shadow: 0px 0px 1rem red;
}

.selectionTileText {
    color: white;
    font-size: 4vw;
    width: max-content;
    text-align: center;
}

.pageDisplay {
    width: 100%;
    display: inline-block;
    
}

.indexDispaly {
    width: 90%;
    display: inline-flex;
}

.indexDispaly a {
    text-decoration: none;
}

.footer {
    width: 70%;
    margin-left: 15%;    
    position:fixed;
    bottom:2rem;
    font-size: 0.85rem;
    overflow: hidden;
    color:black;
}


.valuesInputSection {
    margin-bottom: 2%;
    border-bottom: solid #80808014;
    padding: 0px;
}

.sectionDiv {
    margin-bottom: 5%;
}

.inputTextBox {
    margin-left: 1rem;
    text-align: center;
    border: 1px solid #1EB14C;
    width: 85%;
}

.inputMoney {    
    text-align: center;
    border: 1px solid #1EB14C;    
}

.inputTextBox:focus-visible {
    outline-color: #1EB14C;
    outline-width: 2px;
}

.buttonSubmit {
    color: #fff;
    background-color: #958b74;
    border-color: #00a2e8;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    padding-top: 0.175rem;
    padding-bottom: 0.175rem;
    font-size: inherit;
}

.buttonSubmit:hover {
    color: #fff;
    background-color: #00a2e8;
    border-color: #00a2e8;
}


.actionButtons {    
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    padding-top: 0.175rem;
    padding-bottom: 0.175rem;
}

.table {
    vertical-align: middle;
    font-size: 0.8rem;
    background: none;
}

.tableBartHouse {
    caption-side: bottom;
    border-collapse: collapse;
    vertical-align: middle;
    font-size: 0.8rem;
    color: antiquewhite;
    width: 100%;
    margin-bottom: 1rem;
    display: table;
    border-spacing: 2px;
    border-color: #c2a869;
    border-width: 2px;
}

.barthouse > tbody, td, tfoot, th, thead, tr{
    border-width:2px;
}

.prevButton {
    margin-right: 1em;
    font-size: 1.25rem;
    text-decoration: none;
    color: #3b3832;
    font-weight:700;
}

.nextButton {
    margin-left: 1em;
    font-size: 1.25rem;
    text-decoration: none;
    color: #3b3832;
    font-weight: 700;
}

.textAwayFromLeft{
    margin-left:2rem;
    margin-bottom:5%;
}

.tableRemoveRowCell {
    color: white;
    background-color: #958b74;  
}

.tableRemoveRowCell button {
    color: white;
    background: inherit
    
}