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

@version 20150512
@author <harald.angerer@schule.suedtirol.it>

*/

/* fields */
#mb_uploadform { display:block; width:100%; background-color:white; padding:20px 0px 0px; }
#mb_loginform.mb_register { max-width:800px; margin:0px auto 10px; }
#mb_register_form > label, #mb_register_form > .mb_passwordcontainer > label, #mb_register_form > #mb_changepassword > label { display:block; clear:left; float:left; color:black; font-size:1.2em; height:47px; width:40%; margin:8px; text-align:right; padding-top:10px; }
#mb_register_form > input, #mb_register_form > .mb_passwordcontainer > input, #mb_register_form > #mb_changepassword > input { display:block; clear:right; float:left; margin:8px; width:40%; }
#mb_register_form > select { display:block; clear:right; float:left; margin:8px; width:40%; }
#mb_register_form #mb_loginsubmit { float:none; height:60px; margin:25px auto; cursor:pointer; background-image:none; width:60%; background-color:#BCD8E2; color:#CC0000; font-size:1.2em;}
#mb_register_form #mb_loginsubmit:hover { background-color:#5AA8C9; }
#mb_register_form .error { margin-top:20px; }
#mb_register_form label[for=mb_loginbirth] { padding-top:4px; }
#mb_register_form label[for=mb_logingender] { padding-top:4px; }
#mb_register_form > .mb_privdomainmanagement { display:block; clear:right; float:left; margin:0 8px; width:40%;  text-align:left; }
#mb_register_form > .mb_privdomainmanagement > label { display:inline-block; position:relative; top:-11px; }
#mb_register_form > .mb_privdomainmanagement > input { display:inline-block; width:initial; margin-right:10px;}
#mb_register_form > input[disabled=disabled] { color:grey; }

/* buttons */
.mb_register .authbtn, #mb_register_form .authbtn {
	display:inline-block;
	border:1px solid grey;
	box-sizing:border-box;
	line-height:35px;
	padding:10px 25px;
	cursor:pointer;
	color:#CC0000;
	background-color:#BCD8E2;
	font-size:1.2em;
	height:60px;
	width:auto;
	clear:none;
	margin:8px 10px;
}
.mb_register .authbtn:hover, #mb_register_form .authbtn:hover { background-color:#5AA8C9; text-decoration:none; color:white; }
.mb_register .btn_delete, #mb_register_form .btn_delete { float:left; color:#CC0000; background-color:#f2dede; margin-left:25px; }
.mb_register .btn_delete:hover, #mb_register_form .btn_delete:hover { color:white; background-color:#CC0000 !important; text-decoration:none; }
.mb_register .btn_submit, #mb_register_form .btn_submit { float:right; width:30%; }
.mb_register .btn_cancel, #mb_register_form .btn_cancel { float:right; margin-right:25px; color:grey; background-color:transparent; line-height:60px;}
.mb_register .btn_cancel:hover, #mb_register_form .btn_cancel:hover { background-color:lightgrey; }

/* disclaimer */
#mb_register_form .mb_disclaimer { clear:both; width:80%; margin:auto; text-align:left; font-size:1em; }
#mb_register_form .mb_disclaimer input { position:relative; top:5px; display:inline; float:none; width:20px; height:20px; margin:0; }
#mb_register_form .mb_disclaimer label { display:inline; float:none; }
#mb_register_form .mb_disclaimer label a { font-size:1em; }

/* password-bar */
#mb_register_form #pwd-container { display:block; clear:right; float:left; margin:8px; width:44%; font-size:1.1em; }
#mb_register_form .pwstrength_viewport_progress { width:100%; height:30px; margin:auto; background-color:#EFF2F4; }
#mb_register_form label[for=pwd-container] { padding-top:0px; }

/* labels */
#mb_register_form label[for=mb_loginplace],
#mb_register_form label[for=mb_loginbirth],
#mb_register_form label[for=pwd-container] { color:grey; }

/* errors */
#mb_register_form .error { clear:both; text-align:left; padding-left:43%; }
#mb_register_form .error.disclaimer { clear:both; text-align:left; padding-left:10%; }
#mb_register_form .alert { margin:0 20px; }

/* other */
.mb_update { display:block; clear:both; color:#5AA8C9; text-align:left; padding-left:43%; }
#mb_changepassword { display:none; }

/* fileupload */
#mb_fileup { position:relative; border:2px #bcd8e2 solid; width:74%; height:330px; margin:auto; clear:both; }
#mb_fileup .progress { height:30px; width:93%; margin:auto; background-color:#EFF2F4; clear:both; }
#fileupload { position:absolute; display:none !important; }
#mb_fileup .progress-bar { width:0%; }
#fileinput-image { position:relative; width:224px; height:240px; background-color:#EFF2F4; margin:20px; float:left; background-repeat:no-repeat; background-position:top; background-size:cover; }
#mb_fileupbtn { float:left; text-align:center; width:50%; margin-top:130px; }
.authbtn.fileinput-button { margin:auto; display:flex; align-items:center; justify-content: center; }
#filename { position:absolute; margin-top:4px; text-align:center; width:93%; color:white; overflow:hidden; }
#filedelete, #filedelete1 { display:none; position:absolute; margin-top:5px; box-sizing:border-box; right:5px; width:20px; height:20px; background:url('img/abort.png') white no-repeat center; }
#filedelete:hover, #filedelete1:hover { background-color:#5AA8C9; }

/* small */
@media only screen and (max-width: 768px) {

	/* fields */
	#mb_register_form > label, #mb_register_form > .mb_passwordcontainer > label, #mb_register_form > #mb_changepassword > label { float:none; width:80%; margin:10px auto 0px; text-align:center; height:30px; padding:0px; }
	#mb_register_form > input, #mb_register_form > .mb_passwordcontainer > input, #mb_register_form > #mb_changepassword > input { float:none; margin:0px auto; width:80%; }
	#mb_register_form > select { float:none; margin:0px auto; width:80%; height:35px; }
	#mb_register_form > .mb_privdomainmanagement { float:none; margin:10px; width:80%;  padding:5px 15px 5px 0px; }
	#mb_register_form > .mb_privdomainmanagement > input { display:inline; width:20px; height:0; padding:0;}


	/* buttons */
	#mb_register_form .btn { padding:10px 25px; box-sizing:border-box; height:auto; width:90%; clear:none; margin:8px auto;  clear:both; float:none; }
	#mb_register_form .btn_delete { margin-top:25px; }
	/* password-bar */
	#mb_register_form .pwstrength_viewport_progress { width:100%; height:30px; }
	#mb_register_form #pwd-container { float:none; margin:0px auto 8px; width:88%; }

	/* disclaimer */
	#mb_register_form .mb_disclaimer { margin:20px auto 0; }

	/* error */
	#mb_register_form .error { text-align:center; padding:0; }

	/* other */
	a#mb_dochangepassword { padding:0px; text-align:center; margin-top:25px; }

	/* captcha */
	#mb_register_form label[for=mb_captcha] { margin-bottom:10px; }

	/* fileupload */
	#mb_fileup { height:460px; margin:auto; clear:both; }
	#mb_fileupbtn { float:none; text-align:center; width:100%; margin:0px auto; }
	#fileinput-image { float:none; margin:20px auto; }
	#filedelete { right:17px; }

}