/** Grupo Conectt - v1.0 - Léia Iesbick  **/
body {
    background: url('../imgs/bg-login-01.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

html, body {
    height: 100%;
    margin: 0;
}
.wrapper {
    min-height: 100%;
    /* Equal to height of footer */
    /* But also accounting for potential margin-bottom of last child */
    margin-bottom: -324px;
}

.footer,
.push {
    height: 324px;
}

.bg1 {
    background-image: url('../imgs/bg-login-01.jpg');
}
.bg2 {
    background-image: url('../imgs/bg-login-02.jpg');
}

/* header */
.bg-light {
    background-color: #ffffff !important;
}

#imgMassey{
    max-width:195px;
}

form {
    height: 100%;
}
.header{
	width:100%;
	height:88px;
	background:#fff !important;
	border-top:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
}
.header .content-header{
	padding:17px 0 0 5px;
}
.content-header .drop-header-login{
	float:right;
	padding:9px 0 0;
}
.content-header .drop-header-login .btn-default{
	color: #aeaeae !important;
	background-color: #fbfbfb;
	border-color: #e5e5e5 !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	outline:none;
}
.content-header .drop-header-login .btn-default:hover, 
.content-header .drop-header-login .btn-default:focus, .focus.btn-default, 
.content-header .drop-header-login .btn-default:active, .active.btn-default, 
.content-header .drop-header-login .open > .btn-default.dropdown-toggle,
.content-header .drop-header-login .dropdown-menu > li > a:hover, 
.content-header .drop-header-login .dropdown-menu > li > a:focus,
.content-header .drop-header-login .open > .dropdown-toggle.btn-default,
.content-header .drop-header-login .btn-default:hover{
	background-color:#fbfbfb !important;
}
.content-header .drop-header-login .dropdown-toggle.btn-default > img{
	margin-right:8px !important;
}
.content-header .drop-header-login .dropdown-menu{
	right:0 !important;
	min-width:63px !important;
	border-radius:0 !important;
	background-color:#fbfbfb !important;
	border-top:none !important;
	border-left:1px solid #e5e5e5 !important;
	border-right:1px solid #e5e5e5 !important;
	border-bottom:1px solid #e5e5e5!important;
	margin:-2px 0 0;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.content-header .drop-header-login .btn{
	border-radius: 0 !important;
	padding: 10px 10px !important;
}
.content-header .drop-header-login .dropdown-menu > li > a{
	padding:6px 11px !important;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#7d7d7d;
}
.content-header .drop-header-login .dropdown-menu > li > a:hover > span{
	text-decoration:underline !important;
}
.content-header .drop-header-login .dropdown-menu > li > a > img{
	margin-right:3px !important;
}
.content-main {
	padding-top:0;
}
.container-login{
	
}
    .container-login h1 {
        font-family: 'dinregularalternate';
        color: #fff;
        letter-spacing: -2px;
    }
.container-form{
	background-color:#2a2a2a;
	padding-bottom:30px;
}
.container-form .header-form{
	background-color:#404040;
	height:60px;
	text-align:center;
}
    .container-form .header-form span {
        color: #fff;
        font-size: 22px;
        letter-spacing: normal;
        padding: 13px 0;
        width: 100%;
        display: block;
    }
.container-login .usuario {
    background: #fff url(../imgs/icon-user.png) no-repeat right 20px top 13px;
}
.container-login .password {
    background: #fff url(../imgs/icon-password.png) no-repeat right 20px top 13px;
}
.content-form {
    padding: 0 20px;
}
.container-login input[type="text"], .container-login input[type="password"], .container-login select {
    border: 0;
    padding: 16px 55px 16px 24px;
    font-family: 'dinregularalternate';
    border-radius: 0;
}
.container-login select {
    height: 56px !important;
}

.container-login .normal{
	font-size:12px;
	color:#fff;
}
.container-login .normal a{
	font-size:12px;
	color:#fff;
	text-decoration:none;
}
.error-msg {
    color: #d21d10;
    font-size: 13px;
}

/* Login - Selecione a concessionária */
.container-login .txt-escolha{
	padding:0 63px 0 28px;
	font-family: 'dinregularalternate';
	font-size:16px;
	color:#fff;
}

.container-login .logos span{
}

/* Login - Digite seu e-mail */
p {
    font-family: 'dinregularalternate';
    font-size: 16px;
    color: #fff;
}
.container-login .email {
    background: #fff url(../imgs/icon-email.png) no-repeat right 20px top 16px;
    width: 100%;
}
.container-login input[type='submit'].enviar{
	border:0;
	height:40px;
	width:150px;
	padding:0;
	font-size:16px;
	line-height:17px;
	font-family: 'dinregularalternate';
	background-color:#d21d10;
	color:#fff;
	cursor:pointer;
	outline:none;
}
.container-login input[type='submit'].voltar{
	border:0;
	height:40px;
	width:150px;
	float:left;
	padding:0;
	font-size:16px;
	line-height:17px;
	font-family: 'dinregularalternate';
	background-color:#404040;
	color:#fff;
	cursor:pointer;
	outline:none;
}

.error {
    color: red !important;
    font-size: 14px !important;
    line-height: 17px !important;
    letter-spacing: 0px !important;
    margin: 0 0 5px 0;
    float: left;
}

.errorJaCadastrado{
    float: left;
    padding-top: 10px;
    text-align: center;
    width: 100%;
    display: grid;
}

.container-login .msg{
	font-size:12px;
	color:#fff;
	text-decoration:none;
    display: inline-block;
    margin-left: 30px;
}

.msgEmailGenerico {
    color: #fff;
    font-size: 12px;
    margin-bottom: 8px;
    margin-top: -8px;
}


/* MOBILE */
@media (max-device-width: 349px) {
    input [type="submit"]{
        width:100%;
    }
}

@media (max-device-width: 640px) {
        .header .content-header {
            padding: 17px 20px 0 20px;
        }

        .container-login span {
            display: none;
        }

        .container-login .container-form span {
            display: block;
        }

        .container-login .password {
            background: #fff url(../imgs/icon-password.png) no-repeat 220px 12px;
        }

        .container-login .usuario {
            background: #fff url(../imgs/icon-user.png) no-repeat 222px 14px;
        }
    }
