body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:  'Saira Condensed'; font-size: 14px; color:black;
    background: #FFFFFF; 
}

.LOGINHOLDER{ 
	
	width: 400px;
	height: 300px;
	background-color: #017dbe;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

}

.LOGINKOP1{
	padding:10px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 20px;
}

.LOGINKOP2{
	padding:10px;
	color: #FFFFFF;
	font-size: 14px;
}


.LOGINBUT{
	
	width: 100px;
	margin-left: 10px;
	margin-top: 20px;
	font-size: 14px;
	cursor: pointer;
	
}



.LOGININFO{
	
	margin-left: 10px;
	margin-top: 20px;
	font-size: 14px;
	color: #FFFFFF;
}

.FILEDELETE{float: left; height: 25px; width: 25px; color: red;}
.UPLOADTOP{float: left; height: 50px; width: 100%; color: white; background-color: #017dbe;}
.LOGININFONOW{float: left; height: 50px;padding-left: 10px; line-height: 50px; width: 100px; text-align: center; text-transform: uppercase;}
.LOGOUT{float: right; height: 50px;padding-right: 10px; cursor: pointer; line-height: 50px; width: 100px; text-align: center; text-transform: uppercase;}
.LOGOUT:hover{color: #838383;}
.LOGINERROR{margin-left: 10px; margin-top: 0px;	font-size: 14px; color: #EB0003;}
.TEXTFIELDLOGIN{ width: calc(100% - 24px); margin-left: 10px; margin-right: 10px; font-size: 14px; }
.FILELIST{float: left; height: 25px; width: 100%; border-bottom: 1px solid rgb(201, 201, 201); line-height: 25px;}
.UPLOADBUT{float: left; height: 50px;  width: 150px; line-height: 50px; background-color: #015a8a; text-align: center; margin-left: calc(50% - 190px); cursor: pointer;}
.UPLOADBUT:hover{color: #003755;}
.FILESHOLDER{float: left; width: 100%; background-color: #ececec; height: calc(100vh - 110px);}
.PLAYERHOLDER{float: left; width: 100%; background-color: #015a8a; height: 60px; overflow: hidden;}
.popup{position: fixed;  top: 0px; top: 50%; left: 50%; transform: translate(-50%, -50%); border: gray 1px solid; background-color:  white; border-radius: 5px; box-shadow: 2px 2px 10px rgb(187, 187, 187);
    
	z-index: 21;

}
.popuplayer{position: fixed; background-color: rgba(83, 83, 83, 0.4); top:0px; 
    display: none;
	z-index: 20;


}
.container{float: left; width: 50%; text-align: center; background-color: #ececec; margin-left: 24.2vw; margin-top: 25px; padding: 10px;}
.UPLOADTITLE{float: left; width: 100%; text-align: center;}
.list{float: left; width: 100%; text-align: center;}
.UPLOADHOLDER{float:left; width: 100%; border-bottom: #fffefe 1px solid; height: 30px; cursor: pointer;}
.UPLOADHOLDER:hover{background-color: #c8c8c9;}
.IDHOLDER{float:left; width: 50px; border-right: #fffefe 1px solid; height: 30px; line-height: 30px; padding-left: 10px;}
.LOGHOLDER{float:left; width: 150px; border-right: #fffefe 1px solid; height: 30px; line-height: 30px; padding-left: 10px; overflow: hidden;}
.FILEHOLDER{float:left; border-right: #fffefe 1px solid; height: 30px; width: 500px; line-height: 30px; padding-left: 10px; overflow: hidden; }
.DELBUT{float:right; height: 30px; width: 30px; background-color: #838383; color: rgb(168, 0, 0); line-height: 30px; text-align: center; font-weight: bold; margin-right: 2px;}
.DELBUT:hover{background-color: #535353;}
.PLAYER{width: 100%; margin-top: 3px;}