.watchButtonContainer,
.watchThumb,
.watchVideo {
    background: rgba(202, 202, 202, .1)!important
}
#clearButton,
.watchContent {
    margin-left: 5px
}
.watchButtonContainer {
    margin-bottom: 5px!important;
    border: 1px solid rgba(213, 213, 214, 1)!important;
    padding: 5px;
    text-align: center
}
#clearButton,
#pauseButton,
#resumeButton {
    padding: 5px!important;
    border: none
}
.watchVideoContainer {
    width: 100%;
    overflow: hidden
}
.watchVideo {
    width: 100%;
    padding: 5px;
    border-bottom: 1px solid rgba(213, 213, 214, 1)!important;
    box-sizing: border-box;
    position: relative
}
.watchThumb {
    width: 25%;
    float: left
}
.watchThumb img {
    width: 100%
}
.watchContent {
    width: 70%;
    float: left
}
.watchRateBox:after,
.watchVideo:after {
    content: '';
    display: block;
    clear: both
}
.watchContentRate,
span.videoWatchedBox,
span.watchContentCount {
    display: inline-block
}
h3.watchContentTitle {
    margin: 0;
    width: 100%;
    font-size: 18px;
    margin-bottom: 5px!important;
    color: #bc360a!important
}
.watchContentRate {
    float: right;
    margin-top: 7px
}
.watchRateBox {
    margin: 0
}
span.watchVideoCloseButton {
    display: inline-block;
    position: absolute;
    right: 4px;
    top: 0;
    cursor: pointer
}
p.watchContentDescription {
    margin-bottom: 10px
}
p.noWatchFound {
    width: 100%;
    text-align: center;
    color: #707071;
    margin: 0;
    padding: 5px
}
.watchLoadingBar {
    height: 26px;
    width: 100%;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #f8f8ff
}
.watchIconImage {
    height: 20px;
    width: 35px;
    background-repeat: no-repeat
}
span.videoWatchedBox {
    position: absolute;
    font-family: sans-serif;
    letter-spacing: 2px;
    color: #E4DBDB;
    top: 5px;
    left: 5px;
    background-color: rgba(68, 67, 67, .52);
    padding: 2px
}
.watchVideoContainer {
    background: 0 0!important;
    border: none!important
}
.watchVideoContainer .watchVideo {
    background: rgba(202, 202, 202, .1)!important;
    border: 1px solid rgba(213, 213, 214, 1)!important;
    margin: 5px 0
}
.watchVideoContainer .watchVideo .watchThumb {
    width: 30%;
    background: 0 0!important
}
.watchVideoContainer .watchVideo .watchContent {
    width: 68%
}
.watchButtonContainer #resumeButton {
    background: #666
}
h3.watchContentTitle a {
    text-decoration: none!important;
    color: #0073aa!important
}
p.playlistNameElement {
    color: #0073aa!important;
    font-size: 17px
}
.editPlaylistName {
    border: 1px solid #ccc;
    background: #fff;
    color: #666;width: 100%;
}
span.spanForPlaylist { width: 100%;}
#clearButton,
#pauseButton,
#resumeButton {
    background: #666
}
#clearButton:hover,
#pauseButton:hover,
#resumeButton:hover {
    background: #999
}
@media screen and (max-width: 650px) and (min-width: 320px) {
    .watchVideoContainer .watchVideo .watchContent,
    .watchVideoContainer .watchVideo .watchThumb {
        width: 100%;
        margin-left: 0
    }
    .watchVideoContainer .watchVideo {
        margin: 15px 0;
        padding: 10px
    }
    span.watchVideoCloseButton {
        right: -1px;
        top: -13px
    }
    #clearButton {
        margin-left: 0
    }
    #pauseButton,
    .watchButtonContainer #resumeButton {
        margin-bottom: 5px
    }
}
.watchContentRate,
h3.watchContentTitle a,
p.watchContentDescription,
span.videoWatchedBox,
span.watchContentCount {
    font-size: 13px
}
.watchContent h3.watchContentTitle {
    width: 95%
}
@media screen and (max-width: 650px) and (min-width: 320px) {
    .watchButtonContainer {
        border: none;
        background: 0 0!important
    }
    #clearButton,
    #pauseButton,
    #resumeButton {
        display: block;
        width: 72%;
        margin: 3px auto!important
    }
}