html, body {
    overflow: hidden;
    #height: 100%;
    #max-width: 1920px;
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 0%;
    margin-right: 0%;
    background: #000000;
    font-style: bold;
    font-size: x-small;
    font-family: sans-serif;
}

#stream-container {
    margin-left: 0%;
    margin-right: 0%;
    padding: 0;
    width: 100%;
    height: 100%;
    padding-top: 0%;
    padding-bottom: 0%;
    box-sizing: border-box;
}

#streamimage {
width:480px; height: 270px;
}

.mjpeg {
    margin-left: 0%;
    margin-right: 0%;
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.cam-top-text {
   display: table;
   position: absolute;
   top: 0px;
   left: 0em;
   padding: 1px 1px;
   width: 528px;
   background: rgba(255, 255, 255, 0.2);
   color: #000000;
}

.cam-bottom-text {
   position: absolute;
   top: 287px;
   left: 0em;
   padding: 1px 1px;
   width: 528px;
   background: rgba(0, 0, 0, 0.5);
   color: #cccccc;
}

.heading {
        color: #cccccc;
        font-style: bold;
        font-size: small;
        text-align: center;
}

.TopLeft {
        display: table-cell;
        text-align: left;
        float: left;
        flex: 1;
        padding: 1px 1px;
        opacity: 1;
}

.TopCenter {
        display: table-cell;
        text-align: center;
        flex: 1;
        padding: 1px 1px;
        opacity: 1;
}

.TopCenterMsg {
#       font-size: large;
        margin:0;
}
.TopRight {
        display: table-cell;
        text-align: right;
        float: right;
        flex: 1;
        padding: 1px 1px;
        opacity: 1;
}

.BottomLeft {
        font-size: x-small;
        color: #cccccc;
        float: left;
        padding: 0px 0px;
        opacity: 1;
}

.BottomRight {
        color: #cccccc;
        float: right;
        padding: 0px 0px;
        opacity: 1;
}

.HawkeyeViewers {
        color: #555555;
        float: left;
        white-space: pre;
        display: block;
        unicode-bidi: embed;
}