.hide{
	display: none;
}

.show{
	display: block;
}
.private-messagge-ko.position_relative{
	top: 20px!important;
    margin-bottom: 6%;
}
.private-messagge-ko a{
	cursor: pointer!important;
    color: #FFFFFF!important;
}
/* The message box is shown when the user clicks on the password field */
#message {
	display:block;
	background: #FFFFFF;
	color: #000;
	position: relative;
	text-align: left;
}

#message p {
	padding: 10px 10px 0px 0px;
	font-size: 15px;
	font-family: var(--RobertEnel), Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Add a green text color and a checkmark when the requirements are right */
.valid {
	color: green;
}

.valid:before {
	position: relative;
	left: -35px;
	/*content: "\2714";*/
}

/* Add a red text color and an "x" icon when the requirements are wrong */
.invalid {
	color: #ff0f64;
}

.invalid:before {
	position: relative;
	left: -35px;
	/*content: "\2716";*/
}

.private-messagge-ok span p, .private-messagge-ko span p{
    color: #FFFFFF;
    font-family: var(--RobertEnelLight), Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    display: block;
}

@media screen and (min-width: 768px){
	fieldset h4 {
		padding: 0px 10px;
		border-bottom: 1px solid #dddddd;
		height: 50px;
	}

    .private-messagge-ok span p, .private-messagge-ko span p{
        font-size: 18px;
        line-height: 25px;
        text-align: center;
    }
}

@media screen and (min-width: 1024px) {
	body main#main {
		background-position: 100%;
		background-attachment: fixed;
		background-size: cover;
		width: 100%;
		background-repeat: no-repeat;
	}
}

@media screen and (max-width: 1023px) {
	body main#main {
		background-position: 100% 0%;
		background-attachment: fixed;
		background-size: auto;
		width: 100%;
		background-repeat: no-repeat;
	}
}