@font-face {
    font-family: 'Atkinson Hyperlegible';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/atkinsonhyperlegible/v11/9Bt23C1KxNDXMspQ1lPyU89-1h6ONRlW45G07JIoSwQ.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Atkinson Hyperlegible';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/atkinsonhyperlegible/v11/9Bt23C1KxNDXMspQ1lPyU89-1h6ONRlW45G04pIo.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

.MuiListItem-root {
    margin-top:8px !important;
    height: 56px !important;
}

.MuiDrawer-root {
    right: 0 !important;
    overflow-y: hidden;
}

.topBarBtn {
    color: #57502B !important;
    border-color: #57502B !important;

}

.topBarBtnActive {
    background: #57502B !important;
    color: #F2F2F0 !important;
}

.markDisabled {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
      -o-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
         filter: grayscale(100%); 
}

.sideMenuDragger {

        width: 15px;
        cursor: ew-resize;
      
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 40000;
        background-color: #57502B;
    
}

.locationBoxStory
{
    font-family: "Atkinson Hyperlegible"
}

.locationBoxHeader
{
    font-family: "Atkinson Hyperlegible"
}