/* ---- ESTILO NOVO DO CNC ---- */

/* ----- FONTE ESTILO ----- */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');


/* ----- TAGS GERAIS ----- */
p,
a,
small,
strong,
h1,
h2,
h3,
h4,
h5,
h6,
table,
label,
input,
select,
textarea,
button,
.form-control,
.btn,
.alert{
	font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 400;
}

input,
select,
textarea,
.form-control,
.btn{
	border-radius: 4px;
	text-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn{
	border: none !important;
	background-image: none !important;
	height: 48px;
	font-size: 17px;
	font-weight: 500;
}

.btn-success{
	background-color: #2a4b2a;
}

a{
	font-weight: 400;
}

input,
select,
textarea,
.form-control{
	background-color: #fff !important;
	border: 1px solid #d1d5db;
	border-bottom: 3px #2a4b2a solid;
	height: 48px;
	color: #2b2b2b;
	font-size: 16px;
	font-weight: 400;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill,
input[type=text],
input[type=password],
input[type=email]{
	background-color: #fff !important;
	-webkit-text-fill-color: #2b2b2b;
}

.alertTop{
	position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    border-radius: 0;
    text-align: center;
    border: none;
	padding-top: 11px;
    padding-bottom: 15px;
    font-size: 18px;
    z-index: 9999;
}
	.alertTop p{
		font-size: 18px;
		margin: 0;
	}

	.alertTop .icon{
		font-size: 24px;
    	margin-right: 8px;
	}

.alert-warning{
	background: none;
	background-color: #fff3cd;
	color: #856404;
	border-bottom: 1px solid #ffeeba;
}
	.alert-warning .icon{
		color: #856404;
	}
.alert-error,
.alert-danger{
	background: none;
	background-color: #c53133;	
	color: #fff;
	padding-top: 14px;
    padding-bottom: 14px;
}
.alert-success{
	background: none;
	background-color: #419641;
	color: #fff;
	padding-top: 14px;
    padding-bottom: 14px;
}
	.alert-success a.close,
	.alert-error a.close,
	.alert-danger a.close{
		font-size: 26px;
	    margin-top: -4px;
	    height: 26px;
	    color: #fff;
	    opacity: 0.8;
	}
	.alert-success a.close:hover,
	.alert-error a.close:hover,
	.alert-danger a.close:hover{
		opacity: 1;
	}
	.alert-success p,
	.alert-error p,
	.alert-danger p{
		font-weight: 400;
	}

/* ----- TUDO DENTRO DO BODY LOGIN ----- */

body.loginPage{
	min-height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 24px 15px;
	margin: 0;
	background: #c1ad67 url(backgroundLogin.jpg) no-repeat center -45px;
	background-size: cover;
}

@media only screen and (max-width: 1280px){
	body.loginPage{
		background: #c1ad67 url(backgroundLogin.jpg) no-repeat center top;
		background-size: cover;
	}
}

body.loginPage > .container{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin: 0 auto;
}

body.loginPage .loginContainer{
	position: relative;
	left: auto;
	top: auto;
	margin: 0 auto;
	max-width: 480px;
	width: 100%;
	height: auto;
	min-height: auto;
	background-color: #ffffff;
	background: rgba(255, 255, 255, 0.97);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	border: none;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	box-shadow: 0 12px 36px rgba(0, 0, 0, 0.35);
	-webkit-box-shadow: 0 12px 36px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0 12px 36px rgba(0, 0, 0, 0.35);
	padding: 0 0 28px 0;
	overflow: hidden;
}

body.loginPage .loginContainer:before,
body.loginPage .loginContainer:after{
	display: none !important;
	content: none !important;
}

body.loginPage .loginContainer .headingLog{
	background-color: #2A4B2A;
	position: relative;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	padding: 16px 20px 12px;
	margin-bottom: 5px;
	left: 0;
}

body.loginPage .loginContainer .headingLog .logoSistInf{
	background: url(LogoSistemaInformacaoLogin.png) no-repeat center center;
	background-size: contain;
	display: block;
	width: 100%;
	height: 80px;
}

body.loginPage .loginContainer .headingLog .btVoltarES{
	position: absolute;
	left: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 38px;
	height: 38px;
	margin: 0;
}

body.loginPage .loginContainer .headingLog .btVoltarES a{
	width: 38px;
	height: 38px;
	background-color: #1e361e;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #a3dca3;
	font-size: 18px;
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease;
}

body.loginPage .loginContainer .headingLog .btVoltarES a:hover{
	background-color: #3b6b3b;
	color: #ffffff;
}

body.loginPage .loginContainer .TitBemV{
	font-weight: 400;
	font-size: 26px;
	color: #2c3e50;
	margin: 22px 0 18px;
	text-align: center;
}

body.loginPage .loginContainer .TitEsqSen{
	font-weight: 500;
	font-size: 22px;
	margin: 18px 0 10px;
	background-color: #c53133;
	padding: 10px 15px;
	color: #fff;
	text-align: center;
}

body.loginPage .loginContainer .TitEsqSen strong{
	font-weight: 500;
	color: #fff;
}

body.loginPage .loginContainer .subTitBemV{
	font-size: 15px;
	font-weight: 400;
	color: #555555;
	display: block;
	margin: 10px 24px 18px;
	text-align: center;
	line-height: 1.45;
}

body.loginPage .loginContainer .form-horizontal{
	padding: 0 32px;
	margin-top: 0;
}

body.loginPage .loginContainer .form-horizontal .form-group{
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 16px;
}

body.loginPage .loginContainer .form-horizontal .form-group:last-child{
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}

body.loginPage .loginContainer .form-horizontal .form-group .col-lg-12{
	padding-left: 0;
	padding-right: 0;
}

body.loginPage .loginContainer .form-horizontal input.form-control{
	width: 100%;
	height: 48px;
	padding: 10px 14px;
	font-size: 16px; /* Evita zoom automático no iOS Safari */
	font-weight: 400;
	color: #2b2b2b;
	background-color: #ffffff !important;
	border: 1px solid #d1d5db;
	border-bottom: 3px solid #2a4b2a;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow: none;
	-webkit-appearance: none;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

body.loginPage .loginContainer .form-horizontal input.form-control:focus{
	border-color: #2a4b2a;
	background-color: #ffffff !important;
	box-shadow: 0 0 0 3px rgba(42, 75, 42, 0.15);
	outline: none;
}

body.loginPage .loginContainer .form-actions{
	border: none;
	background: none;
	padding: 0;
	margin: 6px 0 0;
	box-shadow: none;
}

body.loginPage .loginContainer .btn-success{
	width: 100%;
	height: 48px;
	background-color: #2a4b2a !important;
	border: none !important;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 17px;
	font-weight: 500;
	color: #ffffff;
	cursor: pointer;
	transition: background-color 0.2s ease, transform 0.1s ease;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

body.loginPage .loginContainer .btn-success:hover,
body.loginPage .loginContainer .btn-success:focus{
	background-color: #355f35 !important;
	color: #ffffff;
	outline: none;
}

body.loginPage .loginContainer .btn-success:active{
	background-color: #1e361e !important;
	transform: scale(0.99);
}

body.loginPage .loginContainer .forgot{
	display: block;
	margin-top: 18px;
	margin-bottom: 0;
	text-align: center;
	float: none !important;
}

body.loginPage .loginContainer .forgot a{
	font-size: 14px;
	font-weight: 500;
	color: #2a4b2a;
	text-decoration: none;
	padding: 6px 12px;
	display: inline-block;
	border-radius: 4px;
	transition: color 0.2s ease, background-color 0.2s ease, text-decoration 0.2s ease;
}

body.loginPage .loginContainer .forgot a:hover,
body.loginPage .loginContainer .forgot a:focus{
	color: #162a16;
	text-decoration: underline;
	background-color: rgba(42, 75, 42, 0.08);
}


/* -------- RESPONSIVO -------- */

@media only screen and (max-width: 533px){
	body.loginPage{
		padding: 16px 12px;
	}
	body.loginPage .loginContainer{
		max-width: 100%;
		border-radius: 6px;
		margin: 0;
	}
	body.loginPage .loginContainer .headingLog{
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
	}
	body.loginPage .loginContainer .form-horizontal{
		padding: 0 20px;
	}
}

@media only screen and (max-width: 375px){
	body.loginPage .loginContainer .headingLog .logoSistInf{
		height: 68px;
	}
	body.loginPage .loginContainer .form-horizontal{
		padding: 0 16px;
	}
	body.loginPage .loginContainer .TitBemV{
		font-size: 23px;
	}
	body.loginPage .loginContainer .form-horizontal input.form-control,
	body.loginPage .loginContainer .btn-success{
		height: 46px;
	}
}

.hidden{
	display: none;
}