/* quickPublish.css*/
div#quickPublishSite {
    width: 100% !important;
    padding: 5px;
    max-width: 720px;
}

@media (max-width: 991px) {
    div#quickPublishSite {
        padding: 0 !important;
    }
}
div.ensembleContentContainer {
    width: 100% !important;
}

.contentCredit {
    padding-right: 5px !important;
    word-wrap: break-word !important;
}

#metaDataContainer2 {
    padding-right: 5px !important;
}

/* ensemblePlugin.css */
.pluginWidth {
    width: 100% !important;
}
.searchResults > .pluginWidth {
    width: 100% !important;
}
div.ensembleContentContainer, div.ensembleContentContainer td {
    margin: 0 auto !important;
}
div.pager {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
div.searchResults {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#ensembleVideoContentContainer {
    width: 100% !important;
    /*max-width: 768px;*/  /*commented for content preview*/
}

.embedCode {
    width: 95% !important;
}
.infoContainer {
    width: 100% !important;
    padding-right: 20px !important;
}
.selectAllOnClick {
    width: 100% !important;
}
#mediaButtons {
    width: 100% !important;
}

#mediaButtonContainer {
    width: 100% !important;
}

.noteBody {
    margin-left: 0;
    width: 75% !important;
}

#liveMediaButtons {
    width: 100% !important;
    background-color: #ebebeb;
}

#annotations {
    padding: 0 !important;
    border: 0;
    width: 100% !important;
}

div#annotationsContainer {
    width: 99.7% !important;
    border: 1px solid #ebebeb !important;
    overflow-y: auto !important;
}

.annotationNote, .annotationNoteAlternative {
  width: 100% !important;
}

#annotationsContainer, .noteText {
  width: 100% !important;
}

.noteTime {
  float: right !important;
}

#annotationsContainer .noteText a {
  width: 100% !important;
}

/* Plugin.js*/
#featuredVideoInfo {
    width: 100% !important;
    padding: 0 !important;
}

.ev_newvideo_link {
    width: 100% !important;
}

.contentItemDescription {
    width: 100% !important;
}

/* New CSS*/

/*PLAYLIST LAYOUT*/

#contentDescription {
    padding-right: 10px !important;
}

.contentItemTitle {
    width: 100% !important;
}

#pluginContainer {
    padding: 0 !important;
    margin-bottom: 10px !important;
}

#featuredVideoMoreLink {
    padding-right: 15px !important;
}

#featuredVideoTitle, #featuredVideoDuration {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

#featuredVideoTitle {
    padding-top: 15px !important;
}

.ev_newvideo_description {
    width: 100% !important;
}

.searchResults {
    padding-top: 20px !important; 
}

/*SHOWCASE LAYOUT*/

.tdFeatuerVideo, .tdNewVideo {
    
    width: 60% !important;
}

td.catVideo {
    width: 100% !important;
}

#newVideoContainer table {
    display: block !important;
}

div#searchBox {
    padding-right: 0 !important;
}
.ev_newVideo_Title, .ev_newvideo_date {
    float: none !important;
}
.imageWidth {
    width: auto !important;
}

/* Portrait tablets and small desktops */
@media (max-width: 991px) {

    /*SHOWCASE*/
    .tdFeatuerVideo, .tdNewVideo {
        display: block !important;
    }
    .catVideo td {
        width: 50% !important;
        display: inline-block !important;
        padding-bottom: 10px !important;
    }
    #categoryTd {
      width: 50% !important;
      display: inline-block !important;
    }

    .tdFeatuerVideo, .tdNewVideo {
        width: 100% !important;
    }
}

/* Embed for individual javascript */
body{ margin: 0 !important;}

@media (max-width: 1199px) {
    .contentItemDate, .ev_newvideo_date {
        font-size: 13px !important;
    }
    .contentItemDescription {
        font-size: 14px !important;
    }
}

@media (max-width: 767px) {
    /*.imageWidth, .contentImage {
        width: 120px !important;
    }*/

    #categoryTd {
        width: 100% !important;
    }

    .catVideo td {
         width: 100% !important;
    }
}

@media (max-width: 660px) {
    .imageWidth, .contentImage {
        width: 120px !important;
    }
}

/* For responsive permalink */
/* Landscape phones and portrait tablets */
@media (max-width: 991px) {
     #content {
        width: 100% !important;
        max-width: 991px !important;
    }
     #contentContainer {
         width: 100% !important;
         max-width: 991px !important;
         padding: 0 !important;
         border: 0 !important;
     }
}

/* Landscape phones and portrait tablets */
@media (max-width: 480px) {
    .noteBody {
        width: 65% !important;
    }
}

/* For responsive video loaded from permalink playlist*/
#ensembleVideoContentContainer, 
#aboutContainer, 
#embedCodeContainer, 
#mediaButtons, 
#mediaButtonContainer {
    width: 100% !important;
}
#contentUrl, 
#embedCodeWithIFrameCode, 
#embedCodeWithJavaScriptCode {
    width: 99.5% !important;
}
.embedCode, #infoText {
    width: 100% !important;
}

#contentUrl {
    width: 99% !important;
}

#quickPublishForm {
    padding-right: 3px;
}


@media (max-width: 1199px) {
    .contentItemDate, .ev_newvideo_date {
        font-size: 13px !important;
    }
    .contentItemDescription {
        font-size: 14px !important;
    }
}

@media (max-width: 448px) {
    .contentItemDescription {
        display: none !important;
    }
}


@media (max-width: 992px) {
    div#quickPublishSite {
        /*padding-left: 1px !important;*/  /*commented because on content preview we have 1px(left) padding that should not be there*/
    }
    div#quickPublishSite,div.ensembleContentContainer {
        max-width: 991px !important;
    }
    #contentUrl {
        width: 96% !important;
    }
}

@media (max-width: 767px) {
    .contentImage {
        width: 120px !important;
    }
    #contentUrl {
        width: 94% !important;
    }
}

@media (max-width: 480px) {
    .mediaButton {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

@media (max-width: 320px) {
    .mediaButton {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }
}
/* End For responsive video loaded from permalink playlist*/

/* Content Preview */
#poweredBy {
    margin: 5px 5px !important;
}

#previewContainer {
    background-color: black;
}

.imageWithTooltip {
    width: 100% !important;
    max-width: 640px !important;
}

#imageGalleryContainer .thumbs {
    width: 96% !important;
}

#imageGalleryContainer .detail {
    height: 100% !important;
}

#photodetail .titleheading {
    width: 75% !important;
    word-wrap: break-word !important;
}

/* End Content Preview */