body {
    margin: 0;
    padding: 0;
    font: 400 17px/24px Lato, sans-serif;
    color: #000;
    background: #fff url("../../../img/tausta/bg2.jpg") no-repeat center bottom;
    /*background-color: #004107;*/
    min-height: 100vh;
}

.sign-up-container {
    border: 1px solid;
	border-color: #9a9a9a;
	background: #fff;
	border-radius: 15px;
	padding: 10px;
	/*width: 350px;*/
	max-width: 350px;
	width: auto;
	margin: 50px auto;
}

.forgot-up-container {
	border: 1px solid;
	border-color: #9a9a9a;
	background: #fff;
	border-radius: 15px;
	padding: 50px;
	/*width: 350px;*/
	max-width: 450px;
	width: auto;
	margin: 50px auto;
}

.page-header {
	float: right;
}

.login-signup {
	margin: 10px;
	text-decoration: none;
	float: right;
}

.login-signup a {
	text-decoration: none;
	font-weight: 700;
}

.signup-heading {
	font-size: 18px;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 5px;
	text-align: center;
}

.inline-block {
	display: inline-block;
}

.row {
	margin: 15px 0px;
	text-align: center;
}

.rownormal {
	margin-top: 15px;
}

.rownormalright {
	margin-top: 10px;
	margin-right: 30px;
	text-align: right;
}

.form-label {
	margin-bottom: 5px;
	text-align: left;
}

.radio-toolbar7 input[type="radio"] {
    display:none;
}

.radio-toolbar label {
    display: inline-block;
    /*background-color:#CAFF89;*/
    padding: 4px 4px;
    font-family: Arial;
    font-size: 14px;
}

.radio-toolbar1 input[type="radio"]:checked + label {
    background-color: #ff0000;
}
.radio-toolbar2 input[type="radio"]:checked ~ * { 
    background: #A4C6FF !important;
	color: #000;  !important;
}

.radio-toolbar input[type="radio"]:checked ~ * { 
    background: #AEDB60 !important;
    font: bold 16px Arial;
}

.radio-toolbar3 input[type="radio"]:checked ~ * { 
    background: #FF0000 !important;
	color: #FFF  !important;
}

.checkbox-toolbar label { 
    /*background: #CAFF89 !important;*/
  font-size: 12px;
	padding:0 0 0 20px;
	margin: 1em;
	color: black;
}
.checkbox-toolbar input[type="checkbox"]:checked ~ * { 
    background: #CAFF89 !important;
    /*font-family: Arial;*/
    font: bold 13px Arial;
	  color: black;
}

input.input-box-330 {
	width: 250px;
}

.input-box-230 {
	width: 100px;
}

.sign-up-container .error {
	color: #ee0000;
	padding: 0px;
	background: none;
	border: #ee0000;
}

.sign-up-container .error-field {
	border: 1px solid #d96557;
}

.sign-up-container .error:before {
	content: '*';
	padding: 0 3px;
	color: #D8000C;
}

.forgot-up-container .error {
	color: #ee0000;
	padding: 0px;
	background: none;
	border: #ee0000;
}

.forgot-up-container .error-field {
	border: 1px solid #d96557;
}

.forgot-up-container .error:before {
	content: '*';
	padding: 0 3px;
	color: #D8000C;
}

.listaus-error-msg {
	padding-top: 10px;
	color: white;
	text-align: center;
}

.listaus-success-msg {
    padding-top: 10px;
	color: white;
	text-align: center;
}

.error-msg {
	padding-top: 10px;
    padding-bottom: 10px;
	//color: black;
	color: white; background-color: red;
	text-align: center;
}

.error-msg-bg {
	padding-top: 10px;
	color: white;
	background-color: red;
	text-align: center;
}

.success-msg {
    padding-top: 8px;
    padding-bottom: 8px;
    color: white;
	background-color: green;
	text-align: center;
}

.success-msg-bg {
    padding: 3px;
	color: white;
	background-color: green;
	text-align: center;
}

input.btn {
	width: 250px
}

.signup-align {
	margin: 0 auto;
}

.reset-align {
	margin: 0px;
	padding: 50px;
}

.page-content {
	font-weight: bold;
	padding-top: 60px;
	text-align: center;
}

#block_container {
    display: flex;
    justify-content: center;
    margin-top: 2.5em;
    margin-bottom: 8px;
}
  
#bloc1, #bloc2 {
      display:inline;
      margin-left: 20px;
}

@media only screen and (max-width: 480px) {

	.sign-up-container {
		/*border: 1px solid;
		border-color: #9a9a9a;*/
		background: #fff;
		border-radius: 4px;
		padding: 5px;
		max-width: 350px;
		width: auto;
		margin: 5px auto;
	}

	.forgot-up-container {
		border: 1px solid;
		border-color: #9a9a9a;
		background: #fff;
		border-radius: 4px;
		padding: 5px;
		max-width: 450px;
		width: auto;
		margin: 5px auto;
	}

	.signup-heading {
		font-size: 16px;
		font-weight: bold;
		padding-top: 10px;
		padding-bottom: 5px;
		text-align: center;
	}

	.row {
		margin: 5px 0px;
		text-align: center;
	}

	.rownormal {
		margin-top: 5px;
	}

}