/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 13-Feb-2017, 11:14:11
    Author     : dave
*/

.login-box, .register-box , .forgotten-password-box, #login-redirect  {

    display:none;
    width:50%;
    margin:auto auto;
    float:left;
    left:25%;
    position:absolute;
    border:1px solid;
    border-radius:5px;
    padding:10px;
    background-color:#142344;
    z-index:1000;
    box-shadow:3px 3px 3px #000;
    text-align:center;
    overflow-y: auto;
    min-height:200px;
    max-height: 450px;
}


.request-success, .invalid-email {
    display:none;
    width:100%;
    color:#fff;

}

.login-box h3, .register-box h3, .forgotten-password-box  h3,  
.forgotten-password-box  p, .request-success p, #login-redirect h3, #login-redirect h2 {
    color:#fff;
}

.login-box .invalid-login, .register-box .invalid-login {
    color:#f00;
    display:none;


}
.login-box input[type=text], .login-box input[type=password],
.register-box input[type=text], .register-box input[type=password], 
.register-box select, .register-box input[type=email],
.forgotten-password-box   input[type=email]
{

    color:#000;
    width:100%;
    background:#fff;
}

.login-box input[type=button], .register-box input[type=button], .register-submit, .forgotten-password-box input[type=button]{
    color:#fff;
    border:1px solid #e63e96;
    background:#e63e96;
    border-radius:5px;
    font-weight:bold;

}

.register-box select {
    padding:10px;
}

.additional-info {
    display:none;
}

.register-box select {
    margin-bottom:8px;
}

.login-box a, .register-box a, #login-redirect a {
    color:#e63e96
}

.success-message{
    color:#fff;
    display:none;
}

a.mobile-login-button  {
    display:none;
    background: #e63e96;
    padding: .5rem 1rem;
    border-radius: 4px;
    font-weight: 700;

    margin: 0;
    float:right;
    color:#fff;
}

.tac_p {
	float:left;
	color:#fff;
}

.tac_p input {
	width:auto;
	float:left;
	margin-top:4px;
	margin-right:10px;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #ccc;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #ccc;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #ccc;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #ccc;


}


@media only screen and (max-width: 1000px) {
    a.mobile-login-button {

        display: inline-block;
        float: right;
        position: absolute;
        right: 80px;
        top: 68px;

    }
    
    .menu-item-350 {
        display:none;
    }

}

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



    a.mobile-login-button {
        top: 62px;
    }

}



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



    .login-box, .register-box {
        width:80%;
        left:10%;
        overflow-y: scroll;
        max-height: 400px;
    }

}

@media (min-width: 320px) {
	.inner {
		padding: 0 1rem;
		z-index: 2;
	}
	.logo img {
    width: 98px;
}

}