/* Notes: docs/client-notes/styles.md */
body {
    margin: 0 auto;
}

.footlinetime {
    z-index: 1000;
    position: fixed;
    bottom: env(safe-area-inset-bottom, 0px);
    left: 0;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

.footbcs {
    text-align: center;
    color: #ddca9f;
    background-color: #633300;
    font-family: var(--game-font);
    height: 6vh;
    height: 6svh;
    font-size: 1.92vh;
    font-size: 1.92svh;
}

:root {
    --footBtnH: 6vh;
    --footBtnH: 6svh;
}

.footlmenut {
    z-index: 1001;
    position: fixed;
    bottom: env(safe-area-inset-bottom, 0px);
    left: 0;
    width: 40%;
    border-spacing: 0;
    border-collapse: collapse;
}

.footrmenut {
    z-index: 1001;
    position: fixed;
    bottom: env(safe-area-inset-bottom, 0px);
    right: 0;
    width: 40%;
    border-spacing: 0;
    border-collapse: collapse;
}

.footlmenub,
.footrmenub {
    width: 100%;
}

.footlinetime .timefooter {
    border: none;
    border-top: 2px solid black;
    background-color: #633300;
}

.footlmenut tr:last-child .footlmenub,
.footrmenut tr:last-child .footrmenub {
    border: none;
    border-top: 2px solid black;
    background-color: #633300;
}

.footlmenut tr:not(:last-child) .footlmenub,
.footrmenut tr:not(:last-child) .footrmenub {
    border: 1px solid black;
}

.footlmenut tr:not(:last-child) .footlmenub:hover,
.footrmenut tr:not(:last-child) .footrmenub:hover {
    background-color: #774400;
    cursor: pointer;
}

.footlmenut tr:last-child .footlmenub:not(:empty):hover,
.footrmenut tr:last-child .footrmenub:not(:empty):hover {
    background-color: #774400;
    cursor: pointer;
}

.footlinetime .timefooter:hover {
    background-color: #633300;
    cursor: default;
}

.footlmenut tr:last-child .footlmenub:empty:hover,
.footrmenut tr:last-child .footrmenub:empty:hover {
    background-color: #633300;
    cursor: default;
}

.footlmenut tr:last-child .footlmenub {
    text-align: left;
    padding-left: 15px;
}

.footrmenut tr:last-child .footrmenub {
    text-align: right;
    padding-right: 15px;
}

.fblmenu,
.fbrmenu {
    display: none;
}
