.box-top{
	padding:3px 0px 3px 10px;
	margin-bottom:10px;
	min-height:25px;
	font-weight:bold;
	font-size:16px;
	text-align:left;
	text-shadow:1px 1px 1px #fff;
	vertical-align:middle;
	color:#515151;
	border-radius:8px;
}
.box-header{
	margin: 4px 0 10px 0;
	padding:8px 0 8px 0;
	width: 100%;
	color: #e2e2e2;
	font-weight: 700;
	border-radius: 5px;
	background: #444444; /* Old browsers */
	background: -moz-linear-gradient(top,  #444444 0%, #4c4c4c 36%, #262626 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(36%,#4c4c4c), color-stop(100%,#262626)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #444444 0%,#4c4c4c 36%,#262626 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #444444 0%,#4c4c4c 36%,#262626 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #444444 0%,#4c4c4c 36%,#262626 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #444444 0%,#4c4c4c 36%,#262626 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#262626',GradientType=0 ); /* IE6-9 */
	border: 1px solid #565656;
	-moz-box-shadow: 0px 5px 10px -5px #4f4f4f;
	-webkit-box-shadow: 0px 5px 10px -5px #4f4f4f;
	-o-box-shadow: 0px 10px 5px -5px #4f4f4f;
	box-shadow: 0px 5px 10px -5px #4f4f4f;
}
.box-content{
	padding:0px 60px 0px 40px;
}

.box-title{
	color:black;
	text-align:left;
	font-size:18px;
	font-weight:bold;
	font-family:Avenir;
	vertical-align:middle;
}

.box-bottom{
	margin:1px;
	padding:5px 0 5px 10px;
	min-height:28px;
	text-align:center;
	vertical-align:middle;
	justify-content: center;
	/*border-radius*/
	-webkit-border-radius:8px;
	   -moz-border-radius:8px;
			border-radius:8px;
}

/*
 * TOGGLE
 */
.box-toggle{
	margin: 10px 10px 10px 10px;
	min-width:200px;
	-moz-box-shadow: inset 0px 0px 5px 0px #848484;
    -webkit-box-shadow: inset 0px 0px 5px 0px #848484;
    -o-box-shadow: inset 0px 0px 5px 0px #848484;
    box-shadow: inset 0px 0px 5px 0px #848484;
	background-color: rgba(255, 255, 255, 1);
	border: 2px solid white;
}
	.box-toggle .toggle-header{
		margin: -4px 0 15px -5.8px;
		padding:8px 0 8px 10px;
		width: 100%;
		color: #e2e2e2;
		font-weight: 700;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		background: #444444; /* Old browsers */
		background: -moz-linear-gradient(top,  #444444 0%, #4c4c4c 36%, #262626 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(36%,#4c4c4c), color-stop(100%,#262626)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #444444 0%,#4c4c4c 36%,#262626 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #444444 0%,#4c4c4c 36%,#262626 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #444444 0%,#4c4c4c 36%,#262626 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #444444 0%,#4c4c4c 36%,#262626 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#262626',GradientType=0 ); /* IE6-9 */
		border: 1px solid #565656;
		-moz-box-shadow: 0px 5px 10px -5px #4f4f4f;
		-webkit-box-shadow: 0px 5px 10px -5px #4f4f4f;
		-o-box-shadow: 0px 10px 5px -5px #4f4f4f;
		box-shadow: 0px 5px 10px -5px #4f4f4f;
	}
	
	.box-toggle .toggle-content{
		display: none;
		padding: 5px;
	}
	
	.box-toggle .toggle-collapse,
	.box-toggle .toggle-expand{
		float:right;
		margin-right: 5px;
		margin-top: -4px;
	}
	.box-toggle .toggle-collapse{
		-moz-transform:rotate(180deg);
		-webkit-transform:rotate(180deg);
		-o-transform:rotate(180deg);
	}
	.box-toggle .toggle-expand{
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-o-transform:rotate(0deg);
	}
	
	
/* Minified */
.box-bottom-minified{
	min-height:10px;
	text-align:center;
	vertical-align:middle;
	justify-content: flex-end;
}


.box-error{
	padding-left:30px;
	padding-right:30px;
	color:rgba(244, 0, 0, 1);
	font-weight:700;
	background-color:rgba(244, 199, 198, 0.6);
	/*border-radius*/
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
			border-radius:5px;
	background-image:url(pictures/ico/icoWarning.png);
	background-repeat:no-repeat;
	background-size:20px 20px;
	background-position:5px;
}

.box-log{
	padding:3px;
	min-width:350px;
	min-height:200px;
	background-color:#FAFAFA;
	border: 2px solid rgba(255, 255, 255, 1);
	border-radius:10px;
	-webkit-box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.5),		0px 2px 2px 0px rgba(255, 255, 255, 0.5) inset;
	   -moz-box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.5),		0px 2px 2px 0px rgba(255, 255, 255, 0.5) inset;
			box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.5),		0px 2px 2px 0px rgba(255, 255, 255, 0.5) inset;
}

.log-form{
	text-shadow:1px 1px 1px #fff;
}

.ico-log{
	float: right;
	margin-right: 10px;
	height: 39px;
	width: 39px;
	background-image:url(pictures/ico/icoLogin.png);
	background-repeat:no-repeat;
	background-size:45px;
	background-position: -2.8px -1px;
	border-radius: 30px;
	box-shadow: 0px 12px 15px 0px #329a9d;
}

.box-log-area{
    height:50%;
}

.main-logo{
    width:20%;
	min-width:300px;
}

.box-logo {
    margin: 2%;
}