/* CUSTOM CSS - CONTENT */
body { background: linear-gradient(to right, #E8EDF1, #F2F7FB); }



/* TITULO */
div.header { margin: 0px; position: relative; }
div.header > img { height: 60px; vertical-align: middle; float: left; margin-right: 20px; }
div.header > span:not(.version) { display: block; width: 100%; color: rgba(0, 0, 0, 0.8); }
div.header > span:not(.version) > span { display: block; width: 100%; font-size: 20px; }
div.header > span:not(.version) > span.descript { font-size: 18px; }

div.header > span.version { position: absolute; top: 6px; right: 10px; font-size: 12px; font-weight: 500; color: rgba(0, 0, 0, 0.3); cursor: default; }



/* CSS DO HEADER - TELA MOBILE */
@media only screen and (max-width: 992px) {
	div.header { text-align: center; }
	div.header > img { float: none; margin: 0px 0px 10px 0px; }

	div.header > span:not(.version) > span { font-size: 18px; }
	div.header > span:not(.version) > span.descript { font-size: 16px; padding-top: 2px; padding-bottom: 6px; }
}



/* DIV FLUTUANTE */
div.floating { position: sticky; top: 0px; }


@media only screen and (max-width: 992px) {
	div.floating { top: initial; position: initial; }
}





/* SETORES */
div.sector { background-color: #FFF; border-radius: 2px; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15); margin: 6px 0px; }
div.sector > span.title { display: block; width: 100%; color: rgba(0, 0, 0, 0.8); font-size: 18px; padding-bottom: 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.03); }


/* LINKS */
div.sector a.socialmedia { padding: 6px 6px 3px 6px; border-radius: 2px; display: inline-block; margin: 6px 8px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08), 0 3px 10px 0 rgba(0, 0, 0, 0.08); transition: 0.2s; }
div.sector a.socialmedia:hover { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.2); transition: 0.2s; }
div.sector a.socialmedia > img { width: 20px; vertical-align: text-bottom; }


div.sector a.website { background-color: #00aff0; }
div.sector a.whatsapp { background-color: #25d366; }
div.sector a.instagram { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); }
div.sector a.facebook { background-color: #3b5998; }
div.sector a.twitter { background-color: #08a0e9; }
div.sector a.youtube { background-color: #ef1a19; }
div.sector a.skype { background-color: #00aff0; }
div.sector a.linkedin { background-color: #0e76a8; }
div.sector a.googleplus { background-color: #db4437; }



/* SETOR VAZIO */
div.sector > span.empty { display: block; width: 100%; color: rgba(0, 0, 0, 0.8); font-size: 20px; text-align: center; padding: 12px 0px; }




/* BOTÕES */
div.sector button.btn-small.edit,
div.modal > div.modal-footer a.btn-small { background-color: #1976D2; color: #fff; border: 1px solid #1976D2; font-weight: 500; }

/* REMOVE SETAS (INCREMENTO/DECREMENTO) DOS INPUTS CASO NUMEROS */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance: textfield;
}

input[type=number] {
	appearance: textfield;
}