/* reset */
html, button, input, textarea, select, figure, article, section, aside, header, footer, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}select {background:url(../img/select-icon.png) no-repeat right center; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0;}a {color:inherit; text-decoration:none;}img {border:0;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}:focus {outline: 0;}ins {text-decoration: none;}del {text-decoration: line-through;}table {border-collapse: collapse; border-spacing: 0;}html, body {height:100%;}

@media screen and (max-width: 667px) {}
@media screen and (min-width: 668px) and (max-width: 768px) {}
@media screen and (min-width: 769px) and (max-width: 1024px) {}
@media screen and (min-width: 1025px) and (max-width: 1366px) {}

:root {
	--cinza1:#ebebeb;
	--cinza2:#ddd;
	--cinza3:silver;
	--cinza4:gray;
	--cinza5:#424242;
	--cor1:#670803;
	--cor2:#670803;
	--cor3:green;
	--cor4:navy;
}

/*clearfix*/
.clearfix:after {content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; margin-bottom: 0;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

html {scroll-behavior: smooth;}
body {height:100vh; text-rendering: optimizeSpeed; -webkit-font-smoothing:antialiased; font-family:"Lora",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; font-size:16px; color:var(--cinza5);}

.content {display:block; margin:0 auto; width:92%; max-width:1080px;}
.container {float:left; width:100%;}

.fck > *:first-child {margin-top:0;}
.fck > *:last-child {margin-bottom:0;}
.fck p {margin:1em 0;}
.fck h1 {margin:2rem 0; line-height:1.1; font-size:2.25em; letter-spacing:-0.02em;}
.fck h2 {margin:2rem 0; line-height:1.1; font-size:1.75em; letter-spacing:-0.02em;}
.fck h3 {margin:2rem 0; line-height:1.1; font-size:1.375em;}
.fck ul {list-style:disc outside; margin:0 0 1rem 30px;}
.fck ol {list-style:decimal outside; margin:0 0 1rem 30px;}
.fck li {margin-bottom:.3rem;}
.fck table {width:100%; margin-bottom:.65em;}
.fck table p {margin:0;}
.fck a {text-decoration:underline; color:var(--cor1);}
.fck img {max-width:100%; height:auto;}
.fck iframe {max-width:100%; height:auto;}

.button {display:inline-block; background:var(--cor1); color:#fff; padding:.5em 1em; border-radius:4px; transition:all 100ms; border:1px solid transparent; text-align:center; font-family:inherit;}
.button__sec {background-color:var(--cinza3);}
.button__sm {font-size:0.875em;}
.button__lg {font-size:1.25em;}
.button__full {width:100%;}

input[type=datetime-local], input[type=text], input[type=number], input[type=tel], input[type=date], input[type=password], input[type=email], input[type=password], select, textarea {font-family:inherit; width:100%; transition:all 150ms; border:1px solid var(--cinza2); padding:.65em; background-color:#fff;}
input:focus, select:focus, textarea:focus {border-color:var(--cinza4);}
fieldset {padding:1.5rem; border:1px solid var(--cinza1); margin-bottom:1.5rem;}
legend {font-size:1.25em; padding:0.65em; color:var(--cor1); margin-left:-.375em}
form .erro {background-color:#ffffdb !important;}
@supports(-webkit-appearance: none) or (-moz-appearance: none) {
	input[type='checkbox'],	input[type='radio'] {-webkit-appearance: none;-moz-appearance: none;}
	input[type='checkbox']:not(.input-switch):focus, input[type='radio']:focus {border-color:var(--cinza4);}
	input[type='checkbox']:not(.input-switch) {border-radius:.25em; width:1.375em; height:1.375em; border:1px solid var(--cinza2); transition:all 200ms;}
	input[type='checkbox']:not(.input-switch):checked {content: url('https://api.iconify.design/bx:bx-check.svg?color=%23ffffff&height=24'); vertical-align: -0.125em; background:var(--cor1);}
	input[type='radio'] {width:1.375em; height:1.375em; border:1px solid var(--cinza2); border-radius:1rem; transition:all 200ms;}
	input[type='radio']:before {content:""; display:block; width:1em; height:1em; border-radius:2em; background:transparent; margin:.125em;}
	input[type='radio']:checked:before {content:""; display:block; width:.5em; height:.5em; border-radius:2em; background:#fff; margin:.375em;}
	input[type='radio']:checked {background:var(--cor1);}	
	.input-switch {width:2.375em; height:1.375em; border:1px solid var(--cinza2); border-radius:1rem; position:relative;}
	.input-switch:before {content:""; display:block; width:1em; height:1em; background:var(--cinza4); border-radius:2rem; position:absolute; top:.125em; left:.125em; transition:all 200ms;}
	.input-switch:checked:before {background:#fff; transform:translate(1em,0);}
	.input-switch:checked {background:var(--cor1);}
}

.form dl {display:flex; flex-direction:column; justify-content:flex-end; padding:.65rem 0;}
.form dt {margin-bottom:.375rem;}
.form dd {color:var(--cinza4);}
.form label, .form-row label {display:inline-flex; align-items:center; padding:.65em; padding-left:0;}
.form label input, .form-row label input {margin-right:5px;}
.form-row dl {display:flex; align-items: center; padding:.65rem;}
.form-row dt {min-width:170px;}
.form-row dd {width:100%;}
.form__colunas {display:grid; grid-template-columns:repeat(auto-fit,minmax(100px,1fr)); grid-gap:1rem;}

.pagination {display:inline-block; border:1px solid var(--cinza3); border-radius:4px;}
.pagination > * {display:inline-block; padding:.65em 1em; border-right:1px solid var(--cinza3); transition:all 100ms;}
.pagination > a:last-child {border:0;}
.pagination > a:hover {background-color:var(--cinza2); color:var(--cinza5);}
.pagination .active {background-color:var(--cor1); color:#fff;}
.pagination__sm {font-size:0.875em;}
.pagination__lg {font-size:1.25em;}

.table-container {max-width:100%; overflow:auto;}
.table {width:100%;}
.table th {padding:.65em; border-bottom:1px solid var(--cinza4); text-align:left; font-size:0.875em; color:var(--cor1);}
.table td {padding:.65em;}
.table tr:nth-child(even) {background-color:var(--cinza1);}

.wrapper {display:flex; flex-direction:column; height:100vh; overflow:hidden;}
.main {flex:1;}

.cert {flex:1; width:100%; min-height:210mm; display:flex; flex-direction: column; justify-content:space-between; position:relative; padding:6% 20% 6% 10%;}
.cert__bg {position:absolute; top:0; right:2%; width:auto; height:100%;}
.cert-marcas {display:flex; justify-content: space-around;}
.cert-marcas__img {width:auto; height:1.7cm;}
.cert-content {padding:4% 0;}
.cert-content__p1 {text-align:center; margin-bottom:2%;}
.cert-content__titulo1 {font-weight:bold; font-style:italic; font-size:2.25em; text-align:center; margin-bottom:2%;}
.cert-content__titulo2 {font-weight:bold; font-style:italic; font-size:1.5em; text-align:center; margin-bottom:2%;}
.cert-content__texto {font-size:0.813em; text-align:justify;}
.cert-content__data {text-align:right; margin-top:2%; font-size:0.813em;}
.cert-assina {display:flex; justify-content:space-around;}
.cert-assina__img {width:auto; height:1.5cm;}
.cert-assina__item {flex:0 1 300px; margin:0 2%; text-align:center;}
.cert-assina__nome {font-weight:bold; border-top:1px solid #000;}
.cert-botoes {position:absolute; left:2rem; top:2rem; z-index:999999;}

@media print {
	@page {margin:0mm; size:A4 landscape;}
	.cert {min-height:100vh;}
	.cert-botoes {display:none;}
}





/* SINNAPSE */

body{ height: 100vh;}
.nav{ background: #670803; padding: 20px; text-align: center; width: 100%;}
.wrapper{ padding: 10px; height: 80vh;}
.formulario-validacao{

	border:1px solid #f0f0f0;
	border-radius: 10px;
	padding: 20px;
	margin:0 auto;
	margin-top:40px;
	width: 100%;
	max-width: 400px;

}
.formulario-validacao input{

	border-radius: 10px;


}
p.back{ text-align: center; 	margin-top:40px; }
p.back a{ color: #670803; text-decoration: underline;  }

.lista{ margin-top:40px; text-align: center; height: calc(100vh - 200px); overflow: auto; }
.lista h2{ margin-bottom:40px; font-size: 1rem; color: #424242;  }
.lista a{ color: #670803; text-decoration: underline;  }
.lista a.button{ color: #fff !important; display: block; max-width: 400px;  margin: 0 auto;  margin-bottom: 10px; }