/*DEFAULT CONFIGURATION*/
/*I am useing this configuration because create a scrool between header and footer*/
html {
	height: 100%;
}

html body {
	height: 100%;
	overflow: hidden;
}

html body .container-fluid.body-content {
	position: absolute;
	/*top: 30px;
	bottom: 30px;*/
	right: 0;
	left: 0;
	overflow-y: auto;
}

header {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	background-color: #4C4;
	height: 50px;
}

/*footer {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 40px;
}*/

.t-100 {
	width: 100%;
	/*margin-top: 10%;*/
	border-collapse: separate;
	border-spacing: 0 8px;
}
/*
.td-wr-50 {
	width: 50% !important;
	text-align: right !important;
}

.td-wl-50 {
	width: 50% !important;
	text-align: left !important;
}*/

.td-wc-50 {	
	width: 50% !important;
	text-align: center !important;
}

/*.footer-default-h {
	height: 40px !important;
}*/

.row {
	position: relative;
	float: left;
	width: 100%;
}

.pg-bg {
	background: #fff;
	height: 100vh !important;
}


/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) {
	.change-comp {
		height: 0px;
		width: 0px !important;
	}

	.w-50 {
		width: 100% !important;
	}
}


/* Extra Small Devices, Phones */

@media only screen and (min-width: 480px) {
	.change-comp {
		height: 0px;
		width: 0px !important;
	}

	.w-50 {
		width: 100% !important;
	}
}


/* Small Devices, Tablets */

@media only screen and (min-width: 768px) {
	.change-comp {
		height: 0px;
		width: 0px !important;
	}

	.w-50 {
		width: 100% !important;
	}
}


/* Medium Devices, Desktops */

@media only screen and (min-width: 992px) {
	.change-comp {
		background: url('../Imagens/login/login.png');
		background-color: #08562c;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		height: 100%;
		width: 50% !important;
	}

	.w-50 {
		width: 50% !important;
	}

	/*.content {*/
		/*width: 420px;*/
		/*margin-left: calc(50% - 200px);
		margin-top: calc(50% - 220px);
	}*/
}


/* Large Devices, Wide Screens */

@media only screen and (min-width: 1200px) {
	.change-comp {
		background: url('../Imagens/login/login.png');
		background-color: #08562c;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;		
		height: 100%;
		width: 50% !important;
	}

	.w-50 {
		width: 50% !important;
	}

	/*.content {*/
		/*width: 420px;*/
		/*margin-left: calc(50% - 200px);
		margin-top: calc(50% - 220px);
	}*/
}

.intro {
	text-align: left;
	font: normal normal bold 24px/32px Intelo;
	letter-spacing: 0.18px;
	color: #000000;
	opacity: 1;
}

label[for=email],
label[for=password] {
	display: none;
}

.text-ceter {
	text-align: center;
}

input {
	background: #EFEFEF 0% 0% no-repeat padding-box;
	border-radius: 4px;
	opacity: 1;
	border: none;
	width: 100%;
	height: 40px;
	padding: 0 20px;
	box-sizing: border-box;
}

button {
	background: transparent linear-gradient(90deg, #30804E 0%, #3BA462 100%) 0% 0% no-repeat padding-box;
	box-shadow: 0px 2px 2px #0D7D0929;
	border-radius: 4px;
	opacity: 1;
	width: 100%;
	height: 40px;
	text-transform: uppercase;
	border: none;
	color: #fff;
	cursor: pointer;
}

.button-change-login {
	background: #fff;
	box-shadow: 0px 2px 2px 2px #bbb;
	border-radius: 4px;
	opacity: 1;
	width: 100%;
	height: 40px;
	text-transform: uppercase;
	border: none;
	color: #000;
	cursor: pointer;
}

.entry-item {
	margin-top: 20px;
}

input[type=checkbox] {
	width: 18px;
	height: 18px;
}

label[for=rememberMe] {
	text-align: left;
	font: normal normal medium 16px/24px Intelo;
	letter-spacing: 0.15px;
	color: #000000;
	opacity: 1;
	font-size: 16px/24px;
	vertical-align: central;
	display: inline-block;
	margin-left: 10px;
	height: 21px;
	padding: 3px;
	vertical-align: top;
}

.buttons {
	margin-top: 20px
}

.error {
	color: red;
}

input:focus,
textarea:focus,
select:focus {
	outline: none;
}