/*
CYCLERENT Web 4
base styles
version 1.65
date: 2019-01-04
*/
/* ===================== FILE INPUT ===================== */
.file-area {
	width: 100%;
	position: relative;
}

	.file-area input[type=file] {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		opacity: 0;
		cursor: pointer;
	}

	.file-area .file-dummy {
		width: 100%;
		padding: 20px;
		background-color: rgb(247, 247, 247);
		border: 2px dashed rgb(0, 0, 0);
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		transition: background 0.3s ease-in-out;
	}
/*.file-area .file-dummy .success {
  display: none;
}
.file-area:hover .file-dummy {
  background: rgba(255, 255, 255, 0.1);
}
.file-area input[type=file]:focus + .file-dummy {
  outline: 2px solid rgba(255, 255, 255, 0.5);
  outline: -webkit-focus-ring-color auto 5px;
}
.file-area input[type=file]:valid + .file-dummy {
  border-color: rgba(0, 255, 0, 0.4);
  background-color: rgba(0, 255, 0, 0.3);
}
.file-area input[type=file]:valid + .file-dummy .success {
  display: inline-block;
}
.file-area input[type=file]:valid + .file-dummy .default {
  display: none;
}*/