@charset "UTF-8";
/*+++++++++++++ Documents PAGE +++++++++++++*/
.documents_summary {
	color: #CD040B;
	cursor: pointer;
	font-size: 15px;
	line-height: 1.1;
	margin-right: 10px;
	padding: 3px;
	text-align: left;
	width: auto;
	display: inline-block;
	font-family: nhg-display-bold, arial, sans-serif;
}

.sort_btn_img_doc {
	top: 0px;
}

.docs_viewlist_li {
	border-bottom: 1px solid #797B7D;
	margin-top: 5px;
	background: none;
}

.documents_cells {
	font-size: 14px;
	float: left;
	padding-left: 5px;
	overflow: hidden;
	padding-top: 15px;
	display: none;
}

.documents_cell_head {
	display: none;
}

.documents_name_cell {
	width: 40%;
	display: inline-block;
}

.renamedialog {
	background-color: rgba(0, 0, 0, 0);
}

#page_documents .music_alpha_list {
	padding-right: 0px;
}

/* -- No content logic is handled in photo.css
#page_documents .no_content_doc {
	width: 100%;
	height: 583px;
	padding-top: 80px;
	position: absolute;
	right: 0px;
	margin-top: -8px;
	background-size: 100% !important;
}

#page_documents .no_content_doc #nocontentpop {
	width: 460px;
	height: 389px;
	text-align: center;
	border: dashed 2px rgba(149, 149, 149, 0.57);
	float: right;
	background-color: #fff;
	margin-right: 20px;
}

#page_documents #nocontentpop .message_red {
	/* height: 140px; 
	font-size: 46px;
} 

#page_documents #nocontentpop .message_black {
	margin-top: 30px
} */

/*---- device is laptop ----*/
@media screen and (min-width: 1025px) {
}

@media screen and (min-width: 768px) {
	.documents_cell_head {
		display: inline-block;
		padding-left: 5px;
		font-family: nhg-text-roman, arial, sans-serif;
	}
	.documents_size_cell {
		width: 10%;
		display: inline-block;
	}
	.documents_upload_cell {
		width: 20%;
		display: inline-block;
	}
	.documents_type_cell {
		width: 10%;
		display: inline-block;
	}
}

.clearfix:after {
	clear: both;
	content: "";
	display: block;
}

.documents_summary .checkbox-wrapper {
	margin-right: 5px;
}

.document_tab #gSearchbox {
	float: none;
}
/*---- device is phone, so hide and re-arange ----*/
@media
screen
and
(max-width:
767px)
{
/* -- no content css is handled in photo.css
#page_documents .no_content_doc {
	height: 321px;
	background-size: cover !important;
	margin-top: -35px;
}


#page_documents .no_content_doc #nocontentpop {
	width: 322px;
	height: 272px;
	margin-top: 130px;
	margin-right: calc(50% -     161px);
}

#page_documents #nocontentpop .message_red {
	width: 300px;
	font-size: 35px;
	margin-top: 20px;
	height: 90px;
	line-height: 45px
}

#page_documents #nocontentpop .message_black {
	width: 250px;
	font-size: 18px;
	height: 50px;
	line-height: 25px;
	margin-left: calc(50% -           125px);
	margin-top: 45px;
} */

}
/*----device tablet for documents--*/
@media screen and (min-width: 768px) and (max-width: 1024px) {
	/* -- no content css is handled in photo.css
	#page_documents .no_content_doc #nocontentpop {
		width: 322px;
		height: 272px;
		margin-top: -30px;
	}
	#page_documents #nocontentpop .message_red {
		width: 305.9px;
		height: 75.6px;
		font-size: 33.6px;
		line-height: 37.8px;
		margin-top: 20px;
	}
	#page_documents #nocontentpop .message_black {
		width: 240.3px;
		height: 69.3px;
		font-size: 16.8px;
		line-height: 23.1px;
		margin-left: 40px;
		margin-top: 40px;
	}
	*/
	/*---- device is tablet or desktop, so scale up and re-arange ----*/
}
/*
 Re-branding changes font-family and font-size changes:
*/
/* .documents_name_cell{
	font-family: nhg-display-bold , arial, sans-serif;
} */