#topHeader {
	background-image:url(/rastreador5/javax.faces.resource/images/bg-header.jpg.xhtml?ln=positron);
}

#topSimpleHeader {
	background-image:url(/rastreador5/javax.faces.resource/images/simple-top.jpg.xhtml?ln=positron);
}

.topbar, .login-topbar {
	background-color: #004289 !important;
}


#topbar-items-form i, #topbar-items-form span, .login-topbar-right h2 {
	color: white !important;
}

#main-logo, #login-logo {
	max-height: 48px !important;
	max-width: 280px !important;
    margin-left: 60px;
    margin-top: 3px;
}

#login-logo {
    margin-left: 20px !important;
    margin-top: 3px !important;
}

.login-body {
    background:  url("\/rastreador5/javax.faces.resource/images/portal-de-rastreamento.png.xhtml?ln=positron") top left no-repeat;
    background-size: cover;
    background-position: top;

    h1 {
        margin: 20px auto 25px auto;
        font-size: 21px;
        font-weight: 600;
    }
}

@media screen and (min-width: 320px) and (max-width: 374px) {

	#login-logo {
	    margin-left: 5px !important;
	}

	.login-topbar-left img {
	    height: 2rem !important;
	    margin-left: 0vw !important;
	}	
}