html, body {
    box-sizing: border-box;
    height: 100%;
    margin: 0;
    overflow: hidden;
    background-color: #414C5A;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 1.5vw;
    }

    *, *:before, *:after {
    box-sizing: inherit;
    margin: 0;
    padding: 0;
    }

    .wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    }

    .header{
    height: 100px;
    }

    .footer {
      height: 60px;
    }

    .content {
    flex: 1;
    overflow: auto;
    }

    .left {
    width: 60%;
    height: 100%;
    float: left;
    overflow: auto;
    }

    .right {
    margin-left: 60%;
    height: 100%;
    overflow: auto;
    }

    .pM
    {
        padding: 10px;
    }


    .item
    {
        width: 100%;
        height: 100px;
        margin-bottom: 10px;
        background-color: black;
    }


    .itemlist  
    {
        background-color: #2A3641;

    }

    td
        {
            vertical-align: middle;
        }

    /* .statusbar
    {
        font-family: Arial, Helvetica, sans-serif;
        font-size:  70%;
        padding:    3px 12px;
        color:      #aaaaaa;
    } */


    .scroller::-webkit-scrollbar-track
        {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
        border-radius: 0px;
        background-color: #414C5A;
        }

    .scroller::-webkit-scrollbar
        {
            width: 14px;
            background-color: #414C5A;
        }

    .scroller::-webkit-scrollbar-thumb
    {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.0);
        background-color: #677180;
    }