a {
    outline: none !important;
}
/* Tags HTML */
body {
	display: block;
    margin: 0;
    padding: 0;
	font-family: 'PT Sans', sans-serif;
    font-size: 16px;
	background: transparent url(/static/image/bkg-santaefigenia.jpg) top left no-repeat;
	background-size: cover;
    background-attachment: fixed;
    height: 100%;
    /*overflow: hidden;*/
}

a {
	color: #A00;
	text-decoration: none;
	transition: color .5s;
}

a:hover {
	color: #700;
	text-decoration: underline;
}

h1 {
    font-size: 32px;
    margin: .2em 0;
    padding: .1em 0 .6em 0;
}

h2 {
    font-size: 26px;
    margin: .2em 0;
    padding: .2em 0 .6em 0;
}

h3 {
    font-size: 22px;
    margin: .2em 0;
    padding: .2em 0 .6em 0;
}

h4 {
    font-size: 20px;
    margin: .2em 0;
    padding: .2em 0 .6em 0;
}

h5 {
    font-size: 16px;
    margin: .2em 0;
    padding: .2em 0 .6em 0;
}

p {
    margin: .2em 0;
    padding: .2em 0 .6em 0;
}

hr {
	border: none;
	border-bottom: 1px solid gray;
	margin: 10px 0;
	padding: 5px 0;
}

table {
	margin: 10px auto;
	max-width: 95%;
}

.fontArial {
	font-family: Arial, Helvetica, sans-serif;
}

.fontSize10 {
	font-size: 10pt;
}

.fontSize11 {
	font-size: 11pt;
}

.fontSize12 {
	font-size: 12pt;
}

.fontSize13 {
	font-size: 13pt;
}

.fontSize20px {
	font-size: 20px;
}

.colorRed {
	color: red;
}

.colorDarkRed {
	color: #AA3300;
}

.noshow {
    display: none;
}

table.tbl-lista {
	width: 95%;
	border-collapse: collapse;
}

table.tbl-lista-borda, table.tbl-lista-borda th, table.tbl-lista-borda td {
	border: 1px solid gray;
}

table.tbl-lista td, table.tbl-lista th {
	padding: 7px 5px;
}

table.tbl-lista tbody tr:hover {
	background: #FEE;
}

table.tbl-lista tbody tr td:nth-last-child(1) a:hover {
	text-decoration: none;
}

/*  Seleção de perfil */
ul.lista-perfil {
	display: block;
	margin: 0 0 20px 0;
	padding: 0;
}

ul.lista-perfil li {
	list-style-type: none;
	display: block;
	width: 95%;
	margin: 15px auto;
	background: white;
	border: 1px solid #AAC;
	border-radius: 10px;
}

ul.lista-perfil li h3 {
	margin: 0;
	padding: 0;
}

ul.lista-perfil li h3 a {
	display: block;
	padding: 15px;
	border-radius: 10px;
}

ul.lista-perfil li h3 a:hover {
	text-decoration: none;
	background: #FFFAEF;
}
/* Tabela arquivos */
table.tbl-pasta {
	width: 95%;
	border-collapse: collapse;
	border-radius: 5px;
	border: 1px solid #ee0;
	font-size: .95em;
}

table.tbl-pasta td, table.tbl-pasta th {
	padding: 5px 3px;
	text-align: left;
}

table.tbl-pasta tr {
	background: #FFE;
	border-bottom: 1px solid #ee0;
}

table.tbl-lista tbody tr:nth-last-child(1) {
	border: none;
}

table.tbl-pasta tbody tr:hover {
	background: #EFE;
}

table.tbl-pasta tbody tr td {
	padding: 5px 3px 5px 10px;
}

table.tbl-pasta tbody tr td a {
	display: block;
}

table.tbl-pasta tbody tr td a:hover {
	text-decoration: none;
}

div#pasta-descricao {
	border-bottom: 1px solid gray;
	margin: 0 0 15px 0;
	padding: 15px 10px 10px 10px;
	background: white;
	color: #3F3F3F;
	font-size: .95em;
}

div#pasta-descricao::before {
	content: '📋 ';
}

/* Lista de tramitação de documento */
ul.lista-tramitacao {
	display: block;
	margin: 0 0 20px 0;
	padding: 0;
}

ul.lista-tramitacao li.lista-tramitacao-item {
	list-style-type: none;
	display: block;
	width: 95%;
	margin: 10px auto;
	padding: 10px;
	background: white;
	border: 1px solid #AAC;
	border-radius: 10px;
}

ul.tramitacao-linha-tempo {
	display: block;
	margin: 15px 0;
	padding: 0;
}

.table {
	display: table;
	margin: 0 auto;
}

ul.tramitacao-linha-tempo li {
	list-style-type: none;
	position: relative;
	z-index: 2;
	display: block;
	float: left;
	width: 100px;
	height: 120px;
	vertical-align: text-top;
	margin: 0;
	padding: 0 5px;
	overflow: hidden;
	font-size: .85em;
	text-align: center;
}

ul.tramitacao-linha-tempo li::before {
  content: '';
  position: absolute;
  z-index: 1;
  top: 80%;
  left: 0;
  border-top: 3px solid #AA3300;
  background: #AA3300;
  width: 100%;
  transform: translateY(-80%);
}

ul.tramitacao-linha-tempo li:first-child::before {
	left: 50%;
}

ul.tramitacao-linha-tempo li:last-child::before {
	left: -50%;
}

ul.tramitacao-linha-tempo li:only-child::before {
	border-top: none;
    background: transparent;
}

ul.tramitacao-linha-tempo li::after {
	content: '';
    position: absolute;
    z-index: 1;
	top: 0;
    left: 0;
	width: 100%;
	height: 100%;
}

ul.tramitacao-linha-tempo li.status-aguardando::after {
	background: transparent url(/static/image/icon-aguardando24.png) center 83px no-repeat;
}

ul.tramitacao-linha-tempo li.status-entregue::after {
	background: transparent url(/static/image/icon-ok24.png) center 83px no-repeat;
}

ul.tramitacao-linha-tempo::after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

/* FINAL Tags HTML */

/* INICIO Miscelânias */
.tc {
    text-align: center;
}

.tr {
    text-align: right;
}

.tl {
    text-align: left;
}

.tj {
    text-align: justify;
}

.vat {
	vertical-align: text-top;
}

div#container h1:first-child::before {
	content: '📍 ';
}

div.arquivo-upload, div.ajax-file-upload-container {
	display: block;
	width: 600px;
	margin: 20px auto;
}
/* FIM Miscelânias */

/* Formulário principal */
form#form-main h1 {
	font-size: 1.5em;
	margin: 0;
	padding: 3px 0;
}

form#form-main h4 {
	font-size: 1.15em;
	margin: 0;
	padding: 3px 0;
}

form#form-main h1::before {
	content: '🏫 ';
}

/* INICIO Menu */
#main-nav {
  z-index: 1;
  margin-top: -35px;
  width: 300px;
  height: 5em;
  position: fixed;
  overflow: hidden;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out, height .3s ease-in-out;
  z-index: 10000;
}

#main-nav.show { background: #B20000; height: 100%; overflow-y: auto;}

#nav-button {
  background: #B20000;
  height: 3em;
  width: 3em;
  border-radius: 50%;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
  top: 1em;
  left: 1em;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}

#nav-button .fa {
  position: absolute;
  top: 0;
  left: 0.2em;
  right: 0;
  bottom: 0;
  margin: auto;
  display: block;
  width: 1em;
  height: 1em;
  font-size: 1em;
  opacity: 1;
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}

#nav-button:hover {
  cursor: pointer;
  box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.3);
  color: #f1f1f1;
}

#nav-button.width {
  width: 5em;
  height: 5em;
  top: 0em;
  left: 0em;
  box-shadow: none;
}

#nav-button.width:before {
  content: '';
  display: block;
  width: 0.4em;
  height: 0.4em;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-animation: color 0.3s linear;
  animation: color 0.3s linear;
}
 @-webkit-keyframes
color {  0% {
 box-shadow: 0;
}
 30% {
 box-shadow: 0 0 10px 25px rgba(190, 190, 190, 0.5);
/* feather / spread */
}
}
 @keyframes
color {  0% {
 box-shadow: 0;
}
 30% {
 box-shadow: 0 0 10px 25px rgba(190, 190, 190, 0.5);
/* feather / spread */
}
}

/*@keyframes curve {
  0% {
		transform: rotate(0deg)
		           translate(0px)
		           rotate(0deg);
	}
	100% {
		transform: rotate(60deg)
		           translate(200px)
		           rotate(-60deg);
	}
}*/

#nav-list {
  position: absolute;
  top: 3em;
  padding: 0 0 0 2em;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  width: 100%;
  visibility: hidden;
  z-index: 10000;
}

#nav-list li {
    list-style-type: none;
}

#nav-list a {
  color: #eee;
  text-decoration: none;
  font-size: 0.9em;
  display: block;
  width: 100%;
  padding: 0.4em 0;
  -webkit-transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
}

#nav-list a:hover { color: #fff; background: #c20000;}

#nav-list.nav-show { opacity: 1; visibility: visible; }

#cover {
  opacity: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 9999;
  top: 0px;
  left: 0px;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

#cover.display {
  background: rgba(0, 0, 0, 0.5);
  opacity: 1;
  visibility: visible;
}
/* FIM Menu */

div.chk-block {
	display: inline-block;
	margin: 2px;
	padding: 8px 5px;
}

input {
	font-family: 'Telex', sans-serif;
}

input:disabled {
	background: #FAFAFA;
	border: 1px solid gray;
}

form.f-normal {
	margin: 0;
}

form.f-busca {
	display: block;
	background: #FFFAFA;
	border-top: 1px solid #CCBBBB;
	border-bottom: 1px solid #CCBBBB;
	padding: 0;
	transition: .4s all;
}

form.f-busca:hover {
	border-color: red;
	transition: .4s all;
	background: #FFEEEE;
}

form.f-busca section {
	max-width: 600px;
	margin: 0 auto;
	padding: 0 0 10px 0;
}

form.f-busca section div {
	padding: 5px;
}

form.f-busca section div:first-child {
	padding-top: 0;
	margin: 0;
}

form.f-busca section button[type=submit] {
	display: inline-block;
}

form.f-busca section button[type=submit]::before {
	content: '';
}

form.f-busca section input[type=search] {
	display: inline-block;
	max-width: 80%;
}

form.f-normal label {
	display: block;
	font-size: .85em;
}

form.f-normal input[type=text], form.f-normal input[type=number], form.f-normal input[type=search],
form.f-normal input[type=date], form.f-normal input[type=datetime-local] {
	display: block;
	width: 95%;
	font-family: 'Telex', sans-serif;
	padding: 10px;
	margin: 10px 0;
	border: 1px solid gray;
	border-radius: 5px;
	color: #444;
	background: #fbfbfb;
	font-size: 1.1em;
	transition: border .5s, color .5s, background .5s;
}

form.f-normal input[type=text]:focus, form.f-normal input[type=number]:focus, form.f-normal input[type=search]:focus,
form.f-normal input[type=date]:focus, form.f-normal input[type=datetime-local]:focus {
	border-color: black;
	color: black;
	background: white;
}

form.f-normal input[type=text]:hover, form.f-normal input[type=number]:hover, form.f-normal input[type=search]:hover,
form.f-normal input[type=date]:hover, form.f-normal input[type=datetime-local]:hover {
	color: black;
}

form.f-normal input[type=datetime-local].i-normal {
	display: inline;
	width: auto;
}

form.f-normal select {
	font-family: 'Telex', sans-serif;
	padding: 10px 8px;
}

form.f-focus {
    position: sticky;
    width: auto;
}

form.f-login {
	position: fixed;
	width: 600px;
	max-width: 80%;
	top: 50%;
	left: 50%;
	/* bring your own prefixes */
	transform: translate(-50%, -50%);
	border: 1px solid gray;
	border-radius: 6px;
	padding: 40px 25px;
	background: white;
	box-shadow: 0px 0px 10px 1px rgba(120,120,120,.9);
}

form.f-focus input,
form.f-focus span,
form.f-focus label {
	display: block;
	margin: 15px;
	padding: 5px;
	border: none;
	font-size: 22px;
}

form.f-focus input.i-normal {
	font-family: 'Telex', sans-serif;
	display: inherit;
	border: 1px solid gray;
	border-radius: 5px;
	color: #444;
	background: #fbfbfb;
	padding: 10px 12px;
	font-size: 1em;
	transition: border .5s, color .5s, background .5s;
	width: auto;
}

form.f-focus span {
    font-family: 'PT Sans', sans-serif;
	margin-top: 20px;
}

form span.checked {
	margin: 0;
}

form div.select span {
	margin: 0;
	padding: 0;
}

form div.select {
	outline: none;
}

textarea:focus,
input:focus {
	outline: 0;
}

input.i-focus {
    font-size: 36px;
    font-weight: 300;
    border-radius: 2px;
    margin: 0;
    border: none;
    width: 80%;
    background: rgba(0, 0, 0, 0);
    transition: padding-top 0.2s ease, margin-top 0.2s ease;
    overflow-x: hidden; /* Hack to make "rows" attribute apply in Firefox. */
}
/* Underline and Placeholder */

input.i-focus + label {
    display: block;
    position: relative;
    white-space: nowrap;
    padding: 0;
    margin: 0;
    width: 10%;
    border-top: 1px solid red;
    -webkit-transition: width 0.4s ease;
    transition: width 0.4s ease;
    height: 0px;
}

input.i-focus:focus + label {
    width: 80%;
}

input.i-focus:focus,
input.i-focus:valid {
    padding-top: 35px;
	color: #444;
}

input.i-focus:focus + label > span,
input.i-focus:valid + label > span {
    top: -88px;
    font-size: 22px;
    color: #333;
	font-weight: bold;
}

input.i-focus:valid + label {
    border-color: green;
}

form.f-focus textarea:valid {
	border-color: green;
}

input.i-focus:invalid {
    box-shadow: none;
}

form.f-focus textarea:invalid {
	border-color: red;
}

input.i-focus + label > span {
    font-weight: 300;
    margin: 0;
    position: absolute;
    color: #8F8F8F;
    font-size: 36px;
    top: -54px;
    left: 0px;
    z-index: -1;
    -webkit-transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease;
    transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease;
}

input.i-focus:valid ~ button[type="submit"], form.f-focus textarea:valid ~ button[type="submit"]  {
    -webkit-animation: appear 1s forwards;
    animation: appear 1s forwards;
}

input.i-focus:invalid ~ button[type="submit"], form.f-focus textarea:invalid ~ button[type="submit"] {
    display: none;
}

form button[type="submit"]::before {
	content: '💾 ';
}

form.f-focus button[type="submit"], form button[type="submit"], form button.btn-submit  {
	-moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
	background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
	background-color:#d0451b;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #380e05;
	display:inline-block;
	margin-top: 30px;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	padding:10px 25px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
}

form.f-focus button[type="submit"]:hover, form button[type="submit"]:hover, form button.btn-submit:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));
	background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0);
	background-color:#bc3315;
}

form.f-focus button[type="submit"]:active, form.f-focus button[type="submit"]:focus,
form button[type="submit"]:focus {
	position:relative;
	top:1px;
	outline: 0;
}

.note-editor span.note-icon-caret {
    margin: 0;
    padding: 0;
    font-size: 10px;
    font-weight: normal;
    margin: 0;
    position: inherit;
    color: #8F8F8F;
    font-size: 16px;
    top: 0;
    height: auto;
}

form.f-focus label.lbl-check, form.f-normal label.lbl-check {
	display: inline-block;
	margin: auto;
	padding: auto;
	border: none;
	font-size: 1em;
}

form input[type=radio], form input[type=checkbox], form input[type=file] {
	display: inline;
}

form input[type=file] {
    display: inline;
    font-size: 16px;
    padding: 5px;
    margin: 0
}
::-webkit-datetime-edit-year-field:not([aria-valuenow]),
::-webkit-datetime-edit-month-field:not([aria-valuenow]),
::-webkit-datetime-edit-day-field:not([aria-valuenow]),
::-webkit-datetime-edit-text {
  color: transparent;
}

textarea {
	font-family: 'Telex', sans-serif;
	display: block;
	box-sizing: padding-box;
	overflow: hidden;
	resize: none;

	padding: 10px;
	width: 95%;
	font-size: 16px;
	line-height: 24px;
	margin: 10px 0;
	border-radius: 6px;
	box-shadow: 2px 2px 8px rgba(black, .3);
	border: 1px solid gray;
}

input[type=radio]:checked + label, input[type=checkbox]:checked + label {
	font-weight: bold;
}

.note-editor span.note-current-fontsize {
	margin: 0;
	font-size: 16px;
}

.note-editable {
	font-family: Arial, Helvetica, sans-serif;
}

.note-editable p {
	margin: 3px 0;
	padding: 0;
}

/* Formulário de upload de arquivos */
form div.input-container {
	display: inline-block;
	margin: 0 auto;
	min-width: 350px;
	max-width: 80%;
	background-color: #EDEDED;
	border: 1px solid #DFDFDF;
	border-radius: 5px;
	padding: 0;
	text-align: left;
}

form div.input-container input[type='file'] {
	display: none;
}

form div.input-container .file-info {
	display: inline-block;
	font-size: 0.9em;
	padding: 10px 0;
}

form div.input-container .browse-btn {
	background: #A53003;
	color: #fff;
  	min-height: 35px;
  	padding: 10px;
	margin: 0;
  	border: none;
  	border-top-left-radius: 5px;
  	border-bottom-left-radius: 5px;
	cursor: pointer;
}

form div.input-container .browse-btn:hover {
	background: #C55030;
}

@media (max-width: 300px) {
  form div.input-container button {
    width: 100%;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0;
  }

  form div.input-container .file-info {
    display: block;
    margin: 10px 5px;
  }
}

/* Formulário de recados */
form#form-recado, div.form-linha {
	display: block;
	margin: 15px 0;
	border-top: 1px solid #faa;
	border-bottom: 1px solid #faa;
	padding: 15px 0;
	text-align: center;
}

div.form-linha {
	border: none;
	margin: 0;
	padding: 0;
}

form#form-recado label, div.form-linha label {
	font-size: 1em;
	display: inline-block;
	margin: 0;
}

form#form-recado input[type=text], div.form-linha input[type=text],
	div.form-linha input[type=date] {
	font-size: .9em;
	display: inline-block;
	width: 300px;
	margin: 0;
}

div.form-linha input[type=text], div.form-linha input[type=date] {
	width: auto;
}

form#form-recado select {
	font-size: .9em;
	margin: 0;
}

form#form-recado button[type=submit], div.form-linha input[type=button] {
	display: inline-block;
	margin: 0;
	font-size: .9em;
}

/* Demandas - Dashboard */
ul.ul-demanda {
	margin: 10px 0;
	padding: 0;
}

ul.ul-demanda li {
	list-style-type: none;
	display: block;
	padding: 3px 0;
	font-size: .92em;
}

ul.ul-demanda li:hover {
	background: #FEE;
}

ul.ul-demanda li a:hover {
	text-decoration: none;
}

ul.ul-demanda li.expiracao-proxima {
	color: #FF7400;
	font-weight: bold;
}

ul.ul-demanda li.expiracao-longe {
	color: #080;
	font-weight: bold;
}

ul.ul-demanda li::before {
	content: '⭕ ';
}

ul.ul-demanda li.demanda-expirada {
	color: #B00;
	font-weight: bold;
}

ul.ul-demanda li.demanda-expirada::before {
	content: '❌ ';
}

/* Agenda */
div.agenda-local {
	display: none;
}

div.msg {
    display: block;
	margin: 15px 0;
    background: white;
    width: 95%;
    padding: 10px 10px;
    border: 1px solid #00a;
    border-radius: 6px;
}

div.erro {
    border-color: #a00;
}

div.erro::before {
	content: '⛔ ';
}

div.sucesso {
    border-color: #0a0;
}

div.sucesso::before {
	content: '✅ ';
}

div.aviso {
    border-color: #FFC;
}

div.aviso::before {
	content: '🚸 ';
}

div#container {
    display: block;
    width: 1100px;
    max-width: 90%;
    margin: 35px auto;
    padding: 40px 25px;
    background: rgba(250, 250, 250, 0.97);
    border-radius: 15px;
    box-shadow: 0px 0px 10px 1px rgba(120,120,120,.9);
}

/* Dashboard */
a.btn-ponto-entrada {
	box-shadow:inset 0px 1px 0px 0px #93b376;
	background:linear-gradient(to bottom, #5b7d05 5%, #739913 100%);
	background-color:#5b7d05;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding:10px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
}

a.btn-ponto-entrada:hover {
	background:linear-gradient(to bottom, #739913 5%, #5b7d05 100%);
	background-color:#739913;
}

a.btn-ponto-entrada:active {
	position:relative;
	top:1px;
}

a.btn-ponto-saida {
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
	background-color:#f24537;
	border-radius:6px;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding:10px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #810e05;
}

a.btn-ponto-saida:hover {
	background:linear-gradient(to bottom, #c62d1f 5%, #f24537 100%);
	background-color:#c62d1f;
}

a.btn-ponto-saida:active {
	position:relative;
	top:1px;
}

nav#dashboard-lista {
	display: block;
	width: 100%;
}

nav#dashboard-lista ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: table;
  	margin: 0 auto;
}

nav#dashboard-lista ul li {
	display: inline-block;
	padding: 0;
	margin: 10px 15px;
	text-align: center;
	font-size: .9em;
	min-width: 64px;
	vertical-align: text-top;
}

nav#dashboard-lista ul li a {
	display: block;
}

nav#dashboard-lista ul li a:hover {
	text-decoration: none;
}

nav#dashboard-recado {
	display: block;
	width: 100%;
}

nav#dashboard-recado div.ulc {

}

nav#dashboard-recado ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: table;
  	margin: 0 auto;
	text-align: center;
}

nav#dashboard-recado ul li {
	display: inline-grid;
	background: #FFE;
	padding: 10px;
	margin: 10px 15px;
	max-width: 280px;
	font-size: .9em;
	border: 1px solid gold;
	border-radius: 5px;
}

nav#dashboard-recado ul li:hover {
	border-color: red;
	background-color: #FFD;
}

nav#dashboard-recado ul li.direto {
	border-color: #00A;
	background-color: #EEF;
}

nav#dashboard-recado ul li.direto:hover {
	border-color: blue;
	background-color: #F5F5FF;
}

nav#dashboard-recado ul li.lembrete {
	border-color: #0A0;
	background-color: #DFD;
}

nav#dashboard-recado ul li.lembrete:hover {
	border-color: green;
	background-color: #D0FFD0;
}

nav#dashboard-recado ul li h4 {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	font-size: 1.1em;
	text-align: left;
}

nav#dashboard-recado ul li a {
	float: left;
}

nav#dashboard-recado ul li a:hover {
	text-decoration: none;
}

/* Planilhas de monitoramento de evasão */
section#conselho-planilha-padronizacao {
	padding-bottom: 15px;
	margin-bottom: 10px;
	border-bottom: 1px solid #CCCCCC;
	text-align: center;
}

section#conselho-planilha-padronizacao > div {
	display: inline-block;
	width: 35%;
	padding: 5px;
	margin: 5px;
	border: 1px solid #FFAAAA;
	border-radius: 5px;
}

section#conselho-planilha-padronizacao > div input[type=checkbox]:not(:checked) ~ div {
	visibility: hidden;
}

div.monitoramento-evasao-escola-conselho {
	margin-bottom: 20px;
}

div.monitoramento-evasao-escola-conselho ul {
	list-style-type: none;
	margin: 15px 0;
	padding: 0;
	text-align: center;
}

div.monitoramento-evasao-escola-conselho ul li {
	display: inline-block;
	width: 35%;
	padding: 10px;
	margin: 5px;
	border: 1px solid #FFAAAA;
	border-radius: 5px;
}

div.monitoramento-evasao-escola-conselho ul li input[type=checkbox]:not(:checked) ~ div {
	visibility: hidden;
}

table.tbl-referencia thead {
	background: #FFFFEE;
}

table.tbl-dados thead {
	background: #DDEEFF;
}

form#form-monitoramento-preenchimento table tbody input[type=number] {
	width: 50px;
	text-align: center;
}

form#form-monitoramento-preenchimento table tbody input[type=number]:invalid {
	color: red;
}

section.evasao-grafico {
	display: none;
}

/* Atividade */
table.tbl-atividade tbody tr {
	border-bottom: 1px solid #CCAAAA;
}

table.tbl-atividade tbody tr td nav {
	font-size: .95em;
}

table.tbl-atividade tbody tr td nav ul {
	list-style: none;
	margin-left: 0;
}

/* Blog */
section#blog-postagem {

}

section#blog-postagem article {

}

section#blog-postagem div.blog-postagem-item {
	display: block;
	margin: 15px auto;
	padding: 10px 15px;
	max-width: 95%;
	border-bottom: 1px solid gray;
}

section#blog-postagem section.comentario-lista div.postagem-comentario {
	clear: both;
	display: block;
	float: left;
	max-width: 60%;
	margin: 5px 0;
	border: 1px solid #BBCCEE;
	padding: 8px 8px 8px 10px;
	transition: .5s background, .5s border, .5s color;
	border-radius: 5px;
	background: rgba(245, 250, 255, .5);
	color: #444444;
}

section#blog-postagem section.comentario-lista div.postagem-comentario-resposta {
	display: block;
	clear: both;
	text-align: left;
	float: right;
	margin: 5px 0;
	border: 1px solid #BBEECC;
	background: rgba(245, 255, 250, .5);
	color: #444444;
}

section#blog-postagem section.comentario-lista div.postagem-comentario-autor {
	border-width: 2px;
	border-style: outset;
}

section#blog-postagem section.comentario-lista {
	position: static;
	display: block;
}

section#blog-postagem section.comentario-lista::after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

section#blog-postagem section.comentario-lista div.postagem-comentario:hover {
	transition: .5s background, .5s border, .5s color;
	background: rgba(245, 250, 255, 1);
	border-color: #3366EE;
	color: black;
}

section#blog-postagem section.comentario-lista div.postagem-comentario-resposta:hover {
	transition: .5s background, .5s border, .5s color;
	background: rgba(245, 255, 250, 1);
	border-color: #33EE66;
	color: black;
}

section#blog-postagem section.comentario-lista div.postagem-comentario h5 {
	font-size: .85em;
}

section#blog-postagem section.comentario-lista div.postagem-comentario > div {
	padding: 5px 0 5px 20px;
	top: 0;
}

section#blog-postagem section.comentario-lista div.postagem-comentario-resposta > div {
	padding: 5px 20px 5px 0;
}

section#blog-postagem section.comentario-lista div.postagem-comentario p {
	padding: 1px 0;
	margin: 1px 0;
}

section#blog-postagem section.comentario-lista div.postagem-comentario p.comentario-datahora {
	margin-top: 10px;
	font-size: .7em;
}

section#blog-postagem form.f-normal {
	margin-top: 15px;
	display: none;
}

section#blog-postagem form.f-normal button[type=submit] {
	margin: 5px 0;
	text-align: center;
	padding: 8px 9px;
	font-size: .85em;
}

@-webkit-keyframes appear {
    100% {
        opacity: 1;
    }
}

@keyframes appear {
    100% {
        opacity: 1;
    }
}