body {
    background-color: #c5a2a240;
}

#waveform-container {
    background-color: #FCFCFC;
}

#waveform {
    position: relative;
}

/* Hide scrollbar for Chrome, Safari and Opera */
wave::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE and Edge */
wave {
    -ms-overflow-style: none;
    scrollbar-width: none;
}


timeline {
    background-color: rgba(201, 219, 234, 0.3);
    -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.4);
    height: 25px!important;
}

minimap region {
    top: 0;
    border-radius: 4px;
    /*height: 10px!important;*/
}

.wavesurfer-region {
    top: initial !important;
    bottom: 0 !important;
    height: 20px !important;
}

/*.wavesurfer-region:hover {*/
/*    cursor: pointer!important;*/
/*}*/

region {
    opacity: 0.7;
    border-radius: 7px;

    -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.4);
}


minimap region.marker, region.marker {
    width: 2px!important;
    height: 100% !important;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


minimap region {
    -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.4);
    height: 11px!important;
    top: 4px!important;
}

minimap region.selected {
    top: 10px!important;
}

region.highlighted {
    opacity: 1;
    z-index: 1000;
}

region.selected {
    height: 72% !important;
    top: 7px!important;
    opacity: 1!important;
}

.wavesurfer-region {
    bottom: 3px!important;
}

.wavesurfer-handle {
    /*width: 1px!important;*/
    width: 0!important;
    background-color: #000!important;
}

.wavesurfer-region:hover .wavesurfer-handle {
    background-color: rgba(0,0,0,0)!important;
    max-width: 10px!important;
    width: 8px!important;
}

.wavesurfer-region.highlighted .wavesurfer-handle:active {
    width: 1px!important;
    z-index: 10000;

    -webkit-box-shadow: initial;
    -moz-box-shadow: initial;
    box-shadow: initial;
}

.region {
    opacity: 0.5;
}
.region.highlighted {
    opacity: 1;
}

minimap {
    background-color: rgba(201, 219, 234, 0.3);
    -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.4);
    margin-top: 5px;
}

minimap overview {
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 1001!important;
    /*top: 0!important;*/
    border: none!important;
    border-radius: 4px;
}

minimap overview.hidden {
    display:none!important;
}

video {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.36);
}

cursor {
    height: 148px;
    top: -20px !important;
}

.container-fluid {
    padding: 0px;
}

@media (max-width: 797px) {
    body {
        padding-left: 0px;
        padding-right: 0px;
    }
}

tr.highlighted, tr.selected {
    background-color: #ffff99;
}