label {
	font-size: 14px;
}

#gallery-top {
	padding: 10px 20px;
	color: #666666;
}

#gallery-top a, #gallery-top a:hover, #gallery-top a:focus {
	color: #666666;
}

#gallery-top a .fa {
	font-size: 13px;
}

.galleryPath {
	color: #000;
	font-size: 20px;
}

.galleryMatches {
	color: #666;
	font-size: 11px;
	margin-top: 8px;
}

#gallery-menu {
	position: absolute;
	background: #f0f0f0 none repeat scroll 0 0;
	top: 50px;
    left: 0;
    padding: 10px;
    min-width: 300px;
    max-width: 300px;
}

#gallery-menu .gallery-menu-content {
	margin-left: 10px;
}

#gallery-menu .gallery-menu-title {
    padding-bottom: 5px;
    font-size: 13px;
    font-weight: bold;
}

#gallery-menu .gallery-menu-title a {
    color: #000;
    text-decoration: none;
    font-weight: normal;
}

#gallery-menu .gallery-menu-grouptitle {
	cursor: pointer;
}

#gallery-menu .gallery-menu-grouptitle div > i {
	font-size: 20px;
	padding-right: 5px;
}

#hide-gallery-menu {
	position: absolute;
	right: 16px;
	top: 8px;
}

#show-gallery-menu {
	position: absolute;
	left: 330px;
	top: 0;
	padding: 8px 10px 10px 10px;
	display: none;
	background: #f0f0f0 none repeat scroll 0 0;
}

#hide-gallery-menu a .fa, #show-gallery-menu a .fa  {
	font-size: 22px;
	color: #848484;
	font-weight: bold;
}

.gallery-menu-list ul {
	list-style-type: none;
	padding-left: 0;
}

.gallery-menu-list ul > li {
	padding-bottom: 2px;
}

.gallery-menu-list label {
	font-size: 14px;
	font-weight: 400;
}

#gallery-container {
	margin: 0px 0px 0px 320px;
}

#gallery-options .gallery-options-menupoint {
	display: block;
	float: left;
	padding: 15px 10px 8px 10px;
	margin-right: 15px;
	color: #666666;
	text-decoration: none;
}

#gallery-options .gallery-options-menupoint.active {
	font-weight: bold;
}

.inpiutPageNumber {
	width: 40px;
	height: 20px;
	font-size: 12px;
	padding: 0 5px;
	text-align: center;
}
.inpiutPageNumber:focus {
	border-color: #ccc;
	box-shadow: none;
}

#ansichtAnpassen {
	display: none;
	position: absolute;
	top: 20px;
	right: 0;
	background: #fff;
	border: 1px solid #c5c5c5;
    border-radius: 3px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    padding: 10px;
    z-index: 1000;
}

#selAssetsPerPage {
	height: 20px;
	width: 65px;
	font-size: 12px;
	padding: 0 5px;
}

.btnChangePage {
	display: block;
	background: #3d3d3d;
	width: 25px;
	height: 20px;
	text-align: center;
	padding-top: 1px;
	border-radius: 3px;
}

.btnChangePageDisabled {
	display: block;
	background: #bbbbbb;
	width: 25px;
	height: 20px;
	text-align: center;
	padding-top: 1px;
	border-radius: 3px;
	cursor: not-allowed !important;
}

.btnChangePage .fa, .btnChangePageDisabled .fa {
	color: #fff;
}

#gallery-content {
	padding-top: 20px;	
}

#gallery-content li {
	list-style-type: none;
	cursor: move;
}

#gallery-content-grid, #gallery-content-newImages {
	padding-left: 0;
}

.gallery_item {
    float: left;
    margin-bottom: 30px;
    margin-left: 10px;
}


.gallery_file {
    border: 1px solid #e5e5e5;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.gallery_file.btnNext {
	border: 1px solid #c3c3c3;
	background: #c3c3c3;
	border-radius: 5px;
	font-size: 28px;
	vertical-align: top;
	color: #333;
	text-decoration: none;
}
.gallery_file.btnNext:hover {
	color: #666;	
}
.gallery_file.btnNext .fa {
	font-size:24px;	
}

#btnNextJustified {
	background-color: #c3c3c3;
    border: 1px solid #c3c3c3;
    border-radius: 5px;
    cursor: pointer;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
    width: 500px;
    display: none;
}
#btnNextJustified a {
	font-size: 20px;
	color: #333;
	text-decoration: none;
}
#btnNextJustified a:hover {
	color: #666;
}
#btnNextJustified a .fa {
	font-size:16px;	
}

.gallery_thumb {
    vertical-align: bottom; 
}

.gallery_filename {
	color: #b1b1b1;
    font-size: 12px;
    padding: 5px 0 0;
}

.gallery_icons {
	height: 19px;
    margin: 5px 0 0;
    padding: 5px 7px 3px;
}

.gallery_icons a {
	color: #868686;
	font-size: 18px;
}
.gallery_icons a:hover {
	color: #ec7406;
}

.justified-image-name {
	background: #ffffff none repeat scroll 0 0;
    color: #000000;
    font-size: 10px;
    opacity: 0.5;
    padding: 5px;
    position: absolute;
    top: -60px;
    right: 2px;
    transition: top 0.3s ease-out 0s;
}
.justified-image-name.on {
	top: 5px;
}

.justified-image-icons {
	background: #ffffff none repeat scroll 0 0;
    height: 35px;
    margin-left: 4px;
    opacity: 0.9;
    position: absolute;
    text-align: center;
    bottom: -60px;
    left: -4px;
    width: 100%;
    padding-top: 5px;
    transition: bottom 0.3s ease-out 0s;
}
.justified-image-icons.on {
	bottom:0;
}

.justified-image-icon {
	color: #868686;
	font-size: 18px;
	cursor: pointer;
}
.justified-image-icon:hover {
	color: #ec7406;	
}

.icon-admin {
	color: #868686;
}
.justified-image-icon-admin {
	color: #868686;
	font-size: 14px;
	margin-top: 5px;
}

#inputJustifiedHeight ,#inputGridHeight {
	width: 60px;
	height: 20px;
	font-size: 12px;
	padding: 0 5px;
	text-align: center;
}
#inputJustifiedHeight:focus, #inputGridHeight:focus {
	border-color: #ccc;
	box-shadow: none;
}

.btnChangeJustifiedHeight, .btnChangeGridHeight {
	display: block;
	background: #3d3d3d;
	width: 18px;
	height: 18px;
	text-align: center;
	padding-top: 0;
	border-radius: 3px;
	margin-top: 1px;
}

.btnChangeJustifiedHeight .fa, .btnChangeGridHeight .fa {
	color: #fff;
	font-size: 11px;
}

#alertJustifiedHeight, #alertGridHeight {
	display: none;
	padding: 5px;
	position: absolute; 
	top:-45px; 
	left: 0; 
	width:400px;
}

.detailsPreview {
	float: left;
	width: auto;
	min-width: 255px;
	margin: 0 15px 0 0;
}
/*.detailsPreview img {
	max-height: 450px;
    max-width: 450px;
}*/

.detailsPreview a {
	color: #868686;
}

.detailsPreview a .glyphicon {
	font-size: 15px;
}

.gallery_file_success {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(39, 164, 176, 0.5);
	border: 1px solid #27a4b0;
}

.gallery_file_error {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(231, 61, 74, 0.5);
	border: 1px solid #e73d4a;
}

.filterList-item {
	padding-bottom: 4px !important;
}

.filterList-item .filterList-tag {
	cursor: pointer;
    border-radius: .25em;
    margin-right: 4px;
    background: #cbcbcb;
	padding: 2px 6px 4px 4px;
}

.gallery_item_grid_dropbox a, .gallery_item_grid_dropbox a:hover {
	color: #b1b1b1;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
} 
.gallery_item_grid_dropbox i.fa {
	font-size: 30px;
}

.gallery_item_grid_dropbox .gallery_file {
	display: block;
}

.gallery_item_grid_dropbox.dropbox .gallery_file.dragover,
.gallery_item_grid_dropbox .gallery_file .dropzone.dragover  {
	background: #45ccb1;
	opacity: 0.8;
}

.gallery_item_grid_dropbox.dropbox .gallery_file.dragover a,
.gallery_item_grid_dropbox .gallery_file .dropzone.dragover {
	color: #f6fcfb !important;
}

#page-content {
	position: relative;
}

#fileupload_overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100000;
	background: rgba(0,0,0,0.8);
}

#fileupload_overlay table {
	width: 100%;
	height: 100%;	
}

#fileupload_overlay table td {
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 25px;
}

#uploadProgressWrapper {
	display: none;
	position: absolute;
	top: 2px;
	left: 0;
}

#uploadProgress {
	min-width: 130px;
}

.uploadProgressWrapper {
	width: 100%;
	height: 16px;
	background: #e9ecef;
}
.uploadProgress {
	display: block;
	background: #45ccb1 none 0 0 no-repeat;
	height: 100%;
	width: 0;
}

.fileupload_placeholder {
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.fileupload_placeholder .status, .fileupload_placeholder-img-sameName .status {
	font-size: 20px;
	color: #000;
}

.fileupload_placeholder .status.error {
	color: #e73d4a;	
}

.fileupload_placeholder-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	padding-top: 50%;
	margin-top: -20px;
}

i.fa.fileupload_placeholder_fa {
	font-size: 40px;
	line-height: 40px;
	color: #000;
}

.gallery_file_broken_upload.dragover  {
	background: #45ccb1;
	opacity: 0.8;
	color: #fff;
}

.gallery_file_broken_upload.dragover i.fa.fileupload_placeholder_fa {
	color: #fff;
}

.btn.btn-overlay {
	display: block;
	border: 2px solid #fff !important;
	color: #fff;
	font-size: 25px;
	padding: 8px 12px;
	box-shadow: none;
	width: 200px;
}

.btn.btn-overlay:hover {
	box-shadow: none;
}

#gallery-menu .gallery-menu-title a {
	font-size: 13px;
	font-family: 'RobotoCondensed-Regular';
}

#galleryTreeContainer div.jstree {
	font-size: 13px !important;
	font-family: 'RobotoCondensed-Regular';
}

#galleryTreeContainer .jstree-anchor a.link {
	color: #000;
	text-decoration: none;
}

#folderTreeAdditional i.jstree-icon.jstree-ocl {
    background-position: -68px -4px !important;
    cursor: default;
}

.asset-upload-container {
	border: 1px solid #b1b1b1;
	color: #b1b1b1;
	font-size: 100px;
}

.asset-upload-container.dragover {
	background: #45ccb1;
	opacity: 0.8;
	color: #fff !important;
}

.lightbox-offline-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.1;
	pointer-events: none;
}

.lightbox-offline-icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	padding-top: 50%;
	margin-top: -30px;
	opacity: 0.8;
	pointer-events: none;
}

.lightbox-offline-icon i.fa {
	color: #fff;
	font-size: 60px;
	line-height: 60px;
	pointer-events: none;
}

#progressbarFileuploadInit .progressbar-text {
	font-size: 18px !important;
}

.dialog-details-pagination {
	margin-bottom: 20px;
	border-bottom: 1px solid #e5e5e5;
	width: 100%;
}

.dialog-details-pagination a {
	border: 1px solid #333;
	border-radius: 2px;
	color: #333;
	font-size: 12px;
	height: 30px !important;
	width: 30px !important;
	text-align: center;
	line-height: 15px !important;
	padding: 2px;
	display: inline-block;
}

.dialog-details-pagination a:hover {
	color: #fff;
	background: #333;
}

.dialog-details-pagination a.disabled,
.dialog-details-pagination a.disabled:hover {
	background: #fff;
	border: 1px solid #fff;
	cursor: not-allowed !important;
	color: #333;
}

.dialog-details-pagination a i.fa {
	font-size: 30px;
	line-height: 20px;
}

.dialog-details-pagination a.disabled i.fa {
	font-size: 20px;
	line-height: 23px;
}

.dialog-details-pagination div.text {
	line-height: 30px;
}