@charset "utf-8";

/* CSS Document */



#Document_Center_Container {

	float: left;

    width: 100%;

    padding: 2%;

    margin-left: -2%;

    /*background: linear-gradient(125deg, #9c1728 50%, #10120d 1%, #242021 49%);

	color: #FFF;*/

}



#Document_Center_Body {

    width: 96%;

    height: 800px;

    padding: 2%;

    float: left;

    border-left: solid 1px #CCC;

    border-bottom: solid 1px #CCC;

    border-top: solid 1px #999;

    border-right: solid 1px #999;

    position: relative;

}



#Document_Center_Body a {

	color: #666666;

}



#Document_Center_Body a:link,

#Document_Center_Body a:visited {

	line-height: 1.4;

}



#Document_Center_Body a:hover {

	text-decoration: none;

	color: #00739b;

	/*line-height: 1.4;*/

	cursor: pointer;

}



#Document_Center_Folders, #Document_Center_Folders_Search {

    float: left;

    width: 48%;

    height: 92%;

    padding: 20px 1% 1%;

    overflow-y: auto;

    overflow-x: hidden;

    border-left: solid 1px #CCC;

    border-bottom: solid 1px #CCC;

    border-top: solid 1px #999;

    border-right: solid 1px #999;

    background-color: #FFFFFF;

    margin-top: 29px;

    margin-left: -2px;
    
    color: #666666;

}



#Document_Center_Files, #Document_Center_Files_Search {

    float: left;

    width: 47%;

    height: 88.3%;

    padding: 20px 1% 1%;

    overflow-y: auto;

    overflow-x: hidden;

    border-left: solid 1px #CCC;

    border-bottom: solid 1px #CCC;

    border-top: solid 1px #999;

    border-right: solid 1px #999;

    background-color: #FFFFFF;

    margin-top: 59px;
    
    color: #666666;

}

#Document_Center_Files_Search{
	height: 89.5%;
	padding-top: 40px;
}

#Document_Center_Files #filePath {

    position: absolute;

    top: -1px;

    left: 18px;

}



#Document_Center_Files .folder-tab {

    padding: 0px 10px;

    border: 1px solid #999999;

    border-bottom: 0px;

    height: 20px;

    cursor: pointer;

    display: inline-block;

}



#Document_Center_Files input[type="file"] {

	position: absolute;

    margin-top: -70px;

    margin-left: -10px;

    width: 416px;

    height: 750px;

    opacity: 0;

    z-index: -1;

}



#Document_Center_Folders_Search #Left_Tab_Search {

	position: absolute;

    margin-left: -29px;

    margin-top: 20px;

	visibility: visible;

}



#Document_Center_Folders_Search #Left_Tab_Folder {

	position: absolute;

    margin-left: -29px;

    margin-top: 71px;

	visibility: visible;

}



#Document_Center_Files_Search #Right_Tab_Search {

	position: absolute;

    margin-left: 457px;

	visibility: visible;

}



#Document_Center_Files_Search #Right_Tab_File {

	position: absolute;

    margin-left: 457px;

    margin-top: 51px;

	visibility: visible;

}



#Left_Tab_Search i,

#Left_Tab_Folder i,

#Right_Tab_Search i,

#Right_Tab_File i {

	font-size: 0.813em;

}



#Document_Center_Folders_Search .tab {

	padding: 10px 3px;

    border: 1px solid #999999;

    cursor: pointer;

}



#Document_Center_Files_Search .tab {

	padding: 10px 5px 10px 6px;

    border: 1px solid #999999;

    cursor: pointer;

}



#Document_Center_Folders_Search #Left_Tab_Search .tab {

	border-right: 1px solid #FFFFFF;

}



#Document_Center_Folders_Search #Left_Tab_Folder .tab {

	background-color: #999999;

}



#Document_Center_Files_Search #Right_Tab_Search .tab {

	border-left: 2px solid #FFFFFF;

	padding: 10px 7px;

}



#Document_Center_Files_Search #Right_Tab_File .tab {

	padding: 10px 9px;

	background-color: #999999;

}



.fileTitleHolderLeft

{

	float: left;

	width: 75%;

	margin-right: 3%;

}



.fileDateHolderLeft

{

	float:left;

	width: 10%;

}



.document-center-subfolder {

	position: relative;

    left: 20px;

}



.document-center-subfolder-search {

	position: relative;

    left: 20px;

}



#customMenu {

	display: none;

	z-index: 9999;

	position: absolute;

	overflow: hidden;

	border: 1px solid #CCC;

	white-space: nowrap;

    background: #FFF;

    color: #333;

    border-radius: 5px;

    padding: 0;

}



#customMenu li {

    padding: 8px 12px;

    cursor: pointer;

    list-style-type: none;

    transition: all .3s ease;

    user-select: none;

}



#customMenu li:hover {

    background-color: #bdbcb7;

}



#sortDocumentCenter {

	float: left;

    margin: 0px;

	padding: 0px 10px;

    width: 100%;

    list-style-type: none;

    list-style-image: none;

}



#sortDocumentCenter div {

	padding: 2px 0px;

	/*font-size: 18px;*/

	font-size: 1.125em; /* ADA Compliance */

}



#dragText {

	color: rgba(0,0,0,0.4);

    border: 1px dashed rgba(0,0,0,0.4);

    position: absolute;

    /*font-size: 16px;*/

	font-size: 1.000em; /* ADA Compliance */

    margin-top: -88px;

    margin-left: 255px;

    padding: 20px;

}



#dragText:hover {

	color: rgba(0,0,0,0.6);

	border: 1px dashed rgba(0,0,0,0.6);

}



#dragText input {

	position: absolute;

    top: -2px;

    left: 0px;

    width: 410px;

    height: 46px;

    opacity: 0;

}



#trash {

	position: absolute;

    margin-top: -16px;

    left: 2px;

    /*font-size: 16px;*/

	font-size: 1.000em; /* ADA Compliance */

}



#trash a:hover {

    /*font-size: 16px;*/

	font-size: 1.000em; /* ADA Compliance */

}



#sortFiles {
	background-color: #FFFFFF;
	color: #666666;
	position: absolute;
	float: left;
	width: 47.1%;
	height: 4.5%;
	top: 49px;
    left: 497px;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
}

#sortFiles label{
	margin-left: 7.35em;
}

#sortFiles select{
	margin-left: 1em;
	margin-top: 0.5em;
	width: unset;
	padding: 0px 5px;
}

#sortFiles strong {

	padding: 0px 10px;

    border: 1px solid #999999;

    border-bottom: 0;

    height: 20px;

    cursor: pointer;

    display: inline-block;

    margin-top: -2px;

}



#folderHeaders {

    position: absolute;

    width: 95.5%;

	left: 18px;

}



#folderHeaders div {

    width: 50%;

    text-align: center;

    float: left;

    font-weight: bold;

    background: #666666;

    padding: 5px 0px 5px 0px;

    /*font-size: 15px;*/

	font-size: 0.938em; /* ADA Compliance */

    color: #FFFFFF;

}



#folderHeaders hr {

    width: 34%;

    /* display: inline-block; */

    display: none;

    margin: 3px 10px;

}



.document-center-folder

{

	display: inline-block;

	margin-bottom: 10px;

}



.loader {

	animation: spin 1s linear infinite;

}



@keyframes spin {

	0% { transform: rotate(0deg); }

	100% { transform: rotate(360deg); }

}