@charset "utf-8";
/* CSS Document */

html, body {
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

body {
	background-color: #e5e5e5;
	background: url(../images/light-texture-bg.png) repeat fixed;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: 400;
    color: #7a7a7a;

    -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.container {
	width: 95%;
	height: 700px;
	overflow: auto;
	margin: auto;
	margin-top: 2.5%;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background-color: #ffffff;
	border-radius: 10px;
	
	/* div padding fix */
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.container-title {
	width: 100%;
	height: 30px;
	margin: auto;
	text-align: center;
}

.container-drop {
	width: 96%;
	height: 600px;
	overflow: auto;
	margin: auto;
	margin-top: 70px;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	border: 4px dashed #3aacb3;

    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.container-files {
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.file-downloader {
	width: 1px;
	height: 1px;
	display: none;
}

.upload-dialog {
	display: none;
}

.spinner-container {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:99;
    background-color: rgba(255, 255, 255, 0.75);
}
 
.spinner {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120px;
  height: 120px;
  margin-top: -60px;
  margin-left: -60px;
  border-radius: 50%;
  border: 6px solid #d3d3d3;
  border-top-color: #3aacb3;
  animation: spinner .7s linear infinite;
}

@keyframes spinner {
  to {transform: rotate(360deg);}
}