body{
	background-color: #ddd;
}
/*   HEADER   */
.nav-color{
	background-color: #7bf;
}

.logo{
	max-width: 7vw;
	margin-left: 10px;
}

nav a{
	color: #000;
	text-decoration: none;
	font-size: 20px;
	margin-left: 15px;
}

nav a:hover{
	text-shadow: 1px 1px 5px #000;
	color: #fff;
}

.nav-p{
	color: #000;
	font-size: 22px;
	font-weight: 600;
}

.nav-text{
	color: #000;
	font-size: 20px;
}

.nav-text2{
	color: #000;
	font-size: 20px;
	font-weight: 600;
}

.itens-menu-superior{
	display: flexbox;
	justify-items: end;
}

/* SIDE NAV */
.side-nav{
	background-color: #ddd;
}
.side-nav-drop{
	background-color: #7bf;
}

/*  FORM  */
.form-cadastro{
    max-width: 600px;
    margin: 0 auto;
}

.form-title{
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
}

.form-cadastro input{
    font-size: 20px;
    font-weight: 500;
}
.form-cadastro label{
	font-size: 20px;
    margin-top: 8px;
}

.form-cadastro button:hover{
    color: #7bf;
    color: rgb(119, 187, 255);
}

.esqueci-senha{
	text-decoration: none;
	text-align: right;
}

#total{
    max-width: 800px;
    text-align: right;
    margin: 0 auto;
}

.qrcode-mensalidade{
	max-width: 20vw;
}


/*  DIALOG  */
dialog::backdrop{
	background-color:  rgb(153, 198, 244);
}

dialog{
	background-color: #ddd;
	border: none;
	border-radius: .5rem;
	box-shadow: 0 0 1em rgb(0 0 0/.5);
}

/*  ICONS  */
.icon-check{
	color: #0D0;
	font-size: 20px;

}

.icon-uncheck{
	color: #D00;
	font-size: 20px;

}
.view-icon{
    color: green;
}
.edit-icon{
    color: blue;
}
.delete-icon{
    color: red;
}


/*  FOOTER   */

.cor-footer{
	background-color: #7bf;
	width: 100%;	
	height: 23px;
	margin: 0;
	padding-top: 3px;
	font-family: Helvetica;
	font-size: 12px;
	color: #000;
	letter-spacing: 3px;
}

.link_footer{
	text-shadow: 1px 1px 5px #bbb;
	color: #000;
	text-decoration: none;
	letter-spacing: 1px;
}
.link_footer:hover{
	color: #444;
}