body {
    font-family: sans-serif;
}

#remoteVideo {
    width: auto;
    height: 350px;max-height:350px;
    border: 1px solid gray;
    border-radius: 4px 4px;
    float:left;
    margin-bottom:4px;
}
#localVideo {
    width: auto;
    height: 150px;max-height: 150px;
    margin-bottom: 100px;
    border: 1px solid gray;
    border-radius: 4px 4px;
    float: left;
    margin-top: 139px
}
h4 {
    margin: 1em 0;
}

h5 {
    margin: 1em 0;
}

.roomCreate {
    margin: 2em 0 1em 0;
}
.roomList {
}
.joinButton {
    width: 100%;
}

.borderLine {
    border-top: 1px dotted;
    margin: 1em 0;
}

.sendFileBtn {
    display: block;
    margin-top: 10px;
}

.fileTable {
    border: 1px solid;
    margin: 1em 0;
    width: 500px;
}

.fileTable th {
    background: #e8eaed;
    border: 1px solid;
}

.fileTable td {
    border: 1px dotted;
}
video.flipX {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
}
.canvas-client {
    width: 81%;
    height: 290px;
    background-color: whitesmoke;
    border: 1px solid blue;
    border-radius: 5px 5px;
    margin-left: 2px;
    position: relative;
}
.canvas-master {
    width: 81%;
    height: 290px;
    background-color: whitesmoke;
    border: 1px solid blue;
    border-radius: 5px 5px;
    margin-left: 2px;
    float:left;
    position:relative;
}
.canvas-command {
    width: 18%;
    height: 290px;
    border: 1px solid blue;
    border-radius: 3px 3px;
    margin-left: 2px;
    float: right;
}
.bolinha {
    width: 48px;
    height: 48px;
    right:auto;
    border-radius: 100%;
    border: 1px solid navy;
    color: navy;
    background-color:navy;
    display:none;
    position:absolute;
}