body * {
        font-family: Calibri, Lato, Helvetica, Arial, sans-serif;
    }


.BigGridText {
    font-size: 20pt !important;
    color: #83292b !important;
}

.BigGridTextBlack {
    font-size: 20pt !important;
    color: #000000 !important;
}

.pending-order {
    background: none !important;
    color: darkgreen;
    border: none;
    padding: 0 !important;
    font: inherit;
    cursor: pointer;
}

.HeaderLabel {
    font-size: 20pt !important;
    color: white !important;
    padding: 10px !important;
}

.HeaderFooter {
    background-color: #333333 !important;
}

.HeaderFooterLight {
    background-color: #999999 !important;
}

.SmallHeaderLabel {
    font-size: 16pt !important;
    color: white !important;
    padding: 6px !important;
}

.TinyHeaderLabel {
    font-size: 12pt !important;
    color: white !important;
    padding: 2px !important;
}

.SmallHeaderFooter {
    background-color: #333333 !important;
}

.SmallHeaderFooterGray {
    background-color: dimgrey !important;
}

.DataHeader {
    font-size: 14pt;
    font-weight: bold !important;
    color: black !important;
}

.Data {
}

.BigButton {
    color: white !important;
    background-color: #83292b !important;
    width: 190px !important;
    height: 80px !important;
    font-size: 14pt !important;
    font-family: Lato !important;
}

.BigButtonHover {
    background-color: black !important;
    color: lightgray !important;
}

.MenuButton {
    color: white !important;
    background-color: #83292b !important;
    width: 120px;
    height: 50px !important;
    font-size: 12pt !important;
    font-family: Lato !important;
}

.MenuButtonHover {
    background-color: black !important;
    color: #83292b !important;
}

.MenuButtonReverse {
    color: #83292b !important;
    background-color: white !important;
    width: 120px;
    height: 50px !important;
    font-size: 12pt !important;
    font-family: Lato !important;
}

.MenuButtonNarrowReverse {
    color: #83292b !important;
    background-color: white !important;
    width: 120px;
    height: 30px !important;
    font-size: 12pt !important;
    font-family: Lato !important;
}

.MenuButtonReverseHover {
    background-color: #83292b !important;
    color: white !important;
}

.TableButton1 {
    color: white !important;
    background-color: #ba8d8e !important;
    height: 35px !important;
    font-size: 12pt !important;
    font-family: Lato !important;
}

.TableButton1Hover {
    background-color: lightgray !important;
    color: #83292b !important;
}

.SmallButtonNoWidth {
    color: white !important;
    background-color: #83292b !important;
    height: 35px !important;
    font-size: 12pt !important;
    font-family: Lato !important;
}

.SmallButton {
    color: white !important;
    background-color: #83292b !important;
    width: 120px;
    height: 35px !important;
    font-size: 12pt !important;
    font-family: Lato !important;
}

.SmallButtonHover {
    background-color: black !important;
    color: #83292b !important;
}

.TallButton {
    color: white !important;
    background-color: #83292b !important;
    width: 120px;
    height: 70px !important;
    font-size: 12pt !important;
    font-family: Lato !important;
}

.TallButtonHover {
    background-color: black !important;
    color: #83292b !important;
}

.TallButtonNoWidth {
    color: white !important;
    background-color: #83292b !important;
    height: 70px !important;
    font-size: 12pt !important;
    font-family: Lato !important;
}

.TallButtonReverse {
    color: #83292b !important;
    background-color: white !important;
    width: 120px;
    height: 70px !important;
    font-size: 12pt !important;
    font-family: Lato !important;
}

.TallButtonReverseFade {
    color: #000000 !important;
    background-color: white !important;
    width: 120px;
    height: 70px !important;
    font-size: 12pt !important;
    font-family: Lato !important;
}

.SmallButtonReverse {
    color: #83292b !important;
    background-color: white !important;
    width: 120px;
    height: 35px !important;
    font-size: 12pt !important;
    font-family: Lato !important;
}

.SmallerButtonReverse {
    color: #83292b !important;
    background-color: white !important;
    width: 120px;
    height: 20px !important;
    font-size: 12pt !important;
    font-family: Lato !important;
}

.SmallButtonHoverReverse {
    background-color: #83292b !important;
    color: white !important;
}

.SmallHeaderButton {
    color: white !important;
    background-color: #83292b !important;
    width: 120px;
    height: 30px !important;
    font-size: 10pt !important;
    font-family: Lato !important;
    margin: 6px !important;
}

.FilterDiv {
    padding: 4px 3px 3px 3px;
    margin-top: 5px;
    display: flex;
    align-content: center;
    background-color: gainsboro;
}

.collapsible {
    background-color: #333333;
    font-size: 12pt !important;
    color: white !important;
    width: auto;
    border: none;
    text-align: left;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

div.HideDiv {
    display: none;
}

div.ShowDiv {
}

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