.bordaRedonda {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bordaRedondaSup {
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

.sombraPreta {
    -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.77);
    -moz-box-shadow:    0px 0px 7px rgba(0, 0, 0, 0.77);
    box-shadow:         0px 0px 7px rgba(0, 0, 0, 0.77);
}

.sombraBranca {
    -webkit-box-shadow: 0px 0px 7px rgba(255, 255, 255, 0.77);
    -moz-box-shadow:    0px 0px 7px rgba(255, 255, 255, 0.77);
    box-shadow:         0px 0px 7px rgba(255, 255, 255, 0.77);
}


.ladoALado {display: inline-table; vertical-align: top;}
.margem {margin: 3px;}

.bordaCinza {border: 1px solid lightgray;}
.bordaLateralVerde {border-left: 5px solid green}
.bordaLateralAzul {border-left: 5px solid blue}
.bordaLateralVermelho {border-left: 5px solid red}

.linhaCinza {border-top: 1px solid lightgray;}
.barraCinza {border-left: 1px solid lightgray; height: 30px;}
.padding {padding: 5px;}
.padding10 {padding: 10px;}
.padding2-5 {padding: 2px 5px;}

.fundoCinzaClaro {background-color: lightgray;}

.dpFlexSpaceEvenly {display: flex; justify-content: space-evenly;}

.centro {text-align: center;}
.esquerdo {text-align: left;}
.negrito {font-weight: bold;}

.verticalTop {vertical-align: top;}

.mascara {width: 100%; height: 100%; position: fixed; top: 0px; background-color: black; opacity: 0.6; z-index: 9999999; }

.sucesso {background-color: green; color: white; padding: 10px 15px;}
.erro {background-color: red; color: white; padding: 10px 15px;}


/*SVG*/
.svg15 { margin-right: 3px; height: 15px; width: 15px; text-align: center; vertical-align: top; }
.svg20 { margin-right: 3px; height: 20px; width: 20px; text-align: center; vertical-align: top; }
.svg25 { margin-right: 3px; height: 25px; width: 25px; text-align: center; vertical-align: top; }
.svg30 { margin-right: 3px; height: 30px; width: 30px; text-align: center; vertical-align: top; }
.svg50 { margin-right: 3px; height: 50px; width: 50px; text-align: center; vertical-align: top; }
.svg100 { margin-right: 3px; height: 100px; width: 100px; text-align: center; vertical-align: top; }
.svgBranco { filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); }
.svgPreto { filter: invert(0%) sepia(4%) saturate(20%) hue-rotate(334deg) brightness(104%) contrast(100%); }
.svgVerde { filter: invert(64%) sepia(36%) saturate(6501%) hue-rotate(68deg) brightness(93%) contrast(98%); }
.svgVermelho { filter: invert(24%) sepia(95%) saturate(6805%) hue-rotate(356deg) brightness(100%) contrast(120%); }
.svgAzul { filter: invert(9%) sepia(98%) saturate(6525%) hue-rotate(248deg) brightness(58%) contrast(115%); }
.svgAmarelo { filter: invert(71%) sepia(60%) saturate(509%) hue-rotate(3deg) brightness(102%) contrast(102%); }