body{
	font-family: Arial, Helvetica, sans-serif
}

.wip{
	color: #000;
}

.main{
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
}

.header{
	margin-left: 0px !important;
	margin-right: 0px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	text-align: center;
	animation-timing-function: ease;
	animation-duration: 0.2s;
}

section{
	margin: 5px 10px;
}

.sitetitle{
	font-size: 5vw;
	margin: 0;
	position: relative;
	text-align: center;
	top: 10vw;
	width: 100%;
	z-index: 10;
	text-shadow: 2px 2px #FFF;
}

.sitetext{
	font-size: 1.3vw;
	margin: 0;
	position: relative;
	text-align: center;
	top: 10vw;
	width: 100%;
	z-index: 10;
	text-shadow: 2px 2px #FFF;
}

.services{
	background-color: #0099b9;
	height: 13vw;
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
	overflow: auto;
	clear: both;
	margin-top: -5px;
}

.icons{
	opacity: 0.7;
	color: #FFF;
	font-size: 8vw !important;
	line-height: 3vw !important;
	padding: 2vw 1vw 1vw;
	margin-top: 1vw;
	text-decoration: none;
}

.iconstext{
	font-size: 20px !important;
	font-family: Arial, Helvetica, sans-serif;
}

.hidden{
	display: none;
}

.show{
	display: block !important;
}

.popupBox{
	border: 1px solid #ccc;
	border-radius: 5px;
	background: #FFF;
	padding: 5px 10px;
	margin-top: 5px;
	z-index: 100;
	position: relative;
}

.infotext{
	display: none;
	padding: 5px 10px;
}

.content{
	background: #00d3ff;
	margin-left: 0px;
	margin-top: -5px;
	padding: 5px 0px;
	width: 100%;
	color: #FFF;
	
}

.menu{
	position: fixed;
	right: 10px;
	text-align: right;
	z-index: 200;
}

.menubutton{
	cursor: pointer;
	position: relative;
	z-index: 100;
	color: #00d3ff;
	font-weight: bold;
	text-shadow: 1px 2px #000;
}

.menubutton:hover{
	color: #66e6ff;
}

.loginButton, .registerButton, .verifyLoginButton{
	width: 100%;
	background: #00d3ff;
	border: 1px solid #0099b9;
	padding: 5px 10px;
	text-align: center;
	color: #FFF;
	font-weight: bolder;
	cursor: pointer;
}

input{
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-bottom: 3px;
	padding: 5px 10px;
	width: 180px;
}

.arrow{
	margin: 0px;
	color: #0099b9;
	cursor: pointer;
}

.arrow:hover{
	color: #FFF;
}

.smalltext{
	font-size: 70%;
}

.verifyCode{
	width: 90%;
	margin-top: 5px;
}

.loadingScreen{
	top: 0px;
	left: 0px;
	position: fixed;
	padding-top: 15%;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
	background: #FFF;
	z-index: 1000;
}

.bigButtons{
	padding: 40px;
	border: 1px solid #000;
	background: #FFF;
	border-radius: 5px;
	width: 5vw;
	margin-right: 10px;
	font-size: 1vw;
	float: left;
	margin-bottom: 10px;
}

.bigButtons:hover, .backToCategories:hover, .backButton:hover{
	background: #0099b9;
	color: #FFF;
}

.centerBox{
	top: calc(10vw * 0.75);
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	width: calc(10vw * 6.35);
	z-index: 100;
	right: 0px;
	left: 0px;
}

.backToCategories, .backButton{
	border: 1px solid #000;
	border-radius: 5px;
	cursor: pointer;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 10px;
	position: relative;
	width: 10vw;
	font-size: 0.9vw;
	background: rgba(255,255,255,1.0);
	text-align: center;
}

.dropzone{
	background: #F9F9F9;
	border: 2px dashed #C0C0C0;
	border-radius: 5px;
	float: left;
	text-align: center;
	vertical-align: middle;
	height: 13vw !important;
	width: 11vw;
	max-width: 200px;
	overflow: auto;
}

.dropdownImage{
	margin-top: 10px;
	color: #C9C9C9;
}

.imageEntry > a > img{
	float: left;
	height: 2.5vw;
	margin-right: 5px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	max-width: 5vw;
	min-height: 25px;
}

.imageEntry:hover{
	background: #0099b9;
	color: #FFF;
}

.imageEntry{
	cursor: pointer;
	border: 1px solid #000;
	border-radius: 5px;
	float: left;
	height: 2.5vw;
	margin-bottom: 5px;
	margin-left: 10px;
	position: relative;
	text-align: left;
	width: 12vw;
	min-height: 25px;
	background: rgba(255,255,255,1.0);
}

.picturesNavigation{
	clear: both;
	margin-left: 280px;
	position: relative;
	text-align: center;
	top: -20px;
	width: 760px;
}

.picturesNavigation > i{
	margin-left: 10px;
	margin-right: 10px;
	cursor: pointer;
}

.dz-preview{
	float: left;
}

.imageEntry > i{
	float: right;
	vertical-align: bottom;
	color: red;
	margin-top: 1.6vw;
	margin-right: 2px;
	font-size: 0.8vw;
	left: 12.2vw;
}

.pager{
	clear: both;
	width: 62vw;
}

.pagerArrows{
	color: #0099b9;
	cursor: pointer;
	margin: 0px 5px;
}

.picturesBox{
	max-width: 990px;
}

.pictureFolders{
	background: #0099b9;
	color: #FFF;
	border: 1px solid #000;
	border-radius: 5px;
	height: 13vw;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 10.5vw;
	overflow: auto;
	padding: 5px;
}

.pictureCurrentLocation{
	border-bottom: 1px solid #FFF;
	min-height: 25px;
	height: 1vw;
}

.fa-plus{
	color: green;
	cursor: pointer;
}

.floatRight{
	float: right;
}

.floatLeft{
	float: left;
}

.pictureFolder{
	text-align: left;
	padding: 5px;
	border-radius: 5px;
	margin-top: 1px;
	cursor: pointer;
	font-size: 0.8vw
}

.pictureFolder:hover{
	background-color: #00d3ff;
}

.newUserPictureFolder{
	max-width: 170px;
}

.removeFolder{
	color: red;
	float: right;
}

.imageTextLabel{
	font-size: 0.8vw;
	overflow: hidden;
	position: absolute;
}

.pictureViewerHeader{
	background: #00d3ff;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	color: #FFF;
	float: left;
	width: 10vw;
	max-width: 10vw;
	text-align: left;
	padding: 5px;
}

.pictureViewerPhoto{
	float: left;
	max-width: 50vw;
	border-bottom-right-radius: 5px;
	background: #00d3ff;
}

.pictureViewerPhoto > a > img{
	max-width: 48vw;
	#max-height: 48vw;
}

.pictureViewer{
	display: flex;
	max-width: 63vw;
}

.pictureViewerSideInfoTitle{
	text-align: center;
	font-weight: bold;
}

.pictureViewerSideInfoDescription, .pictureViewerSideInfoUploader, .pictureViewerParentFolder{
	min-height: 75px;
	text-align: center;
}

.currentPicPage{
	cursor: pointer;
}

.jumpToPicturePage{
	width: 20px;
}

.draggable{
	z-index: 10000;
}

.headerVideo{
	z-index: -100;
}

.headerContent{
	z-index: 100;
	position: absolute;
	top: 0px;
	width: 100%;
}

.pictures, .username, .cloud, .music, .videos, .surveys{
	background-color: #FFF;
	border-radius: 5px;
	padding: 5px 10px;
	background: rgba(255,255,255,0.95);
}

.getToRoot, .folderUp{
	cursor: pointer;
	font-size: 0.9vw;
	margin-top: -10px;
}

.addPictureFolder{
	padding-top: 3px;
}

.picturePages{
	max-width: 55vw;
}

.userInfo{
	text-align: left;
}

.redFont{
	color: red;
}