/*** IMAGE ALBUM ***/

/*** ADMIN ***/

#ipWidgetAlbumPopup .modal-dialog { width: 75%; }
#ipWidgetAlbumPopup .panel-collapse > .panel-body { overflow: hidden; }
#ipWidgetAlbumPopup .AlbumWrapper {
	overflow-y: scroll;
    max-height: 500px;
}
#ipWidgetAlbumPopup .AlbumWrapper::-webkit-scrollbar {
    -webkit-appearance: none;
}
#ipWidgetAlbumPopup .AlbumWrapper::-webkit-scrollbar:vertical {
    width: 11px;
}
#ipWidgetAlbumPopup .AlbumWrapper::-webkit-scrollbar:horizontal {
    height: 11px;
}
#ipWidgetAlbumPopup .AlbumWrapper::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}
#ipWidgetAlbumPopup .AlbumWrapper::-webkit-scrollbar-track { 
    background-color: #fff; 
    border-radius: 8px; 
} 

#ipWidgetAlbumPopup .form-control { font-size: 16px; }

#ipWidgetAlbumPopup .panel-heading .ipsDeleteFolder {
	opacity: 0.9;
	border: 1px solid transparent;
	padding: 1px 5px;
	color: #fff;
    background-color: #f05050;
}
#ipWidgetAlbumPopup .panel-heading .ipsDeleteFolder:hover { opacity: 1; }

#ipWidgetAlbumPopup .panel-heading .folder-move {
	width: 1em;
    text-align: center;
    display: inline-block;
    cursor: move;
}

#ipWidgetAlbumPopup .panel-heading .according-handler .openFolder { display: none; }
#ipWidgetAlbumPopup .panel-heading .according-handler .closeFolder { display: inline-block; min-width: 122px; }
#ipWidgetAlbumPopup .panel-heading .according-handler.collapsed .openFolder { display: inline-block; min-width: 122px; }
#ipWidgetAlbumPopup .panel-heading .according-handler.collapsed .closeFolder { display: none; }

#ipWidgetAlbumPopup .imageFile_thumbnail {
	width: auto;
    text-align: center;
    background-color: #000;
    border: 4px solid #fff;
    padding-top: 56.25%;
    position: relative;
}
#ipWidgetAlbumPopup .imageFile_thumbnail .innerThumb {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
#ipWidgetAlbumPopup .imageFile_thumbnail .innerThumb img {
	max-width:  100%;
	max-height: 100%;
}

#ipWidgetAlbumPopup .imageFile_info {
	border: 4px solid #fff;
}
#ipWidgetAlbumPopup .imageFile_info .description { border-top: 0 none; }

#ipWidgetAlbumPopup .imageFile_controls {
	float: left;
	width: 26px;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
	-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
	box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
}

#ipWidgetAlbumPopup .imageFile_controls .btn {
	display: block;
	margin: 0;
	width: 100%;
	border-color: #eaeaea;
}

#ipWidgetAlbumPopup .imageFile_wrapper {
	float: left;
	width: calc(100% - 30px);
	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.3);
	-moz-box-shadow: 0 0 20px 0 rgba(0,0,0,.3);
	box-shadow: 0 0 20px 0 rgba(0,0,0,.3);
}

#ipWidgetAlbumPopup .ipsImageFile { padding: 10px 6px; }

#ipWidgetAlbumPopup .options {}

#ipWidgetAlbumPopup .options .options-table { table-layout: fixed; width: 100%; }
#ipWidgetAlbumPopup .options .options-table td { padding: 5px 10px; }
#ipWidgetAlbumPopup .options .options-table td p { margin-bottom: 0; }

#ipWidgetAlbumPopup .options input[type="text"] {
	width: 100%;
}

#ipWidgetAlbumPopup .options select {
    width: 100%;
}
#adminPageContentInner .mainWrapper .mainContainer .main .ipWidget-Album{ padding: 10px; }

/*** FRONT END ***/
.nanogallery_colorscheme_light .nanoGalleryContainer > .nanoGalleryThumbnailContainer .labelImage.overImageOnMiddle { background-color: transparent; }
.nanogallery_colorscheme_light .nanoGalleryContainer > .nanoGalleryThumbnailContainer .labelImage.overImageOnMiddle .labelTitle/*,
.nanogallery_colorscheme_light .nanoGalleryContainer > .nanoGalleryThumbnailContainer .labelImage.overImageOnMiddle .labelDescription*/ {
	background-color: rgba(60, 60, 60, 0.75);
	padding: 5px;
}

.nanogallery_colorscheme_default .nanoGalleryContainer > .nanoGalleryThumbnailContainer .labelImage.overImageOnMiddle { background-color: transparent; }
.nanogallery_colorscheme_default .nanoGalleryContainer > .nanoGalleryThumbnailContainer .labelImage.overImageOnMiddle .labelTitle/*,
.nanogallery_colorscheme_default .nanoGalleryContainer > .nanoGalleryThumbnailContainer .labelImage.overImageOnMiddle .labelDescription*/ {
	background-color: rgba(34, 34, 34, 0.75);
	padding: 5px;
}
.nanogallery_colorscheme_default .nanoGalleryContainer > .nanoGalleryThumbnailContainer .labelImage.overImageOnTop { bottom: auto !important; }

.nanogallery_colorscheme_default .nanoGalleryContainer > .nanoGalleryThumbnailContainer { z-index: 1!important; }
.nanogallery_colorscheme_default .nanoGalleryContainer > .nanoGalleryThumbnailContainer:hover { z-index: 2!important; }
.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer .subcontainer .imgContainer.nGEvent { z-index: 1!important; }
.nanoGalleryContainer > .nanoGalleryThumbnailContainer .labelImage { z-index: 2; }