/***** ADMIN *****/
/*WEB GALLERY*/
#ipWidgetWebGalleryPopup .modal-dialog { width: 75%; }
#ipWidgetWebGalleryPopup .modal-dialog .modal-content .ipsFile{ max-width: 25%; display: inline-block; padding: 5px; }
#ipWidgetWebGalleryPopup .modal-dialog .modal-content .ipsFile .description-text{ width: 100%; border: 1px solid; padding: 12px; }
#ipWidgetWebGalleryPopup .modal-dialog .modal-content .video_embed{ padding-bottom: 56.25% !important; position: relative; }
#ipWidgetWebGalleryPopup .modal-dialog .modal-content .video_embed iframe{ height: 100%; width: 100%; position: absolute; top: 0; left: 0; border: 1px solid #E7E7E7; }
.ip .ipWidget_ipWebGallery_container .input-group-btn{
    text-align: center;
    width: 100%;
    display: block;
}
.ip .ipWidget_ipWebGallery_container .input-group-btn .btn{
    margin-right: 1px;
    display: inline-block;
}
.ip .ipWidget_ipWebGallery_container .input-group .form-control{
    font-size: 17px;
}
@media only screen and (max-width: 960px) {
    #ipWidgetWebGalleryPopup .modal-dialog { width: 90%; }
    #ipWidgetWebGalleryPopup .modal-dialog .modal-content .ipsFile{ max-width: 50%; display: inline-block; padding: 5px; }
}
@media only screen and (max-width: 767px) {
     #ipWidgetWebGalleryPopup .modal-dialog .modal-content .ipsFile{ max-width: 100%; display: inline-block; padding: 0px; }
}
@media only screen and (max-width: 380px) {
    .ip .ipWidget_ipWebGallery_container .input-group-btn .btn{
        margin-right: 0px;
    }
}

/*END WEB GALLERY*/

/* VIDEO GALLERY */
#ipWidgetVideosGalleryPopup .modal-dialog { width: 75%; }
#ipWidgetVideosGalleryPopup .videosGalleryWrapper { padding: 20px 0 0; overflow: hidden; }
#ipWidgetVideosGalleryPopup .videoFile_galleryItem {
    float: left;
    margin: 0 1%;
    width: 23%;
    text-align: center;
}
.ip .input-group-btn {width: auto!important;}
#ipWidgetVideosGalleryPopup .videoFile_controls { position: relative; }
#ipWidgetVideosGalleryPopup .videoFile_controls .videoFileMove { position: absolute; left: 0; top: -22px; cursor: move; }
#ipWidgetVideosGalleryPopup .videoFile_controls .videoFileRemove { position: absolute; right: 0; top: -22px; color: red; }
#ipWidgetVideosGalleryPopup .videoFile_thumbnail {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    width: 100%;
    background-color: #000;
    overflow: hidden;
}
/* #ipWidgetVideosGalleryPopup .videoFile_thumbnail img { max-height: 100%; max-width: 100%; display: block; } */
#ipWidgetVideosGalleryPopup .ipsVideoTitle { padding: 3px; margin: 5px; }
#ipWidgetVideosGalleryPopup .ui-sortable-placeholder { border: 1px dashed #ccc; visibility: visible !important; display: block; }
#ipWidgetVideosGalleryPopup .input-group-btn { width: auto!important; display: block;}
#ipWidgetVideosGalleryPopup .options label { margin: 5px 0; }

@media only screen and (max-width: 980px) {
    #ipWidgetVideosGalleryPopup .modal-dialog {width: 90%; margin: 5% auto;}
    #ipWidgetVideosGalleryPopup .videoFile_galleryItem {width: 31.33%;}
}
@media only screen and (max-width: 740px) {

    #ipWidgetVideosGalleryPopup .videoFile_galleryItem {width: 48%;}
    #ipWidgetVideosGalleryPopup .videoFile_thumbnail {margin-bottom: 15px; min-height: auto; background-color: transparent;}
    #ipWidgetVideosGalleryPopup .videoFile_thumbnail img {max-height: 135px; margin: 0 auto;}
}
@media only screen and (max-width: 480px) {
    #ipWidgetVideosGalleryPopup .modal-dialog .controls .col-xs-4,
    #ipWidgetVideosGalleryPopup .modal-dialog .controls .col-xs-8 {width: 100%;}   

    #ipWidgetVideosGalleryPopup .modal-dialog .controls .col-xs-4 {text-align: center;}
    #ipWidgetVideosGalleryPopup .modal-dialog .controls .options {text-align: center;}

    #ipWidgetVideosGalleryPopup .videoFile_galleryItem {width: 100%;}
    #ipWidgetVideosGalleryPopup .videoFile_thumbnail {width: 80%; min-height: auto; margin: 0 auto 10px;}
    #ipWidgetVideosGalleryPopup .videoFile_thumbnail img {max-height: 145px; margin: 0 auto;}

}

/* SINGLE VIDEO */
#ipWidgetEncodedVideoPopup .videoFile_wrapper {}
#ipWidgetEncodedVideoPopup .videoFile_wrapper .videoFile_thumbnail {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    width: 100%;
    background-color: #000;
    overflow: hidden;
}
/*#ipWidgetEncodedVideoPopup .videoFile_wrapper .videoFile_thumbnail img { display: block; max-height: 100%; max-width: 100%; margin: 0 auto; }*/

#ipWidgetEncodedVideoPopup h2 { margin-top: 0; }
#ipWidgetEncodedVideoPopup label { font-weight: normal; }
#ipWidgetEncodedVideoPopup table { width: 100%; table-layout: fixed; border-bottom: 1px solid #ccc; margin: 0 0 10px; }
#ipWidgetEncodedVideoPopup table td { vertical-align: top; }
#ipWidgetEncodedVideoPopup .ipsVideoTitle,
#ipWidgetEncodedVideoPopup .ipsVideoDescription { padding: 5px; margin: 10px; min-height: 2em; }

.ipsSearchModal .name-original_video { display: none; }

.ipAdminContentWrapper .ipsGrid .table td { vertical-align: middle; }
.ipAdminContentWrapper .ipsGrid .table td .video-placeholder{
    background: black;
    text-align: center;
    width: 150px;
    height: 84px;
    padding: 18px;
}


/***** FRONT END *****/
.video-wrapper {
    max-height: 100%;
    max-width: 100%;
    // overflow: hidden;
}

.video-play-mobile {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

/* VIDEO GALLERY */
.ipWidget-VideosGallery .video-gallery {
    display: block;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.ipWidget-VideosGallery .video-gallery .item {
    float: left;
    width: 23%;
    margin: 0 1% 1%;
    text-align: center;
}
.ipWidget-VideosGallery .video-gallery .item .thumbnail {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    width: 100%;
    background-color: #000;
    overflow: hidden;
}
.ipWidget-VideosGallery .video-gallery .item .thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    height: auto;
}
.ipWidget-VideosGallery .video-gallery .item a {
    display: block;
}
.ipWidget-VideosGallery .video-gallery .item .video-title {
    width: 100%;
    font-size: 14px;
    padding-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.video-js .vjs-big-play-button {
    line-height: 3em;
    height: 3em;
    width: 3em;
    border-radius: 100%;
}
.vjs-big-play-centered .vjs-big-play-button {
    margin-top: -1.5em;
}
.vjs-icon-play:before,
.video-js .vjs-big-play-button:before,
.video-js .vjs-play-control:before {
    font-size: 2em;
}

.ipWidget-VideosGallery .video-gallery .item .icon {
    background: url(play-button.png) no-repeat scroll center center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; 
    height: 100%;
    opacity: 0.8;
}
.ipWidget-VideosGallery .video-gallery .item:hover .icon {
    opacity: 1;
}

/*WebGallery*/
.ipWidget-WebGallery .webvideos-container > ul{
   margin-left: 0;
   overflow: hidden;
}
.ipWidget-WebGallery .webvideos-container li {
    float: left;
    margin: 0 1% 1%;
    text-align: center;
    width: 23%;
    list-style: none;
}
.input-group{
    width: 100%;
}


@media only screen and (max-width: 940px) {
   .ipWidget-WebGallery .webvideos-container li {
        width: 48%;
    }
}
@media only screen and (max-width: 480px) {
   .ipWidget-WebGallery .webvideos-container li {
        width: 100%;
        margin-bottom: 10px;
    }
}

/* IN WIDGET COLUMN */

.ipWidget-Columns .ipWidget-VideosGallery .video-gallery .item {
    width: 46%;
}

/* SINGLE VIDEO */
.ipWidget-EncodedVideo .single-video-container .video-wrapper { 
    max-width: 100%; 
    width: 100%;
}
.ipWidget-EncodedVideo .single-video-container .video-info .video-title,
.ipWidget-EncodedVideo .single-video-container .video-info .video-description {
    padding: 5px 5px 0;
}

/* FancyBox Open */
.fancybox-title .video-info .video-title {
    font-size: 14px;
    color: #000;
    margin: 0;
}
.fancybox-inner.fancybox-inner-web {
    padding-bottom: 56.25%;
    height: 0 !important;
}