video#recordPlayback {
        position: absolute;
        top: 20px;
        max-width: 50%;
        height: auto;
        z-index: 21;
    }

    div#recordControls {
        /*position: absolute;*/
        position: inherit;
        display: inline-block;
        z-index: 20;
	/*margin: 0 4px;*/
        margin-left: 8px;
        justify-content: center;
        /*flex-direction: column;*/
	/*background-color: #fff;*/
        /*border-radius: 50%;*/
        /*bottom: 20;*/
        /*left: 190px;*/
    }
    .recordBtn:active {
        background-color: rgba(255,255,255, 0.4);
        border-radius: 4px;
        border:1px solid rgba(255,255,255, 0.6);
        cursor:pointer;
        color: #3c3c3c;
        padding:2px 4px;
        margin: 2px;
        font-weight: bold;

    }
    .recordBtn:hover {
        background-color:rgba(255,255,255, 0.6);
    }
    .recordBtn:disabled {
        position:relative;
        top:1px;
        background-color:rgba(255,255,255, 0.2);
        border:1px solid rgba(255,255,255, 0.3);
        color: #9a9a9a;

    }
    button#takeScreenshot{
        /*background-image: url('./take-photo1.png');*/
        background-image: url('./take-photo.png');
        width: 32px;
        height: 32px;
        border-radius: 50%;
        border: 0px;
    }