.menu-bar
{
    overflow: hidden;
    position: fixed;
    z-index: 9999;
    left: 0px;
    right: 0px;
    text-align: center;
    box-shadow: rgba(25, 170, 220, 0.5) 0px 0px 5px;
    width: 100%;
    height: 42px;
    bottom: 0px;
    background: #2155a8;
    border-top: 1px solid rgb(33, 57, 100);
    display: flex;
    justify-content: center;
    align-items: center;
}
.menu-header
{
    background: #2155a8;
    border-top: 1px solid rgb(33, 57, 100);
    box-shadow: rgba(25, 170, 220, 0.5) 0px 0px 5px;
    height: 40px;
    width: 100%;
}
.menu-left{
    float: right;
    display: flex;
    height: 40px;
    align-items: center;
    
}
.page-title
{
    color:white;
}
.menu-right{
    display: flex;
    align-items: center;
    height: 40px;
    margin-left: 40px;
}
.exit_btn
{
    margin-right:100px;
}
.exit_btn img
{
    width:24px;
    height:24px;
}
.menu_btn
{
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
    cursor: pointer;
    margin: 0 10px;
}
.menu_btn div {
    width: 40px;
    height: 40px;
    margin-left: 0px;
  
}
@media(max-width: 300px)
{
    .menu_btn
    {
        margin: 0 5px;
    }
}