body{
	margin: 0;
	padding: 0;
	background: #FFF;
}


* {
	box-sizing: border-box;
	text-decoration: none;
	padding: 0;
	margin: 0;
	font-family: 'PT Sans', sans-serif;
}

a:hover{
	text-decoration: none;
}

#bgsidebar{
	position: fixed;
	opacity: 0.3; 
	display: none;
	background: black;
	z-index: 19;
	width: 100%;
	height: 100%;
	transition: 1s;
}

.btn-primary{
	background-color: black!important;
}

.btnpgto{
	border-radius: 5px;
	border: 4px solid #AAA;
	text-align: center;
	padding: 15px;

}

.campopgto{
	position: fixed;
	bottom: -200px;
	z-index: 50;
	left: 0;
	color: white;
	border-top: 4px solid #333;
	background: #555;
	width: 100%;
	font-weight: bolder;
	padding: 15px 15px 30px; 
	transition: 1s;

}

#loader {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.8);
	justify-content: center;
	align-items: center;
	text-align: center;
	z-index: 5000;
}

.c-loader {
	animation: is-rotating 1s infinite;
	border: 6px solid #e5e5e5;
	border-radius: 50%;
	border-top-color: #51d4db;
	height: 50px;
	width: 50px;
}

@keyframes is-rotating {
	to {
		transform: rotate(1turn);
	}
}


/*PLANO*/
.campo-plano{
	padding: 20px 15px 0px;
	border-radius: 10px;
	border: 1px solid #EEE;
	background: white; 
	border-bottom: 5px black solid;
}

.titulo-plano{
	border-radius: 20px;
	padding: 10px;
	background: black;
	color: white;
}

.botao-plano{
	background: black;
	margin-bottom: 20px;
	border-radius: 5px;
	padding: 10px 0;
	color: white;
	text-align: center;
}

/*PARCELA*/
.campo-parcela-d{
	padding: 20px 15px 0px;
	border-radius: 10px;
	border: 1px solid #EEE;
	background: white; 
	border-bottom: 5px green solid;
}


.campo-parcela-i{
	padding: 20px 15px 0px;
	border-radius: 10px;
	border: 1px solid #EEE;
	background: white; 
	border-bottom: 5px red solid;
}

.campo-parcela-a{
	padding: 20px 15px 0px;
	border-radius: 10px;
	border: 1px solid #EEE;
	background: white; 
	border-bottom: 5px orange solid;
}

.status-parcela-d{
	border-radius: 20px;
	padding: 10px;
	background: green;
	color: white;
}

.status-parcela-i{
	border-radius: 20px;
	padding: 10px;
	background: red;
	color: white;
}

.status-parcela-a{
	border-radius: 20px;
	padding: 10px;
	background: orange;
	color: white;
}

.botao-parcela{
	background: black;
	border: 5px black solid;
	margin: 20px;
	border-radius: 5px;
	padding: 5px 0;
	color: white;
	text-align: center;
}

.botao-parcela:hover{
	cursor: pointer;
}

/*PARCELA*/
.contato input,.contato textarea, .contato select, .contato option{
	margin: 10px 0;
	border: 2px solid #CCC;
}

.contato label{
	margin-top: 15px;
	margin-bottom: 0;
	padding-bottom: 0
}

.iedit{
	font-size: 22px;
	margin: 0 15px;
}

.btnsidebarcss{
	margin: 20px 0 0 0;
	padding: 0;
	position: fixed;
	top: 5px;
	left: 15px;
	border: 1px solid #aaa;
	border-radius: 5px;
	padding: 0 10px 4px;
	background: white;
	opacity: 0.5;
}

.mysidebar{
	font-size: 16px;
	background-color: #40a25f!important;
	text-align: center!important;
	z-index:5;
	left: 0;
	top:0;
	color: white;
}

.mysidebar a, .mysidebar button{
	background: #40a25f;
	text-align: center;
	text-decoration: none;
	color: white!important;
	border: 0px;
	padding: 12px 16px!important;
}

.mysidebar a:hover{
	background: #27693c;
	text-decoration: none;
	color: white!important;
}

.mysidebar button:hover, .mysidebar button:active{
	background: #27693c;
	text-decoration: none;
	color: white!important;

}

#demoAcc a, #demoAcc2 a, #demoAcc3 a{
	background: #EEE;
	font-size: 16px;
	font-weight: normal;
}

#demoAcc a:focus, #demoAcc2 a:focus, #demoAcc3 a:focus{
	color: #27693c!important;
}

/*MENU SIDEBAR FIM*/

.principal{
	padding: 90px 20px 200px;
}


/*MENU MOBILE INICIO*/
.menuresponsivo{
	padding: 15px 20px;
	position: fixed;
	background: #40a25f;
	z-index: 10;
	width: 100%;
	float: left;
	top: 0;
}

.botaoadm{
	border: 3px solid #333;
	margin: 10px;
	padding: 10px 0;
	border-radius: 10px;
	font-size: 70px;
	text-align: center;
}
.botaoadm i{
	width: 100%;
}

.botaoadm:hover{
	border: 3px solid #555;
	color: #555;
}

th, td{
	padding: 10px;
	border: 1px solid #333;
}


/*MENU MOBILE FIM*/

/*FOOTER INI*/


@media (min-width: 769px) {
	#mySidebar{
		width: 20%;
	}
	.imgmenu{
		float: left;
		margin-left: 20%;
		padding:0
	}
	.w3-large{
		display: none!important;
	}
	.principal{
		margin-left: 22%;
	}

}

@media (max-width: 768px) {
	.mysidebar{
		display: none;
	}
	#mySidebar{
		width: 70%;
	}
	.imgmenu{
		float: left;
		margin-left: 13%;
		padding:0
	}


}