/* file list */
.file-item {
	display: flex;
	align-items: center;
	position: relative;
	border-top: 1px solid #dee2e6;
	padding: .5rem 0 .5rem .5rem;
}
.file-icon {
	flex-shrink: 0;
	width: 72px;
	max-height: 62px;
	text-align: center;
	line-height: 1;
	margin: .325rem .5rem 0 0;
	overflow: hidden;
}
.file-icon img {
	max-width: 100%;
	height: auto;
}
.file-icon a {
	text-decoration: none;
	color: #6c757d;
}
.file-icon i {
	font-size: 48px;
	line-height: 1;
}
.file-name {
	font-weight: 600;
	max-height: 1.5rem;
	overflow: hidden;
}
.file-item[data-ispublic='1'] .public-mark:before {
	content: '\f38c';
	display: inline-block;
    font-family: "Ionicons";
	font-size: 1rem;
	font-weight: 600;
	color: #007BFF!important;
	margin-right: .25rem;
}
.file-item .item-select {
	position: absolute;
	top: 12px;
	left: -7px;
}
.file-item .itemtoolbox {
	top: 16px;
	right: 20px;
	left: auto;
}
.ftp4 .thb:before, .ftp5 .thb:before, .ftp13 .thb:before, .ftp15 .thb:before {
	position: absolute;
	top: 8px;
	left: 18px;
	font-family: Ionicons;
	content: "\f488";
	font-size: 26px;
	line-height: 32px;
	color: rgba(255, 255, 255, .9);
	border: 2px solid rgba(255, 255, 255, .9);
	width: 36px;
	height: 36px;
	border-radius: 50%;
	padding: 0 0 0 4px;
}
.file-item[data-shared='1']:after {
	position: absolute;
	left: .5rem;
	bottom: .5rem;
	width: 0;
	height: 0;
	border-bottom: 30px solid #28A745;
	border-right: 30px solid transparent;
	font-family: "Ionicons";
	content: '\f2f8';
	color: #fff;
	line-height: 42px;
	text-indent: 2px;
}
.galleryitem[data-shared='1']:after {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-bottom: 36px solid #28A745;
	border-left: 36px solid transparent;
	font-family: "Ionicons";
	content: '\f2f8';
	color: #fff;
	line-height: 46px;
	text-indent: -16px;
	z-index: 1;
}

/* file thumbnails */
.gallery-wrap {
	padding-bottom: 80px;
	margin-bottom: -60px;
}
.galleryitem {
	position: relative;
	text-decoration: none;
	color: #343a40!important;
	background-color: #fff;
	border-radius: 2px;
}
.galleryitem.tag {
	border-color: #FEA223;
}
.galleryitem.selected {
	border-color: #007BFF;
}
.gi-cover:after, .galleryitem.subtag a.h-100:after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(to bottom, rgba(0, 0, 0, .2), rgba(0, 0, 0, .3));
	content: '';
	z-index: 1;
}
.galleryitem img {
	width: 100%;
	height: auto;
}
.gi-info {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	color: #fff;
	padding: .5rem;
	z-index: 2;
}
.gi-name {
	font-weight: 600;
	max-height: 2.35rem;
	overflow: hidden;
}
.galleryitem[data-ispublic='1'] .gi-info>*:first-child:before {
	content: '\f38c';
	display: inline-block;
    font-family: "Ionicons";
	font-weight: 600;
	color: #fff!important;
	margin-right: .25rem;
}
.galleryitem[data-ispublic='1'] .public-mark:before, .galleryitem[data-ispublic='1'] .public-mark:before {
	content: '\f38c';
	display: inline-block;
    font-family: "Ionicons";
	font-weight: 600;
	color: #007BFF!important;
	margin-right: .25rem;
}
.gi-icon {
	font-size: 3.5rem;
	padding-bottom: .5rem;
}
.smallgallery .gi-icon {
	font-size: 2rem;
	padding-bottom: .5rem;
}
.videogallery .gi-icon {
	font-size: 3rem;
	padding-bottom: .5rem;
}
.gi-icon-name {
	font-size: .925rem;
	font-weight: 600;
	max-height: 2.775rem;
	overflow: hidden;
}
.gi-blog-desc {
	color: #5a5a5a;
	max-height: 2.3125rem;
	overflow: hidden;
}
.gi-blog-meta {
	color: #5a5a5a;
}
.galleryitem .item-select {
	position: absolute;
	top: 5px;
	left: 5px;
	padding: 0 12px 12px 0;
	z-index: 1;
}
.galleryitem .tools {
	top: 0;
	right: 0;
	text-align: center;
	padding: 4px 6px 2px 16px;
	z-index: 2;
}
.grid-item .tools {
	top: 8px;
	right: 8px;
	background-color: #fff;
	z-index: 2;
}
.galleryitem .dropdown-menu.itemtoolbox, .galleryitem .dropdown-menu#gettoolbox {
	float: none;
	top: 4px;
	bottom: auto;
	left: auto;
	right: 24px;
}
.grid-item .dropdown-menu.itemtoolbox {
	float: none;
	top: 8px;
	bottom: auto;
	left: auto;
	right: 34px;
}

.duration {
	display: inline-block;
	position: absolute;
	bottom: 2px;
	right: 2px;
	font-size: 12px;
	color: #fff;
	background-color: rgba(0, 0, 0, .8);
	padding: 0 5px 2px 5px;
	z-index: 2;
}
.ftp13 .duration {
	background-color: rgba(255, 0, 0, .8);
}
.ftp15 .duration {
	background-color: #0FAEF1;
}

/* audio */
/* player */
#songtitle {
	background-color: #505963;
}
#playprogress {
	position: absolute;
	left: .75rem;
	right: .75rem;
	bottom: 0;
	overflow: hidden;
}
#playlist {
	position: absolute;
	left: 0;
	bottom: 100%;
	width: 100%;
}
#playlisttitle {
	color: #fff;
	background-color: #273541;
}
#playlist div.list {
	height: 320px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
#playlist li {
	border-bottom: 1px solid #ddd;
}

/* misc */
.datepicker-picker {
	font-size: .925rem;
}
.datepicker-controls {
	border-bottom: 1px solid #ddd;
}
.datepicker-controls button {
	font-size: .925rem;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 0;
}