/* ---- isdesign.com.br ---- */

* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

html, 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time,
mark, audio, button, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; }
article, aside, button, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section { display:block; }

html, body 	{ width:100%; height:100%; }
a, button 	{ color:rgba(0,0,0,.87); text-decoration:none; cursor:pointer; }
body 		{ font-family:sans-serif; line-height:100%; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; }
img 		{ vertical-align:bottom; }
ol, ul 		{ list-style:none; }
table 		{ border-collapse:collapse; border-spacing:0; }

blockquote:before, blockquote:after, q:before, q:after { content:""; content:none; }
blockquote, q { quotes:none; }

/* ---- Reset ---- */

body {
	min-width:320px; max-width:100%; color:rgba(0,0,0,.54); font-family:Arial, "Helvetica Neue", Helvetica, "sans-serif";
	overflow-x:hidden; font-size:100%; line-height:100%; word-wrap:break-word; background:#f5f5f5;
}

button, input, select, textarea {
	display:block; color:rgba(0,0,0,.54); font-family:Arial, "Helvetica Neue", Helvetica, "sans-serif"; font-size:100%; line-height:100%;
	text-align:left; background:none; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none;
}
textarea { resize:none; }
[type=checkbox] { border:none; -webkit-appearance:checkbox; -moz-appearance:checkbox; appearance:checkbox; }
[type=radio] { -webkit-appearance:radio; -moz-appearance:radio; appearance:radio; }
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button,
[type=date]::-webkit-inner-spin-button, [type=date]::-webkit-calendar-picker-indicator { margin:0; -webkit-appearance:none; }

input:-webkit-autofill {
	color:rgba(0,0,0,.54) !important; -webkit-text-fill-color:rgba(0,0,0,.54) !important;
	background-color:none !important; transition:none; box-shadow:inset 0 0 0 10rem #ffffff;
}

li		  { margin:.5rem 0 0 2rem; }
ul		  { list-style:disc; }
ol		  { list-style:decimal; }
em, i	  { font-style:italic; }
strong, b { font-weight:bold; }
u		  { text-decoration:underline; }



.material-icon, .material-icon-before::before, .material-icon-after::after {
	width:1.5rem; height:1.5rem; display:inline-block; overflow:hidden;
	direction:ltr; font-family:"Material Icons"; font-size:1.5rem; font-style:normal; font-weight:normal;
	letter-spacing:normal; line-height:1; text-transform:none; white-space:nowrap; word-wrap:normal;
	-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
	font-feature-settings:"liga"; text-rendering:optimizeLegibility;
}



/* ---- Topo ---- */



.topo { 
	display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start;
	background:#004577; box-shadow:0 0 20px 0 rgba(0,0,0,0.08);
}
.topo-wrap {
	width:100%; padding:8px 16px;
	display:flex; align-items:center; flex-direction:row-reverse; justify-content:space-between;
}

.topo-logo { height:48px; padding:8px; display:block; }
.topo-botao { padding:8px; }
.topo-botao-icone { width:20px; height:20px; font-size:20px; line-height:1; }
.topo-botao-texto { margin-left:8px; }

.topo-nav {
	width:100%; padding:8px 16px; border-top:1px solid rgba(255,255,255,0.12);
	display:none; align-items:center; justify-content:flex-start;
}
.topo-nav-ativo { display:flex; }

.topo-nav-a { padding:8px; position:relative; }
.topo-nav-a:first-of-type { margin-right:auto; }
.topo-nav-a-icone { width:20px; height:20px; font-size:20px; line-height:1; }
.topo-nav-a-texto { margin-left:8px; }
.topo-nav-a-texto-nome { display:none; }
.topo-nav-a-numero {
	min-width:16px; padding:2px; position:absolute; right:0; bottom:0;
	color:#ffffff; font-size:12px; line-height:1; text-align:center;
	background:#e74c3c; border-radius:8px;
}

.topo-nav-wrap { position:relative; }
.topo-nav-sub {
	width:160px; padding:16px; display:none; position:absolute; top:100%; right:0;
	box-shadow: 0 0 8px 2px rgba(0,0,0,.12);
}
.topo-nav-sub-ativo { display:block; }

@media all and (min-width:720px) {
	.topo {
		width:100%; justify-content:space-between;
		position:fixed; top:0; left:0; z-index:10;
	}
	.topo-wrap { width:auto; flex-direction:row; justify-content:space-between; }
	
	.topo-logo { margin-left:8px; }
	.topo-botao-texto { display:none; }
	
	.topo-nav { width:auto; border-top:none; display:flex; }
	.topo-nav-a, .topo-nav-a:first-of-type { margin-right:8px; }
	.topo-nav-a-texto-nome { display:block; }
}



.menu { display:none; overflow:hidden; background:#ffffff; box-shadow:0 0 20px 0 rgba(0,0,0,.04); }
.menu::-webkit-scrollbar { display:none; }
.menu-wrap { overflow:auto; }
.menu-section + .menu-section { border-top:1px solid rgba(0,0,0,.12); }
.menu-titulo { padding:0 24px; font-size:.75rem; line-height:1rem; }
.menu-ativo { display:block; animation:menu-ativo .3s; }

.menu-a { padding-right:24px; padding-left:24px; border-left:3px solid rgba(0,0,0,.38); color:rgba(0,0,0,.54); transition:border .25s, color .25s; }
.menu-a + .menu-a { margin-top:2px; }
.menu-a-icone { width:1.25rem; height:1.25rem; float:left; color:rgba(0,0,0,.38); font-size:1.25rem; line-height:100%; transition:color .25s; }
.menu-a-texto { width:calc(100% - 1.25rem); padding-left:16px; float:left; color:rgba(0,0,0,.54); font-size:.875rem; line-height:1.25rem; transition:color .25s, font-weight .25s; }

.menu-a:hover { border-color:rgba(0,0,0,.87); color:rgba(0,0,0,.87); }
.menu-a:hover .menu-a-icone { color:rgba(0,0,0,.87); }
.menu-a:hover .menu-a-texto { color:rgba(0,0,0,.87); font-weight:bold; }

.menu-a-ativo { border-color:#2fb4f2; color:#2fb4f2; font-weight:bold; }
.menu-a-ativo .menu-a-icone { color:#2fb4f2; }
.menu-a-ativo .menu-a-texto { color:#2fb4f2; font-weight:bold; }

.menu-footer-a { width:60px; margin:.5rem auto 0; display:block; opacity:.38; transition:opacity .25s; }
.menu-footer-a:hover { opacity:.87; }

.menu-button { display:none; }

@keyframes menu-ativo {
	0%	 { opacity:0; transform:translateY(-1rem); }
	100% { opacity:1; transform:none; }
}

@media all and (min-width:720px) {
	.menu { width:55px; height:calc(100% - 4rem); display:block; overflow:auto; position:fixed; top:4rem; left:0; }
	.menu-wrap { overflow:visible; }
	.menu-transition { transition:transform .3s; }
	.menu-ativo { width:240px; animation:none; }
	.menu-ativo .menu-wrap { overflow:auto; }
	
	.menu-a { width:55px; padding-right:16px; padding-left:16px; transition:padding .25s; }
	.menu-ativo .menu-a { width:100%; padding-right:24px; padding-left:24px; }
	
	.menu-a-texto { display:none; }
	.menu-ativo .menu-a-texto { display:block; }
	
	.menu-esconder { display:none; }
	.menu-ativo .menu-esconder { display:block; }
	
	.menu-button {
		width:1.625rem; height:1.625rem; border:1px solid rgba(0,0,0,.12); display:block; position:absolute; bottom:-1rem; left:calc(50% - .8125rem);
		background:#ffffff; border-radius:50%; transform:rotate(180deg); transition:transform .4s;
	}
	.menu-ativo .menu-button { bottom:-.8125rem; transform:none; }
}

.menu-a-balao {
	padding:4px 6px; border:1px solid rgba(0,0,0,.12); display:none; position:fixed; left:55px; z-index:9999999999999999;
	font-size:.875rem; line-height:120%; white-space:nowrap; background:#ffffff; border-radius:4px; box-shadow:0 2px 4px 0 rgba(0,0,0,.12);
}
.menu-a-balao-ativo { display:block; }
.menu-ativo .menu-a-balao-ativo { display:none; }



/* ---- Conteúdo ---- */

@media all and (min-width:720px) {
	.site { padding:4rem 0 0 55px; }
	.site-transition { transition:padding .3s; }
	.site-ativo { padding-left:240px; }
}

.wrap { max-width:1400px; margin:0 auto; }

.padding-wrap { padding-right:8px; padding-left:8px; }

@media all and (min-width: 480px) { .padding-wrap { padding-right:20px; padding-left:20px; } }
@media all and (min-width: 640px) { .padding-wrap { padding-right:32px; padding-left:32px; } }
@media all and (min-width: 800px) { .padding-wrap { padding-right:44px; padding-left:44px; } }
@media all and (min-width: 960px) { .padding-wrap { padding-right:56px; padding-left:56px; } }
@media all and (min-width:1120px) { .padding-wrap { padding-right:68px; padding-left:68px; } }
@media all and (min-width:1280px) { .padding-wrap { padding-right:80px; padding-left:80px; } }

.padding-section-025 	{ padding-top: .25rem; padding-bottom: .25rem; }
.padding-section-05 	{ padding-top:  .5rem; padding-bottom:  .5rem; }
.padding-section-075 	{ padding-top: .75rem; padding-bottom: .75rem; }
.padding-section-1		{ padding-top:   1rem; padding-bottom:   1rem; }
.padding-section-125 	{ padding-top:1.25rem; padding-bottom:1.25rem; }
.padding-section-15 	{ padding-top: 1.5rem; padding-bottom: 1.5rem; }
.padding-section-2 		{ padding-top:   2rem; padding-bottom:   2rem; }

.padding-wrap-025		{ padding-right: 4px; padding-left: 4px; }
.padding-wrap-05		{ padding-right: 8px; padding-left: 8px; }
.padding-wrap-075		{ padding-right:12px; padding-left:12px; }
.padding-wrap-1			{ padding-right:16px; padding-left:16px; }
.padding-wrap-15 		{ padding-right:24px; padding-left:24px; }

.titulo { padding:0 16px; font-size:1.25rem; line-height:1.75rem; }

@media all and (min-width:640px) { .titulo { padding:0; } }
@media all and (min-width:720px) { .titulo { font-size:1.5rem; line-height:2rem; } }

.background-branco			{ background:#ffffff; }
.background-cinza 			{ background:rgba(0,0,0,.12); }
.background-azul-forte		{ background:#54c7fc; }
.background-azul-fraco		{ background:#54c7fc; opacity:.5; }
.background-verde-forte		{ background:#44db5e; }
.background-verde-fraco		{ background:#44db5e; opacity:.5; }
.background-amarelo-forte	{ background:#ffcd00; }
.background-amarelo-fraco	{ background:#ffcd00; opacity:.5; }
.background-laranja-forte	{ background:#f57c00; }
.background-laranja-fraco	{ background:#f57c00; opacity:.5; }
.background-vermelho-forte	{ background:#dd2c00; }
.background-vermelho-fraco	{ background:#dd2c00; opacity:.5; }

.border-radius { border-radius:4px; }
.box-shadow { box-shadow:0 0 20px 0 rgba(0,0,0,.04); }



/* ---- Título e pesquisa ---- */



.pesquisa-titulo { float:left; line-height:2.5rem; }

.pesquisa-button { width:2.5rem; height:2.5rem; float:right; text-align:center; background:#2fb4f2; border-radius:4px; }
.pesquisa-button::before		{ content:"\e8b6"; }
.pesquisa-button-ativo::before	{ content:"\e5cd"; }
.adicionar { width:2.5rem; height:2.5rem; margin:0 16px 0 8px; float:right; text-align:center; background:#00ba20; border-radius:4px; }

.relatorio-pesquisa, .pesquisa { width:100%; padding-top:1rem; clear:left; }
.pesquisa { display:none; }
.pesquisa-ativo { display:block; animation:pesquisa-ativo .4s; }

@keyframes pesquisa-ativo {
	0%	 { opacity:0; transform:translateY(-.75rem); }
	100% { opacity:1; transform:none; }
}

@media all and (min-width:640px) {
	.adicionar { margin-right:0; }
	
	.relatorio-pesquisa { width:calc(100% + 14px); margin:0 -7px; }
	.relatorio-pesquisa .form { padding-top:.1875rem; padding-bottom:.1875rem; margin:0 7px; }
	.relatorio-pesquisa .form-2 { width:calc(50% - 14px); float:left; }
	.relatorio-pesquisa .form-3 { width:calc(33.3333333333% - 14px); float:left; }
	.relatorio-pesquisa .form-4 { width:calc(25% - 14px); float:left; }
	.relatorio-pesquisa .form-5 { width:calc(20% - 14px); float:left; }
	
	.pesquisa-button { display:none; }
	
	.pesquisa { width:300px; padding:0; clear:none; display:block; float:right; }
	.pesquisa-ativo { animation:none; }
	
	.pesquisa .form { width:calc(100% - 80px); margin:0; float:left; }
	.pesquisa .form-button { width:72px; margin-left:8px; float:left; text-align:center; }
}
@media all and (min-width:720px) { .site-ativo .pesquisa { width:100%; padding-top:1rem; clear:left; float:none; } }
@media all and (min-width:800px) {
	.adicionar { margin:0 0 0 24px; }
	
	.pesquisa-titulo { width:calc(100% - 420px); }
	.relatorio-pesquisa { width:420px; padding:0; margin:0; clear:none; float:right; }
	.relatorio-pesquisa .form { margin:0 0 0 14px; }
	
	.pesquisa { width:356px; }
	
	.site-ativo .pesquisa-titulo { width:auto; }
	.site-ativo .relatorio-pesquisa { width:calc(100% + 14px); margin:1rem -7px 0; }
	.site-ativo .relatorio-pesquisa .form { margin:0 7px; }
}
@media all and (min-width:960px) {
	.pesquisa-titulo { width:calc(100% - 490px); }
	.relatorio-pesquisa { width:490px; }
	.pesquisa { width:426px; }
	
	.site-ativo .pesquisa { width:336px; padding-top:0; clear:none; float:right; }
}
@media all and (min-width:1280px) {
	.site-ativo .pesquisa-titulo { width:calc(100% - 490px); }
	.site-ativo .relatorio-pesquisa { width:490px; margin:0; }
	.site-ativo .relatorio-pesquisa .form { margin:0 0 0 14px; }
	
	.site-ativo .pesquisa { width:426px; }
}
@media all and (min-width:1360px) {
	.pesquisa-titulo, .site-ativo .pesquisa-titulo { width:calc(100% - 520px); }
	.relatorio-pesquisa, .site-ativo .relatorio-pesquisa { width:520px; }
	
	.pesquisa, .site-ativo .pesquisa { width:456px; }
}
@media all and (min-width:1400px) {
	.pesquisa-titulo, .site-ativo .pesquisa-titulo { width:calc(100% - 570px); }
	.relatorio-pesquisa, .site-ativo .relatorio-pesquisa { width:570px; }
	
	.pesquisa, .site-ativo .pesquisa { width:506px; }
}
@media all and (min-width:1480px) {
	.pesquisa-titulo, .site-ativo .pesquisa-titulo { width:calc(100% - 640px); }
	.relatorio-pesquisa, .site-ativo .relatorio-pesquisa { width:640px; }
}
@media all and (min-width:1600px) {
	.pesquisa-titulo, .site-ativo .pesquisa-titulo { width:calc(100% - 700px); }
	.relatorio-pesquisa, .site-ativo .relatorio-pesquisa { width:700px; }
}



/* ---- Modal ---- */



.modal { width:100%; height:100%; padding:8px; overflow:auto; position:fixed; top:0; left:0; z-index:100; background:rgba(0,0,0,.54); }
.modal-wrap { max-width:920px; margin:5% auto; position:relative; border-radius:4px; box-shadow:0 8px 32px 0 rgba(0,0,0,.32); }
.modal-header { padding:1rem 16px; }
.modal-conteudo { padding:1.5rem 16px; border:1px solid rgba(0,0,0,.12); }
.modal-conteudo + .modal-conteudo { border:0; }
.modal-fechar { width:1.25rem; height:1.25rem; color:rgba(0,0,0,.38); font-size:1.25rem; line-height:100%; transition:color .25s; }
.modal-fechar:hover { color:rgba(0,0,0,.87); }

@media all and (min-width:640px) {
	.modal-header { padding:1rem 24px; }
	.modal-conteudo { padding:1.5rem 24px; }
}
@media all and (min-width:800px) { .modal-wrap { margin:2% auto; } }



.modal-table-container { width:100%; border:1px solid rgba(0,0,0,.12); margin-top:1.5rem; overflow:auto; }
.modal-table { width:100%; overflow:hidden; }
.modal-table tr:nth-child(even) { background:#fafafa; }
.modal-table tr:nth-child(odd)  { background:#ffffff; }

.modal-table tr th {
	padding:.75rem 8px; border-bottom:1px solid rgba(0,0,0,.12); color:rgba(0,0,0,.87);
	font-size:.875rem; font-weight:bold; line-height:1.125rem; text-align:left; vertical-align:middle; white-space:nowrap;
}
.modal-table tr th:first-of-type { padding-left: 16px; }
.modal-table tr th:last-of-type  { padding-right:16px; background:#ffffff; }

.modal-table tr td { padding:.5rem 8px; font-size:.875rem; line-height:1.5rem; white-space:nowrap; }
.modal-table tr td:first-of-type { padding-left:16px; }
.modal-table tr td:last-of-type(2) { padding-right:16px; }



/* ---- Paginação ---- */



.paginacao-button { width:48px; height:48px; position:absolute; top:0; text-align:center; transition:background .25s; }
.paginacao-button-d { right:0; }
.paginacao-button-e { left: 0; }
.paginacao-button:hover { background:rgba(0,0,0,.08); }
.paginacao-input { width:40px; height:32px; padding:0; border:1px solid rgba(0,0,0,.12); margin:0 10px; display:inline-block; text-align:center; border-radius:4px; }



/* ---- Datepicker ---- */



.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width:49%; padding:.25rem 8px; display:inline-block; color:rgba(0,0,0,.87); background:#f5f5f5; }
.ui-datepicker select.ui-datepicker-month { margin:0 1% 0 0 !important; }
.ui-datepicker select.ui-datepicker-year  { margin:0 0 0 1% !important; }



/* ---- Tipografia ---- */



.color-azul 	{ color:#2fb4f2; }

.color-branco-1 { color:rgba(255,255,255, 1); }
.color-branco-2 { color:rgba(255,255,255,.7); }
.color-branco-3 { color:rgba(255,255,255,.5); }
 
.color-preto-1 { color:rgba(0,0,0,.87); }
.color-preto-2 { color:rgba(0,0,0,.54); }
.color-preto-3 { color:rgba(0,0,0,.38); }

.font-size-075	{ font-size: .75rem; line-height:100%; }
.font-size-0875	{ font-size:.875rem; line-height:100%; }
.font-size-1	{ font-size:   1rem; line-height:100%; }
.font-size-125	{ font-size:1.25rem; line-height:100%; }
.font-size-15	{ font-size: 1.5rem; line-height:100%; }
.font-size-2	{ font-size:   2rem; line-height:100%; }
.font-size-3	{ font-size:   3rem; line-height:100%; }
.font-size-4	{ font-size:   4rem; line-height:100%; }

.font-style-italic	{ font-style:italic; }
.font-weight-bold	{ font-weight:bold; }
.font-weight-medium { font-weight:500; }

.line-height-100  { line-height:100%; }
.line-height-120  { line-height:120%; }
.line-height-150  { line-height:150%; }
.line-height-auto { line-height:normal; vertical-align:middle; display:inline-block; }
 
.text-align-center	{ text-align:center; }
.text-align-left	{ text-align:  left; }
.text-align-right	{ text-align: right; }

.text-transform-uppercase { text-transform:uppercase; }



/* ---- Extras ---- */



.link-opacity 		{ transition:opacity .25s; }
.link-opacity:hover { opacity:.7; }

.link-editar,		.link-editar-noafter 				{ color:rgba(0,0,0,.54); text-decoration:none; } 
.link-editar:hover, .link-editar-noafter:hover			{ color:rgba(0,20,150,.70); text-decoration:underline; }
.link-editar::after			{ width:16px; height:16px; display:inline-block; background:url(../img/icon-editar.png) center/cover no-repeat; opacity:0; content:""; margin-bottom:-3px; margin-left:3px; }
.link-editar:hover::after	{ opacity:1; }
.link-editar-lupa::after 	{ background-image:url(../img/icon-editar-lupa.png); }

.margin-top-0125 { margin-top:.125rem; }
.margin-top-025	 { margin-top: .25rem; }
.margin-top-05	 { margin-top:  .5rem; }
.margin-top-075  { margin-top: .75rem; }
.margin-top-0875 { margin-top:.875rem; }
.margin-top-1	 { margin-top: 	 1rem; }
.margin-top-125  { margin-top:1.25rem; }
.margin-top-15	 { margin-top: 1.5rem; }
.margin-top-2	 { margin-top:   2rem; }
.margin-top-25	 { margin-top: 2.5rem; }
.margin-top-3	 { margin-top:   3rem; }
.margin-top-4	 { margin-top:   4rem; }

.img-container	{ width:100%; height:0; padding-bottom:100%; overflow:hidden; position:relative; }
.img-retina		{ width:100%; height:100%; }
.img-icone 		{ width:24px; height:24px; }

.img-position { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.img-position-cover   { min-width:100%; min-height:100%; }
.img-position-contain { max-width:100%; max-height:100%; }

.clear-both { height:0; overflow:hidden; clear:both; }

.display-block			{ display:block; }
.display-inline			{ display:inline-block; }
.display-inline-flex	{ display:inline-flex; }
.display-flex			{ display:flex; align-items:center; justify-content:flex-start; }
.display-none			{ display:none; }

.float-left		{ float: left; }
.float-right	{ float:right; }

.overflow-hidden { overflow:hidden; }

.position-absolute { position:absolute; top:0; left:0; }
.position-relative { position:relative; }

.divisor { height:.0625rem; overflow:hidden; }
.divisor-branco { background:rgba(255,255,255,.12); }
.divisor-preto  { background:rgba(  0,  0,  0,.12); }



/* ----- Efeitos ----- */



.fx-denied { animation:fx-denied .6s cubic-bezier(.36,.07,.19,.97) both; }

@keyframes fx-denied {
	10%, 90% 		{ transform:translate3d(-.0625rem, 0, 0); }
	20%, 80% 		{ transform:translate3d(  .125rem, 0, 0); }
	30%, 50%, 70% 	{ transform:translate3d(  -.25rem, 0, 0); }
	40%, 60% 		{ transform:translate3d(   .25rem, 0, 0); }
}



.fx-opacity-in 		{ animation:fx-opacity-in  .3s; }
.fx-opacity-out 	{ animation:fx-opacity-out .3s; }

@keyframes fx-opacity-in  { from { opacity:0; } to { opacity:1; } }
@keyframes fx-opacity-out { from { opacity:1; } to { opacity:0; } }



.fx-loader { position:relative; }
.fx-loader::before { width:100%; height:100%; position:absolute; top:0; left:0; z-index:2; background:rgba(255,255,255,.32); content:""; }
.fx-loader::after {
	width:3rem; height:3rem; border-top:2px solid #000; border-right:2px solid transparent; border-bottom:2px solid transparent; border-left:2px solid transparent;
	position:absolute; top:calc(50% - 1.625rem); left:calc(50% - 1.625rem); z-index:3;
	animation:fx-loader 1.5s infinite linear; border-radius:50%; content:"";
}

@keyframes fx-loader {
	0% 	 { transform:rotate(0); }
	50%  { transform:rotate(360deg); }
	100% { transform:rotate(720deg); }
}



/* ---- Login Modal ----- */



.modal-login {
	width:100%; min-width:320px; height:100%; overflow-y:scroll; -webkit-overflow-scrolling:touch;
	position:fixed; top:0; left:0; z-index:999; background:rgba(0,0,0,0.60);
}
.modal-login-wrap { width:100%; max-width:360px; padding:24px 8px; margin:auto; }
.modal-login-box { background:#ffffff; border-radius:4px; box-shadow:0 2px 4px 0 rgba(0,0,0,0.38); }

.modal-login-texto { padding:24px; text-align:center; }
.modal-login-texto-titulo { color:rgba(0,0,0,0.87); font-size:20px; font-weight:bold; line-height:1; }
.modal-login-texto-legenda { margin-top:16px; color:rgba(0,0,0,0.38); font-size:14px; line-height:20px; }

.modal-login-form { padding:24px; border-top:1px solid rgba(0,0,0,0.12); background:#fafafa; border-radius:0 0 4px 4px; }
.modal-login-form-label {
	width:100%; padding:11px 15px; border:1px solid rgba(0,0,0,0.12); margin-bottom:16px;
	display:block; position:relative; background:#fff; border-radius:4px; transition:border 0.2s;
}
.modal-login-form-label-erros { border-color:#e74c3c; }
.modal-login-form-texto { margin-bottom:4px; color:rgba(0,0,0,0.38); font-size:12px; line-height:1; }
.modal-login-form-input {
	width:100%; height:20px; padding:0; border:none;
	color:rgba(0,0,0,0.60); font-size:14px; line-height:20px; transition:color 0.2s;
}
.modal-login-form-input:focus { color:rgba(0,0,0,0.87); }

.modal-login-form-password {
	width:36px; height:36px; padding:8px; position:absolute; top:calc(50% - 18px); right:8px;
	color:rgba(0,0,0,0.38); font-size:20px; border-radius:4px; transition:color 0.2s, background-color 0.2s;
}
.modal-login-form-password:hover { color:rgba(0,0,0,0.87); background:rgba(0,0,0,0.12); }

.modal-login-form-mensagem {
	width:100%; padding:12px 16px; margin-bottom:16px; display:flex; align-items:center;
	color:#fff; font-size:14px; line-height:20px; background:#e74c3c; border-radius:4px;
}
.modal-login-form-mensagem::before {
	content:"info"; width:20px; height:20px; margin-right:16px; flex-shrink:0;
	color:rgba(255,255,255,0.7); font-size:20px;
}

.modal-login-form-botoes { display:flex; }
.modal-login-form-botao {
	padding:8px 16px; border:none; margin-right:8px;
	color:#fff; font-size:14px; font-weight:bold; line-height:20px;
	background:#2fb4f2; border-radius:4px; cursor:pointer; transition:opacity 0.2s;
}
.modal-login-form-botao:hover { opacity:0.7; }
.modal-login-form-botao-sair { background:#909090; }



/* ---- Se você chegou até aqui, envie seu currículo para contato@isdesign.com ---- */