/** GENERAL **/
img { max-width:100%; }
.drop-shadow { box-shadow:15px 0 15px rgba(0,0,0,0.4); }
.cursor-pointer { cursor:pointer; }
[v-cloak] { display:none; }
.text-center { text-align:center; }
.text-teal { color:#2cbb8e; }

.sidebar { height:100vh; background:#CCC; position:fixed; background:url('../images/bg-plant.jpg') no-repeat center center; background-size:cover; }
.sidebar:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.7; background:#020024; background:linear-gradient(140deg, rgb(37 95 51) 0%, rgb(7 27 41) 100%); }
.sidebar .content { width:100%; position:absolute; top:50%; transform:translateY(-50%); z-index:1; text-align:center; }
.sidebar .content img { width:180px; }
.sidebar .content .text { color:#FFF; }
.sidebar .bottom { position:absolute !important; width:100%; bottom:20px; }
.sidebar .item.section { background:#080808 !important; }
.sidebar .item.section.active { background:#313131 !important; }

#canvasSignArea canvas { border:1px solid #999; }

.ui.buttons .or:before { content:"ou"; }
.button.teal { background-color:#2cbb8e !important; }

.swal2-title { font-size:24px !important; color:#333 !important; }
.swal2-popup.swal2-toast .swal2-title { font-size:16px !important; line-height:1; }

.ui.footer .pagination { justify-content:flex-end; margin-bottom:0; }

.ui.menu .item.item-order { padding:0px; }
.ui.menu .item.item-order .label { margin-left:0; padding:2px; background:transparent; color:#666; padding-left:6px; }
.ui.menu .item.item-order input { width:20px; padding:0; text-align:center; border:0; margin:0; padding-right:6px; }
.ui.menu .item.item-order .label.btn-sort { display:flex; flex-direction:column; padding:0; }
.ui.menu .item.item-order .label.btn-sort button { border:0; outline:0; background:none; padding:0 6px; font-size:12px; line-height:8px; flex:1; }
.ui.menu .item.item-order .label.btn-sort button:hover { background:rgba(0,0,0,0.05); }

[data-tooltip][data-variation~=basic]:before { display:none; }

.bg-light { background:#fafafb; }
.alert-success { background:#d8f7ec; }

section.each.intro { position:relative; }
section.each.intro:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('../images/bg-leaf.jpeg') no-repeat center center; background-size:cover; }
section.each.intro:before { background-attachment:scroll; background-size:auto; }

#section-step_final .alert p, .questions-area .sub.header p { line-height:1.2; margin-bottom:0; text-align:left; }
#section-step_final .alert .ql-align-left, .questions-area .sub.header .ql-align-left { text-align:left; }
#section-step_final .alert .ql-align-center, .questions-area .sub.header .ql-align-center { text-align:center; }
#section-step_final .alert .ql-align-right, .questions-area .sub.header .ql-align-right { text-align:right; }
#section-step_final .alert .ql-align-justify, .questions-area .sub.header .ql-align-justify { text-align:justify; }

.section-condition { background:url('../images/icon-question.png') no-repeat -20px 20px; }
.questions-area > .card { box-shadow:0px 20px 50px rgba(0,0,0,0.1); }

.position-sticky { position:sticky; bottom:0; z-index:1; margin-left:-15px; margin-right:-15px; background:#FFF; }

.graphic_pie, .graphic_bar { width:100%; }

form#final label.error:before, form#final label.error:after { display:none; }
form#final label.error { padding: 4px 6px !important; display: inline-block !important; top: auto; right: auto; }

.full-height, section.each > form { min-height:100vh; }
.mid { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.questions-area { min-height:calc(100vh - 70px); }
.buttons-area { position:sticky; bottom:0; width:100%; background:#FFF; }

.introduction { position:relative; }
.position-right { position: absolute; bottom: -8px; right: 2px; color:#21ba45; font-size:13px; font-weight:600; }

.btn_hide_sidebar_float { position:fixed; top:0; left:0; z-index:1000; background:#000; color:#FFF; opacity:0.2; transition:200ms; display: none; }
.btn_hide_sidebar_float:hover { opacity:1; }

.ui.left.sidebar, .ui.right.sidebar { width:240px; }
.content-area { -webkit-box-flex:1; -webkit-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; min-width:0px; margin-left:240px; transition:200ms; }
.sidebar-hidden .content-area { margin-left:0; }
.content-area.blank { min-height:100vh; position:relative; }
.content-area.blank > * { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }

ul.pagination .page-item .page-link { color:#21ba45; }
ul.pagination .page-item.active .page-link { background:#21ba45; border-color:#21ba45; color:#FFF; }

#advancedFilter { width:100%; }
#advancedFilter .dynamic-area { border-left-color:#3f51b5; background:#fbfbff; }
#advancedFilter .row-or { position:relative; width:100%; height:1px; background:#3f51b5; }
#advancedFilter .row-or:before { content:"ou"; float: left; position: relative; left:-15px; top:-8px; line-height: 1; background: #3F51B5; color:#FFF; font-size: 11px; padding: 4px 6px 4px 4px; border-radius: 0 10px 10px 0; }
#advancedFilter .each-cond-or { border-left-color:#9c27b0; background:#EEE; }
#advancedFilter .each-cond-or .each-cond-and:not(:first-child) { position:relative; }
#advancedFilter .each-cond-or .each-cond-and:not(:first-child):before { content:"e"; float: left; position: absolute; left:0px; top:-10px; line-height: 1; background: #9c27b0; color:#FFF; font-size: 11px; padding: 4px 6px 4px 4px; border-radius: 0 10px 10px 0; }
#advancedFilter .each-cond-or .button, #advancedFilter .dynamic-area + .button { margin-top:0; border-top-left-radius:0; border-top-right-radius:0; opacity:0.2; }
#advancedFilter .dynamic-area + .button { margin-top:-15px; }
#advancedFilter .each-cond-or .button:hover, #advancedFilter .dynamic-area + .button:hover { opacity:1; }
#advancedFilter .each-cond-or .each-cond-and .row-control { position:absolute; right:0; top:0; }
#advancedFilter .each-cond-or .each-cond-and .row-control .button { opacity:1; }

#app.admin_section #questionsSidebar { left:240px; background:#0a0a0a; }
#app.admin_section .content-area { margin-left:480px; min-height:100vh; }

.content.diff-area { background:#fafafb; border:1px solid #d2d3d5; border-radius:4px; margin-top:10px; padding:10px !important; }
.childrens { border-top:1px solid #D2D3D5; padding:10px; padding-bottom:0; }
.childrens h5 { margin-bottom:5px; }

.question-area .validate { position:absolute; top:10px; right:20px; line-height:1; }
label.error { color: #FFF !important; font-size: 13px; background: #fd8282; line-height: 1; padding: 4px 6px; border-radius: 2px; position: absolute; top: 10px; right: 20px; }
.question-area .valid + label.error { display:none !important; }

.loader-bars { display:-ms-flexbox; display:flex; -ms-flex-pack:center; justify-content:center; height:40px; }
.loader-bars .loader-bar { width:4px; height:100%; margin-right:4px; border-radius:200px; -webkit-transform:scaleY(.2); transform:scaleY(.2); -webkit-animation:loader-bars .5s ease-in infinite alternate; animation:loader-bars .5s ease-in infinite alternate; }
.loader-bars .loader-bar:last-child { margin-right:0; }
.loader-bars .loader-bar:first-child { background-color:#00509f; }
.loader-bars .loader-bar:nth-child(2) { background-color:#0063ae; -webkit-animation-delay:.1s; animation-delay:.1s; }
.loader-bars .loader-bar:nth-child(3) { background-color:#009bdd; -webkit-animation-delay:.2s; animation-delay:.2s; }
.loader-bars .loader-bar:nth-child(4) { background-color:#00993e; -webkit-animation-delay:.3s; animation-delay:.3s; }
.loader-bars .loader-bar:nth-child(5) { background-color:#5eaf47; -webkit-animation-delay:.4s; animation-delay:.4s; }
.loader-bars .loader-bar:nth-child(6) { background-color:#c5d65b; -webkit-animation-delay:.5s; animation-delay:.5s; }
.loader-bars .loader-bar:nth-child(7) { background-color:#b07c68; -webkit-animation-delay:.6s; animation-delay:.6s; }
.loader-bars .loader-bar:nth-child(8) { background-color:#782e1b; -webkit-animation-delay:.7s; animation-delay:.7s; }
@-webkit-keyframes loader-bars { 0% { -webkit-transform:scaleY(.2); transform:scaleY(.2); } to { -webkit-transform:scaleY(1); transform:scaleY(1); } }
@keyframes loader-bars { 0% { -webkit-transform:scaleY(.2); transform:scaleY(.2); } to { -webkit-transform:scaleY(1); transform:scaleY(1); } }

section.each { min-height:100vh; }
.show-print { display:none; }

#loader-area { position:absolute; top:0; left:0; width:100%; height:100vh; z-index:2; background:rgba(255,255,255,0.8); display:flex; justify-content:center; align-items:center; }
.loader { display:inline-block; width:60px; height:60px;  }
.loader div { box-sizing:border-box; display:block; position:absolute; width:48px; height:48px; margin:6px; border:6px solid #ffc20b; border-radius:50%; animation:loader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color:#ffc20b transparent transparent transparent; }
.loader div:nth-child(1) { animation-delay:-0.45s; }
.loader div:nth-child(2) { animation-delay:-0.3s; }
.loader div:nth-child(3) { animation-delay:-0.15s; }
@keyframes loader { 0% {   transform:rotate(0deg); } 100% {   transform:rotate(360deg); } }

svg.checkmark { width:20px; height:20px; }
svg.checkmark path { animation:dash 0.75s linear both; animation-delay:0.5s; }
@keyframes dash { 0% { stroke-dashoffset:210; } 75% { stroke-dashoffset:-220; } 100% { stroke-dashoffset:-205; } }

/** PRINT **/
@media print {
	body { display: flex; flex-direction: column; min-height: 100vh; align-items: center; padding-top: 0px; padding-bottom: 0px; height: auto; overflow:visible; }
  	#reportArea { flex: 1 1 auto; }
	@page { margin:100px 30px 60px; overflow:visible; }
	.ui.left.sidebar, .ui.right.sidebar { display:none; }
	.content-area { margin-left:0; }
	.hide-print { display:none; }
	.show-print { display:block; }
	canvas { max-width:100% !important; width:100% !important; height:auto !important; max-height:auto !important; }
	.ui.segment { padding:0; border:0; margin-top:100px !important; margin-bottom:100px !important; }
	.ui.segment h4 { background:linear-gradient(140deg, #4ebc8d 0%, rgba(219,236,202,0.1) 100%); color:#FFF; padding-left:10px; }
	.ui.segment .ui.icon.top.button { display:none; }
	.ui.segment hr { display:none; }
	.ui.table thead th, .ui.table tbody td { padding:4px 10px; }
	.ui.segment .far.fa-external-link { display:none; }
	#watermark.show-print { position:fixed; top:50%; left:50%; margin-left:-162px; margin-top:-500px; z-index:-1000; }
	header.show-print { position:absolute; background:#FFF; padding:0 30px; top:0px; left:0px; right:0px; height:80px; z-index:10; }
	footer.show-print { position:fixed; margin-top: auto; background:#FFF; padding:0 30px; bottom:0px; left:0px; right:0px; width:100%; z-index:10; height:30px; color:#000; font-size:12px; }
	footer.show-print img.page-bg { position: absolute; right: -20px; top: -90px; width: 50px; }
	footer.show-print .paging { position: absolute; right: 0; top: -35px; color: #FFF; }
	footer.show-print .paging:after { font-size:16px; font-weight:bold; counter-increment: page; content: counter(page); }
	.header-break { page-break-before: always; counter-increment: page; content: counter(page); }
	.ui.segment, .table { break-inside: avoid; page-break-inside: avoid; }
}
/** PRINT **/

@media (max-width:768px) {
	.sidebar { height:180px; position:relative; }
	.sidebar .content img { width:130px; }
	.saved-at { font-size:12px; }
	.align-content-center { width:100%; }
	.full-height, section.each > form, section.each { min-height:calc(100vh - 180px); }
	.full-height > .mid { width:80%; }
	.swal2-title { font-size:20px !important; }
	.intro .mid { width:90%; }
	.questions-area { min-height:inherit; }
	.content-area { margin-left:0; }
	.content-area.blank > * { width:90%; }
	.only-desktop { position:relative; margin-left:0 !important; }
	.only-desktop:before { content:""; position:absolute; z-index:1; background:#FFF; width:100%; height:100vh; top:0; left:0; }
	.only-desktop:after { content:"As funcionalidades desta página são acessíveis apenas via desktop ou notebook."; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#000; z-index:2; text-align:center; }
	.only-desktop .ui.active.dimmer { display:none; }
	#questionsSidebar { display:none; }
	.admin_submissions table thead { display:none !important; }
	.admin_submissions table td { padding-top:0 !important; padding-bottom:0 !important; }
	.scroll-mobile { overflow-x:scroll; max-width:80vw; }
}

@media (max-width:1400px) {
	.each-chart.col-lg-4 { -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; }
}
@media (min-width:1460px) {
	.each-chart.col-lg-4 { -ms-flex:0 0 33.333%; flex:0 0 33.333%; max-width:33.333%; }
}
@media (min-width:1660px) {

}