.sg-registration-form{
	width: 450px;
    position: relative;
    top: 20%;
    left: calc(50% - 225px);
    background: white;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #eee;
}

.sg-registration-form form{
    padding: 0 25px 0 10px;
}

.sg-registration-form .form-group {
    position: relative;
}



.sg-registration-form label {
    position: absolute;
    top: -8px;
    left:-8px;
    font-size: 10px;
    opacity: 1;
    transform: translateY(0);
    transition: all 0.2s ease-out;
    margin: 0 5px;
    padding: 0 5px;
    font-weight: bold;
    opacity: 0.8;

}

.sg-registration-form input:placeholder-shown + label {
    opacity: 0;
    transform: translateY(1rem);

}

.sg-registration-form .signup,.sg-registration-form .login{
    text-align: center;
}
.sg-registration-form .lost{
    text-align: right;
    display: block;
}

.sg-registration-form h3{
	margin: 10px;
}
.sg-registration-form input{
	width: 100%;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.sg-registration-form input.validation-error{
    border-color:red;
}

.sg-registration-form .help-block{
	display:block;
	font-size: 10px;
    margin: 0px 10px 10px;
}

.sg-registration-form.hide, .sg-registration-form .hide{
	display:none;
}


.sg-registration-form .alert-success{
	font-weight: bold;
    color: #83e900;
    text-align: center;
}

.alert.result-message.alert-success {
    background: #05a3ea;
    color: white!important;
    margin: 10px 0;
    font-weight: normal;
    padding: 5px 0;
}


.sg-registration-form .alert-danger
{
	font-weight: bold;
    color: #f44336;
    text-align: center;
}

.sg-registration-form input.mockofun-blue{
    background:#05a3ea;
}

.sg-registration-form a.mockofun-blue{
    color:#05a3ea;
}

.sg-registration-form input.mockofun-blue:hover {
    opacity: 0.8;
}

.sg-user-profile-wrapper{
    z-index: 996;
}