.row{ margin-left: 0px; margin-right: 0px }
.col-10{padding-right: 0px; padding-left: 0px}
.col-2{padding-right: 0px; padding-left: 0px}
.direita{margin-right: 1%;}
.logo{float: right; width: 30%; padding: 3%;}
.vigui{float: left; width: 35%; padding: 3%}

/* buttons */
.fa-edit{color: #2babed; cursor: pointer;}
.fa-edit:hover{color: #f58070;}
.fa-trash{color: #2babed; cursor: pointer;}
.fa-trash:hover{color: #f58070;}
.fa-portrait{color: #2babed; cursor: pointer;}
.fa-portrait:hover{color: #f58070;}
.fa-list-alt{color: #2babed; cursor: pointer;}
.fa-list-alt:hover{color: #f58070;}
.fa-check-circle{color: #2babed;}
.fa-check-double{color: #2babed;}

.col-sm-1, .col-sm-2{text-align: center;}
.btn-info{background-color: #3CB371}
.btn{float: right;}
.titulo{padding: 3%; text-align: center;}
.colunaGrid{text-align: center;}
.tituloColuna{font-weight: bold; margin-top: 1%; height: 35px}
/*.borda{border: 1px solid #dee2e6;}*/
.editar{float: left; width: 35%; margin-top: 10%; margin-bottom: 10%;}

label{font-weight: bold; color: #b6730a;} 

fieldset{background-color:#fdfd96; border-radius: 0.25rem; margin-top: 2%}

div.col-12 {padding: 0}

@media screen and (max-width: 420px){
	label{font-weight: bold; width: 30% !important} 
	.professor{width: 53% !important;}
	.turma{width: 53% !important;}
	.data{width: 53% !important;}
	.nomeAluno{text-align: center;}
	.colunaCelular{margin-left: 10%; width: 80%;}
	.editar{float: left; width: 20%; padding: 3%;}
	.logo{float: right; width: 50%; padding: 3%;}
	.vigui{float: left; width: 50%; padding: 3%}
	.btn-info{margin-right: 5%}
	fieldset{background-color:#f5f5f5;}
	div.col-12 {padding: 1%}
}

@media screen and (min-width: 430px, max-width: 568px){
	label{font-weight: bold; width: 20% !important;} 
	.professor{width: 34% !important;}
	.turma{width: 34% !important;}
	.data{width: 34% !important;}
	.nomeAluno{text-align: center;}
	.colunaCelular{margin-left: 10%; width: 80%;}
	.editar{float: left; width: 10%; margin-top: 5%; margin-bottom: 5%;}
	.logo{float: right; width: 50%; padding: 3%;}
	.vigui{float: left; width: 50%; padding: 3%}
}

@media screen and (min-width: 569px, max-width: 1200px){
	label{font-weight: bold; width: 20% !important} 
	.professor{width: 30% !important;}
	.turma{width: 30% !important;}
	.data{width: 30% !important;}
}