/* 
* Icones de Google Materials
* https://material.io/resources/icons/?style=baseline
* CSS criado por Malki-çedheq Benjamim
* Data: 07/08/2020
* Atualizado: 26/12/2020
*/

.icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: cover;
  cursor: pointer;
}
/* boy */
	.boy-icon {
		background-image: url(boy_black_24dp.svg);
	}
	.boy-icon:hover,
	.boy-icon:focus {
		background-image: url(boy_black_24dp.svg);
	}

	
/* girl */
	.girl-icon {
		background-image: url(girl_black_24dp.svg);
	}
	.girl-icon:hover,
	.girl-icon:focus {
		background-image: url(girl_black_24dp.svg);
	}
/* address-card */
	.address-card {
	  background-image: url(address-card.svg);
	}
	.address-card:hover,
	.address-card:focus {
	  background-image: url(address-card.svg);
	}
	
/* calendar-16 */
	.calendar-16 {
	  background-image: url(address-card.svg);
	}
	.calendar-16:hover,
	.calendar-16:focus {
	  background-image: url(address-card.svg);
	}
	
/* comment-discussion-24 */
	.comment-discussion-24 {
	  background-image: url(comment-discussion-24.svg);
	}
	.comment-discussion-24:hover,
	.comment-discussion-24:focus {
	  background-image: url(comment-discussion-24.svg);
	}
	
/* list-unordered-24 */
	.list-unordered-24 {
	  background-image: url(list-unordered-24.svg);
	}
	.list-unordered-24:hover,
	.list-unordered-24:focus {
	  background-image: url(list-unordered-24.svg);
	}
	
/* pencil-24 */
	.pencil-24 {
	  background-image: url(pencil-24.svg);
	}
	.pencil-24:hover,
	.pencil-24:focus {
	  background-image: url(pencil-24.svg);
	}
	
/* key-24 */
	.key-24 {
	  background-image: url(vpn_key_black_24dp.svg);
	}
	.key-24:hover,
	.key-24:focus {
	  background-image: url(vpn_key_black_24dp.svg);
	}

/* lock-24 */
	.lock-24 {
	  background-image: url(lock_black_24dp.svg);
	}
	.lock-24:hover,
	.lock-24:focus {
	  background-image: url(lock_black_24dp.svg);
	}	
	
/* person-16 */
	.person-16 {
	  background-image: url(person-16.svg);
	}
	.person-16:hover,
	.person-16:focus {
	  background-image: url(person-16.svg);
	}
	
/* search-24 */
	.search-24 {
	  background-image: url(search-24.svg);
	}
	.search-24:hover,
	.search-24:focus {
	  background-image: url(search-24.svg);
	}

/* trash-24 */
	.trash-24 {
	  background-image: url(trash-24.svg);
	}
	.trash-24:hover,
	.trash-24:focus {
	  background-image: url(trash-24.svg);
	}

/* x-24 */
	.x-24 {
		background-image: url(x-24.svg);
	}
	.x-24:hover,
	.x-24:focus {
		background-image: url(x-24.svg);
	}

/* check-24 */
	.check-24 {
		background-image: url(check-24.svg);
	}
	.check-24:hover,
	.check-24:focus {
		background-image: url(check-24.svg);
	}	
  
/* expand-more */ /* FALHA */ 
	.expand-more-24 {
	  background-image: url(expand_more-24px.svg);
	}
	.expand-more-24:hover,
	.expand-more-24:focus {
	  background-image: url(expand_more-24px.svg);
	}

/* expand-less */
	.expand-less-icon {
	  background-image: url(expand_less-24px.svg);
	}
	.expand-less-icon:hover,
	.expand-less-icon:focus {
	  background-image: url(expand_less-24px.svg);
	}

/* expand-less-w */
	.expand-less-w-icon {
		background-color: white;
		-webkit-mask-image: url(expand_less-24px.svg);
		mask-image: url(expand_less-24px.svg);
	}
	.expand-less-w-icon:hover,
	.expand-less-w-icon:focus {
	  background-image: url(expand_less-24px.svg);
	}
	
/* menu */
	.menu-icon {
	  background-image: url(menu-24px.svg);
	}
	.menu-icon:hover,
	.menu-icon:focus {
	  background-image: url(menu-24px.svg);
	}

/* menu-w */
	.menu-w-icon {
		background-color: white;
		-webkit-mask-image: url(menu-24px.svg);
		mask-image: url(menu-24px.svg);
	}
	.menu-w-icon:hover,
	.menu-w-icon:focus {
	  background-image: url(menu-24px.svg);
	}

/* add */
	.add-person-icon {
	  background-image: url(person_add-24px.svg);
	}
	.add-person-icon:hover,
	.add-person-icon:focus {
	  background-image: url(person_add-24px.svg);
	}

/* add-w */
	.add-person-w-icon {
		background-color: white;
		-webkit-mask-image: url(person_add-24px.svg);
		mask-image: url(person_add-24px.svg);
	}
	.add-person-w-icon:hover,
	.add-person-w-icon:focus {
	  background-image: url(person_add-24px.svg);
	}
	
/* calendar */
	.calendar-icon {
	  background-image: url(date_range-24px.svg);
	}
	.calendar-icon:hover,
	.calendar-icon:focus {
	  background-image: url(date_range-24px.svg);
	}
	
/* calendar-w */
	.calendar-icon {
		background-color: white;
		-webkit-mask-image: url(date_range-24px.svg);
		mask-image: url(date_range-24px.svg);
	}
	.calendar-w-icon:hover,
	.calendar-w-icon:focus {
	  background-image: url(date_range-24px.svg);
	}
	
/* edit */
	.edit-icon {
	  background-image: url(edit-24px.svg);
	}
	.edit-icon:hover,
	.edit-icon:focus {
	  background-image: url(edit-24px.svg);
	}
	
/* edit-w */
	.edit-w-icon {
		background-color: white;
		-webkit-mask-image: url(edit-24px.svg);
		mask-image: url(edit-24px.svg);
	}
	.edit-w-icon:hover,
	.edit-w-icon:focus {
	  background-image: url(edit-24px.svg);
	}	

/* delete */
	.delete-icon {
		background-image: url(delete_forever-24px.svg);
	}
	.delete-icon:hover,
	.delete-icon:focus {
		background-image: url(delete_forever-24px.svg);
	}

/* delete-w */
	.delete-w-icon {
		background-color: white;
		-webkit-mask-image: url(delete_forever-24px.svg);
		mask-image: url(delete_forever-24px.svg);
	}
	.delete-w-icon:hover,
	.delete-w-icon:focus {
		background-image: url(delete_forever-24px.svg);
	}
	
/* save */
	.save-icon {
		background-image: url(save-24px.svg);
	}
	.save-icon:hover,
	.save-icon:focus {
		background-image: url(save-24px.svg);
	}
	
/* save-w */
	.save-w-icon {
		background-color: white;
		-webkit-mask-image: url(save-24px.svg);
		mask-image: url(save-24px.svg);
	}
	.save-w-icon:hover,
	.save-w-icon:focus {
		background-image: url(save-24px.svg);
	}	

/* cancel */
	.cancel-icon {
		background-image: url(highlight_off-24px.svg);
	}
	.cancel-icon:hover,
	.cancel-icon:focus {
		background-image: url(highlight_off-24px.svg);
	}		

/* cancel-w */
	.cancel-w-icon {
		background-color: white;
		-webkit-mask-image: url(highlight_off-24px.svg);
		mask-image: url(highlight_off-24px.svg);
	}
	.cancel-w-icon:hover,
	.cancel-w-icon:focus {
		background-image: url(highlight_off-24px.svg);
	}
	

/* refresh */
	.refresh-icon {
		background-image: url(refresh-24px.svg);
	}
	.refresh-icon:hover,
	.refresh-icon:focus {
		background-image: url(refresh-24px.svg);
	}
	
/* refresh-w */
	.refresh-w-icon {
		background-color: white;
		-webkit-mask-image: url(refresh-24px.svg);
		mask-image: url(refresh-24px.svg);
	}
	.refresh-w-icon:hover,
	.refresh-w-icon:focus {
		background-image: url(refresh-24px.svg);
	}	

/* search-icon */
	.search-icon {
	  background-image: url(search-24px.svg);
	}
	.search-icon:hover,
	.search-icon:focus {
	  background-image: url(search-24px.svg);
	}

/* search-icon-w */
	.search-w-icon {
		background-color: white;
		-webkit-mask-image: url(search-24px.svg);
		mask-image: url(search-24px.svg);
	}
	.search-w-icon:hover,
	.search-w-icon:focus {
	  background-image: url(search-24px.svg);
	}

/* uncheck */
	.uncheck-icon {
		background-image: url(clear-24px.svg);
	}
	.uncheck-icon:hover,
	.uncheck-icon:focus {
		background-image: url(clear-24px.svg);
	}

/* uncheck-w */
	.uncheck-w-icon {
			background-color: white;
			-webkit-mask-image: url(clear-24px.svg);
			mask-image: url(clear-24px.svg);
	}
	.uncheck-w-icon:hover,
	.uncheck-w-icon:focus {
		background-image: url(clear-24px.svg);
	}

/* check */
	.check-icon {
		background-image: url(check-24px.svg);
	}
	.check-icon:hover,
	.check-icon:focus {
		background-image: url(check-24px.svg);
	}

/* check-w */
	.check-w-icon {
			background-color: white;
			-webkit-mask-image: url(check-24px.svg);
			mask-image: url(check-24px.svg);
	}
	.check-w-icon:hover,
	.check-w-icon:focus {
		background-image: url(check-24px.svg);
	}

/* navigation-next */
	.navigation-next-icon {
		background-image: url(arrow_forward_ios-24px.svg);
	}
	.navigation-next-icon:hover,
	.navigation-next-icon:focus {
		background-image: url(arrow_forward_ios-24px.svg);
	}	

/* navigation-next-w */
	.navigation-next-w-icon {
			background-color: white;
			-webkit-mask-image: url(arrow_forward_ios-24px.svg);
			mask-image: url(arrow_forward_ios-24px.svg);
	}
	.navigation-next-w-icon:hover,
	.navigation-next-w-icon:focus {
		background-image: url(arrow_forward_ios-24px.svg);
	}	

/* navigation-previous */
	.navigation-previous-icon {
		background-image: url(arrow_back_ios-24px.svg);
	}
	.navigation-previous-icon:hover,
	.navigation-previous-icon:focus {
		background-image: url(arrow_back_ios-24px.svg);
	}
	
/* navigation-previous-w */
	.navigation-previous-w-icon {
			background-color: white;
			-webkit-mask-image: url(arrow_back_ios-24px.svg);
			mask-image: url(arrow_back_ios-24px.svg);
	}
	.navigation-previous-w-icon:hover,
	.navigation-previous-w-icon:focus {
		background-image: url(arrow_back_ios-24px.svg);
	}	

/* miscellaneous ENGRENAGEM */
	.miscellaneous-icon {
		background-image: url(miscellaneous.svg);
	}
	.miscellaneous-icon:hover,
	.miscellaneous-icon:focus {
		background-image: url(miscellaneous.svg);
	}
	
/* miscellaneous-w ENGRENAGEM-W */
	.miscellaneous-w-icon {
		background-image: url(miscellaneous-w.svg);
	}
	.miscellaneous-w-icon:hover,
	.miscellaneous-w-icon:focus {
		background-image: url(miscellaneous-w.svg);
	}

/* arrow_downward-24px */
	.arrow_downward-icon {
		background-image: url(arrow_downward-24px.svg);
	}
	.arrow_downward-icon:hover,
	.arrow_downward-icon:focus {
		background-image: url(arrow_downward-24px.svg);
	}
	
/* arrow_upward-24px */
	.arrow_upward-icon {
		background-image: url(arrow_upward-24px.svg);
	}
	.arrow_upward-icon:hover,
	.arrow_upward-icon:focus {
		background-image: url(arrow_upward-24px.svg);
	}

/* duas setas para cima */
	.two_arrow_up-icon {
		background-image: url(seta_4.svg);
	}
	.two_arrow_up-icon:hover,
	.two_arrow_up-icon:focus {
		background-image: url(seta_4.svg);
	}	

/* uma seta para cima */
	.one_arrow_up-icon {
		background-image: url(seta_3.svg);
	}
	.one_arrow_up-icon:hover,
	.one_arrow_up-icon:focus {
		background-image: url(seta_3.svg);
	}

/* seta para esquerda direita */
	.arrows_left_right-icon {
		background-image: url(seta_2.svg);
	}
	.arrows_left_right-icon:hover,
	.arrows_left_right-icon:focus {
		background-image: url(seta_2.svg);
	}	


/* uma seta para baixo */
	.one_arrow_down-icon {
		background-image: url(seta_1.svg);
	}
	.one_arrow_down-icon:hover,
	.one_arrow_down-icon:focus {
		background-image: url(seta_1.svg);
	}	

/* duas setas para baixo */
	.two_arrow_down-icon {
		background-image: url(seta_0.svg);
	}
	.two_arrow_down-icon:hover,
	.two_arrow_down-icon:focus {
		background-image: url(seta_0.svg);
	}