.resourceDetail[data-type="video"] {
    background: #000;
}

.resourceDetail[data-type="video"] video {
    width: 100%;
    height: 100%;
}

/* licenseInformation sits at the top for video */
.resourceDetail[data-type="video"] .licenseInformation {
    bottom: auto;
    top: 0;
}


.resourceThumb[data-type="video"] {
    background-image: linear-gradient( 35deg, transparent 49.5%, rgba(0,0,0,0.25) 50%, transparent 50.5% ), linear-gradient( -35deg, transparent 49.5%, rgba(0,0,0,0.25) 50%, transparent 50.5% ), linear-gradient(#bdbdbd, #bdbdbd);
}

/* Annotation Tile */

.tileElement[data-type="video"] [class^="icon-"]::before, .tileElement[data-type="video"] [class*=" icon-"]::before {
    content: "\e8a7";
}

/* Edit Video Overlay Properties */

.editPropertiesContainer .propertiesTypeIcon[data-type="video"] [class^="icon-"]::before, .editPropertiesContainer .propertiesTypeIcon[data-type="video"] [class*=" icon-"]::before {
    content: "\e8a7";
}

.editPropertiesContainer .syncedRadio {
    margin: 10px 0;
}

.editPropertiesContainer .syncedRadio .ui-button {
    border: 1px solid rgba(47, 50, 58, .5);
}

.editPropertiesContainer .syncedRadio .ui-button.ui-state-active {
    background: rgba(47, 50, 58, .2);
    box-shadow: 0 0 2px 1px #888 inset;
}