#albumContentGallery {
	overflow-y: hidden;
    overflow-x: auto;
    height: 100%;
    min-height: 12rem;
    margin-bottom: 0.9375rem;
	padding: 0.625rem;
    font-size: 1.3rem;   
    margin-top: 1rem;
    border-width: 0;
    border-top: 1px solid #E1E1E1;    
}

#albumContentGallery > .table {
    width: 100%;
}

@media screen and (min-width: 1200px) {

	#albumContentGallery > .table > table{
	    table-layout: fixed;
	}
}

.albumContentGalleryPictureWrapper > .pictureWrapperMedium > img, .fileList .pictureWrapperMedium > img {

    max-height: 100%;
    max-width: 100%;
/*  width: auto;
    height: auto; */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.albumContentGalleryPictureWrapper > .pictureWrapperMedium > img {
	cursor: pointer !important;
}  


.gridContainer .longtextContainer .iconButton {
    background-color: transparent !important;
    border: none;
}

.albumListing .gridContainer.fileInstanceContainer {
    position: relative;
}

.albumThumbnailWrap {
    margin: 0 auto;
}

table .albumThumbnailWrap {
	width: 9.375rem;
    margin: 0.1875rem auto 0;
    position: relative;
}

.albumThumbnailWrap > .helperDiv {
    height: 11.375rem;
	width: 11.375rem;
}


#albumContentGallery .gridContainer.fileInstanceContainer {
    width: 19rem;
	height: 16rem;
    margin:7px 2px;
    position: relative;
    overflow: visible;
    border: thin solid #CCC;
	padding: 0;

}

#albumContentGallery .folderThumbPic1 {
    border: none;
}

.pictureTitleContainer{
	width: 100% !important;
}

.pictureTitle .textWrapper{
	width: 100%;
}

.pictureTitle .textWrapper:hover{
	width: 100%;
}

.mediumThumbnail{
	height: 100% !important;
	object-fit: contain;
  }

.medieumNoPreviewSymbol{
	padding: 41px;
}
.pictureWrapperMedium {
	text-align: center;
    vertical-align: middle;
    display: flex;
    margin: auto;
    overflow: hidden;
    position: relative;
    height: 21.6rem;
    width: 26.8rem;
    justify-content: center;
	
}

.paginationContent .panel-default {
    width: 27rem !important;
	height: 26rem !important;
}

.albumContentGalleryPictureWrapper {
	width: 100%;
    height: 100%;
    overflow: hidden;
}

.gridContainer .albumContentGalleryPictureWrapper .pictureWrapperMedium{
	width: 100%;
    height: 100%;
}

.albumContentGalleryGrid {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-grow: 0;
    -ms-flex-grow: 0;
    -webkit-flex-grow: 0;
    flex-wrap: wrap;
    text-align: center;
}

#albumContentGallery table .albumContentGalleryPictureWrapper {
	/*box-shadow: 0.125rem 0.125rem 0.7rem #000;*/
    overflow: hidden;
    margin: 0.3125rem auto;
}


#albumContentGallery .longtextContainer .text {
    display: inline-block;
}

#albumContentGallery .fileInstanceContainer .action {
	float: right;
	margin-left: 6px;
}

.gridContainer:hover .longtextContainer {
    top: 0;
}

#albumContentGallery .fileInstanceContainer .input {
    position: absolute;
    bottom: 1.2rem;
    left: 0.3125rem;
	-webkit-transition: bottom 0.2s ease-out;
	-moz-transition: bottom 0.2s ease-out;
	-o-transition: bottom 0.2s ease-out;
	transition: bottom 0.2s ease-out;
}

#albumContentGallery .subAlbum .input {
    right: 5rem;
}

#albumContentGallery table .pictureWrapperMedium {
	text-align: center;
}

#albumContentGallery table .selectionDiv .checkboxDiv {
    margin-bottom: 1.875rem;
    text-align: center;    
}

#albumContentGallery table .selectionDiv .checkboxDiv span.checkbox {
	position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#albumContentGallery table .selectionDiv .action {
    width: 100%;
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
}

#albumContentGallery table .selectionDiv .action .iconButton {
    display: inline-block;
    position: relative;
    right: 0.0625rem;
}

.labelText{
	height: 1.9rem; /* image's height */
    display: inline-table;
    vertical-align: middle;
    font-size: 0.9rem;
}

.labelText:hover{
	cursor: pointer;
	color: #888;
}

.actionsWrapper {
	display: flex;
	display: -ms-flexbox;
	margin-right: 7rem;
	box-shadow: 0 1px 3px 0px gray !important;
}

.albumInstanceWrapper .actionsWrapper .deselectIcon + .iconButton:disabled {
	margin-left: 0.9375rem;
}

.albumInstanceWrapper .actionsWrapper .deselectIcon {
    display: none;
}

.albumInstanceWrapper .actionsWrapper .iconButton .buttonHoverText.tooltipBottom {
    top: 110%;
}

.lightboxContent .lightboxActions .selectIcon{
	display: none;
}

.actionsMenuWrapper{
	float: left;
}

.actionsMenuWrapper{
	box-shadow: 0 1px 3px 0px gray !important;
	margin-right: 2rem;
	margin-left: 2rem;
}
.actionsMenuWrapper .dropdown-menu{
	padding: 0 !important;
	margin: 0 !important;
}

.btn-group .btn + .btn {
    margin-left: 0 !important;
}

.rotateDiv{
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.rotateDiv i{
	font-size: 0.7rem;
}

.actionsMenuWrapper .btn-group{
	width: 6rem;
}

.lightboxActions button .fa-share-square-o{
	font-size: 2.2rem;
}

.albumInstanceWrapper .pagination{
	margin: 0px 5px;
	margin-left: 2rem;
}

@media screen and (max-width: 830px) {
	.albumView.openedAlbumNavigation .albumPageControl > div:not(:first-child) {
		text-align: left;
	}
}

@media screen and (max-width: 570px) {
	.albumView.closedAlbumNavigation .albumPageControl > div:not(:first-child) {
		text-align: left;
	}
	
	.actionsWrapper button span{
		display: none;
	}
}

@media screen and (max-width: 70rem){
	.actionsWrapper button {
		font-size: 9px !important;
	}
}

.actionsAlbumWrapper button {
	box-shadow: 0 1px 3px 0px gray !important;
	height: 3.8rem;
	border: none;
	margin-left: 3rem;
}

.maxWidth {
	width: 70%;
	margin: auto;
}

.text.nameDiv {
    width: 15rem;
    word-break: break-all;
}

.panel-image {
	width: 25rem;
    height: 20rem;
    display: table;
	position: relative;

}

@media screen and (max-width: 768px){
	.nav .textSearchItem .input-group{
	    background-image: linear-gradient(to right, #39A1DE, rgba(173, 222, 237, 1));
	}
	.actionsAlbumWrapper button {
		box-shadow: 0 1px 3px 0px gray !important;
		height: 3.8rem;
		border: none;
		margin-left: 5rem;
    }
}

.panel-footer .textWrapper{
    padding-left: 4.2px !important;
}
.footer{
	padding: 3px 15px !important;

}


/* ------------medium ilter  ----------------------------------------------*/

.mediumFacets {
    font-size: 0.9em;
}

.dataManagementWrapper > .box > .mediumFacets {
    margin-top: 5rem;
}

.mediumFacetHeader, .facetFooter {
    width: 96%;
    border-bottom: 3px solid #E6E6E6;
}

.mediumFacetHeader.noborder {
    border-bottom: none;
}

.mediumFacetHeader {
	color: white;
}

.mediumFacetHeader *:not(.showFilter) i.fa {
    font-size: 1.6rem;
}

.facetFooter {
    margin-top: -0.5rem;
}

.mediumResetAllFilters {
    display: none;
    position: absolute;
    float: right;
    right: 63%;
    background-color: black;
    border: solid 2px white;
    border-radius: 15px !important;
}

.mediumFacetContainerTitle {
    float: right;
    position: relative;
    top: 0.7rem;
}

.showFilter {
    background-color: black;
    color: white;
    font-size: 3rem;
    padding: 0 0.7rem;
    height: 3rem;
    border: solid 2px white;
    margin-bottom: 0.8rem;
}

.showFilter:focus {
	outline: 0;
}

.showFilter:active {
    background-color: #545454 !important;
}

.showFilter i.fa {
    position: relative;
    bottom: 0.6rem;
}

.mediumFilterText {
    position: relative;
    bottom: 1rem;
    font-size: 1.5rem;
}
.mediumFilter{
    display: none;
}

.mediumFacetContainer {
    background-color:#f29528;
    border-bottom: 2px solid #d26e26;
    border-left: 2px solid #d26e26;
    border-right: 2px solid #d26e26;
    border-radius: 5px 5px;
    padding: 10px;
    position: relative;
    max-height: 17rem;
    margin-top: 1rem;
    border-top: 2px solid #d26e26;
}

.mediumFacetNavigator {
    overflow: auto;
    vertical-align: top;
    width: 37%;	
    display: inline-block;
    /* margin-top: 1rem;
    height: 22rem; */
    /* color: #E6E6E6; */
    margin-right: -4px
}

.mediumFacetNavigator.noFilterFound, .mediumFacetBoxes.noFilterFound {
    height: 3rem !important;
}

.mediumFacetNavigator.noFilterFound span {
    font-weight: bold;
}

.mediumFacetNavigator ul {
    list-style: none;
    padding-left: 4rem;	
}

.mediumFacetNavigate {
	cursor: pointer;
	/* margin-bottom: 0.3rem; */
    padding: 1rem;
    background-color: #E6E6E6;
    font-size:1.2em;
    color: black;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    
}

.mediumFacetNavigate.active {
	color: black;
    background-color: #E6E6E6;
}

.mediumFacetNavigate.hasSelectedFilter {
    font-weight: bold;
}

.mediumFacetNavigate.fixedFacet:last-child {
    border-bottom: solid 3px black;
}

.mediumFacetBoxes {
	display: inline-block;
    background-color: #E6E6E6;
    overflow: auto;
    width: 59%;	
    height: 10rem;
    padding: 17px 0px 0px 29px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 1.5rem;
}

.mediumFacetItemsWrap.throbbing {
    height: 100%;
}

.mediumFacetBoxes .mediumFacetItemsWrap.throbbing .facetItem {
	display: none;
}

.mediummediumFacetBoxes .togglableTabs {
    padding: 0;
}

.facetItem {
	display: none;
	margin: 1rem;
}

.facetItem.active {
	display: block;
}

.facetValue {
    margin-bottom: 1rem;
}

.facetClass {
    border: dotted 1px #b0b0b0;
    margin-left: 2rem;
}

p.facetValueGroupLabel {
    margin-bottom: 1rem;
}

span.facetValueDisplay {
    line-height: 2.5rem;
}

.mediumFacetBoxes .nav-tabs>li.active>a, 
.mediumFacetBoxes .nav-tabs>li.active>a:focus, 
.mediumFacetBoxes .nav-tabs>li.active>a:hover {
    background-color: #E6E6E6;
}

.mediumFacetBoxes .tab-content {
    margin-left: 1rem;
}


@media (max-width: 1200px) {
    
	li.facetValueGroupLabel {
	    max-width: 13rem;
	}
}