/*
* Layout padrão do sistema.
* @copyright Grupo Pegasus Tecnologia
* @author Maycon Pinheiro Stanguine
* -----
* Cor predominante: #009688 (colorsys 500);
* Sobre cor: #00796b (colorsys 700);
* Nome padrao para cor: colorsys;
*/
/*@font-face{font-family: 'Inter'; src: url('/ElysiumWeb/statics/font/inter/Inter.woff2') format('woff2-variations'), url('/ElysiumWeb/statics/font/inter/Inter.woff2') format('woff2'); font-weight:300 600; font-style: normal; font-display: swap; }*/
@font-face { font-family: 'Google Sans Flex'; src: url('/ElysiumWeb/statics/font/google_sans/GoogleSansFlex.woff2') format('woff2-variations'), url('/ElysiumWeb/statics/font/google_sans/GoogleSansFlex.woff2') format('woff2'); font-weight: 300 600; font-style: normal; font-display: swap; }
@font-face { font-family:'Imperial Script'; src:url("/ElysiumWeb/statics/font/imperial_script/ImperialScript-Regular.woff2") format('woff2'), url('/ElysiumWeb/statics/font/imperial_script/ImperialScript-Regular.woff') format('woff'); font-weight:normal; font-style:normal; font-display:swap; }
@-ms-viewport{ zoom:1.0; width:device-width; }
@viewport{ zoom:1.0; width:device-width; }
*{ margin:0; padding:0; }
html{ scroll-behavior:smooth; }
body{ background-color:#e6e6e6; font-family:'Google Sans Flex', sans-serif; font-size:14px; color:#333; margin:0; padding:0; text-rendering:optimizeLegibility; }
a{ outline:none !important; }
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"]{ outline: none; }
#container{ overflow:hidden; position:relative; border:0; box-sizing:border-box; }

#header{ overflow:hidden; position:fixed; z-index:4; top:0; left:0; right:0; background-color:#fff; color:#009688; box-shadow:0 1px 1px 0 rgba(0,0,0,0.21); padding:8px; height:40px; }
#header #header-logo{ width:105px; background-color:transparent; position:absolute; height:41px; top:6px; left:0; z-index:4; cursor:pointer; font-family:'Imperial Script'; font-size:38px; line-height:38px; padding-left:10px; }
#header #btn-menu{ display:none; background-color:#fff; float:left; width:36px; height:36px; cursor:pointer; margin:0; border-radius:50px; font-size:25px; text-align:center; transition:all .3s; outline:none; }
#header #btn-menu.ativado{ background-color:#eee; outline:none; }
#btn-usermenu{ background-color:#fff; width:32px; height:32px; border:0; border-radius:50px; position:absolute; right:12px; top:10px; cursor:pointer; border:0; outline:none; text-align:center; font-size:32px; line-height:32px; }
#btn-usermenu.with-img{ background-repeat:no-repeat; background-position:center; background-size:contain; }
#btn-usermenu:hover{ box-shadow:0px 2px 5px 0 rgba(0,0,0,0.50); }

#usermenu{ display:none; position:fixed; z-index:5; top:41px; right:30px; width:240px; background-color:#fff; box-sizing:border-box; box-shadow:0 2px 5px 0 rgba(0,0,0,0.2), 0 2px 10px 0 rgba(0,0,0,0.19); border-radius:8px; }
#usermenu ul{ list-style-type:none; padding:0; margin:0; }
#usermenu ul li{ list-style-type:none; padding:0; margin:0; border-bottom:1px solid #fff; text-align:center; }
#usermenu ul li:last-of-type{ border-bottom:0; }
#usermenu ul li.nometitulo{ font-size:17px; color:#000; font-weight:bold; padding:10px; }
#usermenu ul li.subTxt{ color:#666; font-size:13px; padding:0 10px;  }
#usermenu ul li.subTxt.rede{ color:#566573; }
#usermenu ul li a{ text-decoration:none; color:#000; display:block; padding:0 10px; font-size:14px; border-radius:8px; }
#usermenu ul li a:hover{ background-color:#f7f7f7; }
#usermenu ul li a.linkTrocaSenha{ border:1px solid #009688; color:#009688; margin:20px auto 22px auto; padding:6px 10px; width:120px; border-radius:30px; }
#usermenu ul li a.linkAjuda{ padding:10px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-radius:0; color:#494949; font-weight:bold; }
#usermenu ul li a.linkSair{ border:1px solid #e05d4c; background-color:#e05d4c; color:#fff; padding:8px 10px; margin:20px 12px 15px 12px; font-weight:bold; }
#usermenu ul li a.linkSair:hover{ background-color:#e05d4c; opacity:0.86; }

#menu{ float:left; overflow:hidden; border:none; border-radius:8px; margin:70px 10px 10px 10px; width:260px; background-color:#fff; box-shadow:0 1px 1px 0 rgba(0,0,0,0.21); -webkit-transition:all .25s; -moz-transition:all .25s; -ms-transition:all .25s; -o-transition:all .25s; transition:all .25s; }
#menu ul{ list-style-type:none; padding:0; margin:0; }
#menu ul li{ list-style-type:none; padding:0; margin:0; border-bottom:1px solid #f4f4f4; position:relative; }
#menu ul li a{ text-decoration:none; display:block; padding:15px 10px 15px 10px; font-weight:bold; font-size:16px; color:#151515; border-left:3px solid #fff; }
#menu ul li a:hover{ border-left:3px solid #666; background-color:#f7f7f7; }
#menu ul li a span.icon{ display:inline-block; padding:0 15px 0 0; width:15px; }
#menu ul li a span.arrow{ font-size:9px; position:absolute; right:25px; top:20px; }
#menu ul li a.atual{ border-left:3px solid #009688; color:#009688; }
#menu ul li ul{ list-style-type:none; background-color:#f9f9f9; /*display:none;*/ max-height:0px; overflow:hidden; transition:all .1s; }
#menu ul li ul.open{ max-height:600px; -webkit-transition:all .40s; -moz-transition:all .40s; -ms-transition:all .40s; -o-transition:all .40s; transition:all .40s; }
#menu ul li ul li{ list-style-type:none; }
#menu ul li ul li:FIRST-OF-TYPE{ border-top:0; }
#menu ul li ul li:LAST-OF-TYPE{ border-bottom:0; }
#menu ul li ul li a{ text-decoration:none; display:block; padding:15px 11px 15px 45px; font-weight:bold; font-size:16px; color:#666; border-left:0; transition:all .2s; }
#menu ul li ul li a.first{ border-top:1px solid #bbb; box-shadow:0 1px 1px rgba(0,0,0,0.15) inset; }
#menu ul li ul li a.last{ box-shadow:0 -1px 1px rgba(0,0,0,0.15) inset; }
#menu ul li ul li a.solo{ border-top:1px solid #bbb; box-shadow:0 1px 1px rgba(0,0,0,0.15) inset, 0 -1px 1px rgba(0,0,0,0.15) inset; }
#menu ul li ul li a.atual{ border-left:0; color:#009688; }
#menu ul li ul li a:hover{ border-left:0; color:#333; }
#menu span.ponto-destaque{ color:#e05d4c;font-size:8px;display:inline-block;vertical-align:middle; }
.show-menu{ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.hide-menu{ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }

#div-btn-menu-pegasus{ margin:0; text-align:center; background-color:transparent; overflow:hidden; padding:10px;  }

#loader{ margin-top:55px; background-color:#4db6ac; height:5px; width:0; box-shadow:0 0 7px #333; border-radius:0 3px 3px 0; -webkit-transition:width 1s; -moz-transition:width 1s; -ms-transition:width 1s; -o-transition:width 1s; transition:width 1s; }
.spinner{ border:10px solid #f3f3f3; border-radius:50%; border-top:10px solid #009688; -webkit-animation:spin 2s linear infinite; animation:spin 2s linear infinite; }
.spinner.gr{ width:120px; height:120px; }
.spinner.md{ width:60px; height:60px; }
.spinner.pq{ width:30px; height:30px; }
@-webkit-keyframes spin{
	0%{ -webkit-transform: rotate(0deg); }
	100%{ -webkit-transform: rotate(360deg); }
}
@keyframes spin {
	0%{ transform:rotate(0deg); }
	100%{ transform:rotate(360deg); }
}

.mask{ position:fixed; top:0; bottom:0; left:0; right:0; z-index:3; background-color:rgba(0,0,0,0.30); }
.mask.hide{ display:none; }
.mask.full{ z-index:10; }
.mask .modal{ position:fixed; overflow:hidden; box-sizing:border-box; top:100px; left:50%; margin-left:-130px; z-index:3; width:260px; background-color:#fff; padding:20px 10px; text-align:center; border-radius:8px; border:1px solid #fff; box-shadow:0 2px 3px 0 rgba(0,0,0,0.35); }
.mask .modal h3{ color:#00796b; text-align:center; font-size:18px; margin-bottom:5px; font-weight:600; }
.mask .modal .linha{ overflow:hidden; margin:0 5px; padding:10px 0; font-size:15px; }
.mask .modal .alg-btn-bottom{ overflow:hidden; margin:15px 0 0 0; }
.mask .modal .close-modal{ position:absolute; top:10px; right:10px; font-size:16px; width:32px; height:32px; line-height:32px; color:#4a535a; font-weight:600; background-color:#f0f3f4; border:2px solid #f0f3f4; border-radius:100px; text-align:center; cursor:pointer; display:block; z-index:11; }
.largeheight{ top:56px; overflow:auto; height:500px; }

#content-login{ overflow:hidden; position:relative; background-color:#fff; margin:80px auto 0; padding:10px; border:0; width:270px; border-radius:8px; box-shadow:0 1px 1px rgba(0,0,0,0.30); }
#content-login h2{ font-size:20px; color:#000; text-align:center; margin:0 0 10px 0; }
.alert-login{ font-weight:bold; font-size:13px; width:auto; margin:15px -5px -5px -5px; padding:6px 5px 8px 18px; color:#666; /*background:url("/ElysiumWeb/statics/img/alertpq.png") 20px 5px no-repeat;*/ }
.label-login{ display:block; padding: 5px 0; font-size:14px; color:#151515; }
.alinhalogin{ margin:10px; width:auto; }

#content{ background-color:#fff; overflow:hidden; position:relative; box-sizing:border-box; border-radius:8px; box-shadow:0 1px 1px 0 rgba(0,0,0,0.21); margin:70px 10px 10px 10px; }

.alinhatitle{ margin:25px 10px 10px 20px; display:table; }
.alinhatitle h2{ color:#009688; font-size:17px; margin:0 0 0 10px; display:table-cell; vertical-align:top; text-transform:uppercase; }
.subtitleDicas{ margin:10px 20px 15px 20px; color:#85929E; font-weight:normal; font-size:14px; line-height:22px; }

.alinhatable{ overflow-x:auto; position:relative; padding:0; margin:20px; border:1px solid transparent; }
table{ width:100%; border-collapse:collapse; border:1px solid #bbb; }
table td, th{ border:1px solid #bbb; vertical-align:middle; text-align:left; }
table th.pq{ width:90px; text-align:center; }
table td.pq{ width:90px; text-align:center; }
table td.no-border{ border-top:1px solid #fff; border-bottom:1px solid #fff; border-left:1px solid #fff; }
table td.total{ color:#000; background-color:#ddd; font-weight:700; font-size:18px; }
thead{ font-weight:bold; color:#4b4b4b; background:#ededed; font-size:14px; }
thead th{ padding:2px 4px; }
tbody{ font-size:14px; }
tbody tr:nth-child(even){ background-color: #f4f4f4; }
tbody tr:nth-child(odd){ background-color: #fff; }
tbody tr:hover{ background:#e0f2f1; }
tbody td{ padding:10px 6px; overflow:hidden; }
tbody td form{ display:inline; overflow:hidden; }
tfoot{ font-size:15px; font-weight:700; color:#4b4b4b; }
tfoot td{ padding:10px 6px; overflow:hidden; }

.alg-collapse-btn{ overflow:hidden; display:flex; flex-direction:row; flex-wrap:nowrap; }


.alinhaLista{ display:flex; flex-direction:column; overflow:hidden; margin:15px 0; font-size:14px; }
.alinhaLista h4{ font-size:16px; margin:0 10px 0 10px; }
.alinhaLista .linhaLista{ display:flex; flex-direction:column; flex-wrap:wrap; overflow:hidden; padding:5px; box-sizing:border-box; border-radius:5px; margin:8px 10px; border:1px solid #EFF1F9; box-shadow:4px 4px 20px 0 rgba(120,135,182,.1); }
.alinhaLista .linhaLista.row{ flex-direction:row; }
.alinhaLista .linhaLista.row .icone{ display:flex; width:32px; justify-content:center; align-items:center; align-content:center; margin:5px 0 0 0; }
.alinhaLista .linhaLista.row .icone.rounded{ border-radius:100px; padding:5px; height:32px; align-self:center; background-color:#e5f4f3; margin:0 5px; }
.alinhaLista .linhaLista .boxLista{ flex-grow:1; padding:4px 10px; color:#494949; font-weight:400;  }
.alinhaLista .linhaLista .boxLista.destaque{ width:100%; font-weight:bold; font-size:17px; color:#151515; box-sizing:border-box; }
.alinhaLista .linhaLista .boxLista.full{ width:100%; box-sizing:border-box; }
.alinhaLista .linhaLista .boxLista.fs-pq{ font-size:13px; }
.alinhaLista .linhaLista .boxLista:empty{ display:none; }
.alinhaLista .linhaLista .boxLista span.tag{ padding:1px 6px; border-radius:20px; display:inline-block; font-size:12px; }
.alinhaLista .linhaLista .boxLista span.tag.grey{ background-color:#d5dbdb; color:#1b2631; }
.alinhaLista .linhaLista .boxLista span.tag.red{ background-color:#fbeeed; color:#e05d4c; }
.alinhaLista .linhaLista form{ display:inline; overflow:hidden; }
.alinhaLista .linhaLista.listaInline{ flex-direction:row; flex-wrap:nowrap; align-items:center; }
.alinhaLista .linhaLista.listaInline .boxInline{ flex:0 1 auto; }
.alinhaLista .linhaLista.listaInline .boxInline.textRight{ text-align:right; flex:2; }

.listaAlertIcon{ display:inline-block; width:16px; height:16px; line-height:16px; color:#fff; font-weight:bold; text-align:center; background-color:red; border:3px solid red; border-radius:100px; cursor:pointer; }

#exibe-total{ margin:50px auto 50px auto; width:300px; }
#exibe-total .valortotal{ font-size:35px; overflow:hidden; }
#exibe-total .valortotal .txtleft{ float:left; }
#exibe-total .valortotal .valormoeda{ text-align:right; }
#exibe-total .valortotal .txtmd{ font-size:22px; color:#525252; }
#exibe-total .text{ font-size:15px; margin:5px 0 0 0; text-align:center; }
#exibe-total .dividetotal{ border-top:1px solid #000; padding-top:5px; }
#exibe-total .dividevalor{ margin:8px 0; }

label{ width:auto; padding:5px 0; font-size:15px; display:block; font-weight:bold; color:#151515; }
.required{ font-weight:bold; }
.spanRequired{ color:#e05d4c; font-size:12px; }

.form-linha{ margin:0 20px; padding:14px 2px; overflow:hidden; position:relative; }
.form-linha.pesq{ margin:5px 20px 0 20px; overflow:hidden; }
.form-linha.pesq.noborder{ border-bottom:0; margin-bottom:-25px; }
.form-linha p.msg{ font-size:14px; line-height:20px; margin-top:5px; overflow:hidden; }

span.basic-tag{ display:inline-block; padding:1px 4px; border-radius:4px; border:1px solid #256dcd; background-color:#256dcd; color: #fff; margin:0px 2px 4px 0px; white-space:nowrap; font-size:13px; }

.bottom-bar{ margin:15px 0 20px 20px; }
.bottom-bar.no-left-margin{ margin-left:15px; }
.bottom-bar.center{ margin-left:15px; text-align:center; }

.alinha-limpar{ text-align:center; margin:0 0 20px 0; }
.alinha-centro{ text-align:center; margin:35px 0; }
.alinha-btnoperacoes{ margin:30px 20px 30px 17px; }

.btn-acao{ border:1px solid #f0f3f4; background-color:#f0f3f4; color:#4a535a; padding:8px 5px; font-size:12px; font-weight:600; border-radius:5px; margin:5px 6px 5px 0; outline:none; cursor:pointer; box-shadow:0 1px 2px 0px rgba(0,0,0,0.10); }
.btn-acao:hover{ background-color:#e1e7e9; border-color:#e1e7e9; }
.btn-acao:active{ opacity:0.66; }
.btn-acao.admin{ color:#1787f3; }
.btn-acao.collapse{ border:1px solid transparent; padding:0 15px; border-radius:0 5px 5px 0; font-size:18px; box-shadow:none; margin:0; }

.box-btn-acao{ overflow:hidden; display:block; position:relative; box-sizing:border-box; max-height:0; padding:0; max-width:300px; border:none; border-radius:10px; background-color:#f0f3f4; -webkit-transition:all .20s; -moz-transition:all .20s; -ms-transition:all .20s; -o-transition:all .20s; transition:all .20s; }
.box-btn-acao.open{ padding:2px 8px; max-height:400px; }
.box-btn-acao .btn-acao-list{ box-sizing:border-box; display:flex; justify-content:flex-start; align-items:center; color:#4a535a; background-color:#fff; font-size:12px; outline:none; cursor:pointer; border:1px solid #eee; border-radius:8px; padding:12px 8px; width:100%; text-align:left; margin:5px 0; }
.box-btn-acao .btn-acao-list:hover{ background-color:#f7f9f9; }
.box-btn-acao .btn-acao-list span{ margin-left:5px; font-size:13px; }
.box-btn-acao .btn-acao-list i{ width:15px; }
.icn-btn-acao{ -webkit-transition:all .30s; -moz-transition:all .30s; -ms-transition:all .30s; -o-transition:all .30s; transition:all .30s; }

.btn-raised{ font-family:'Google Sans Flex', sans-serif; box-sizing:border-box; font-size:13px; font-weight:600; color:#5d5d5d; letter-spacing:0px; border:1px solid #ddd; border-radius:8px; background:#ddd; margin:0 auto; padding:10px 8px; outline:none; cursor:pointer; box-shadow:0 4px 10px 0 rgba(23,23,23,.1); transition:all .2s ease-out; will-change:box-shadow, transform; }
.btn-raised.marginright{ margin-right:15px; }
.btn-raised:hover:enabled{ background:#ccc; }
.btn-raised:focus{ outline:none; }
.btn-raised:active{ opacity:0.76; }
.btn-raised.colorsys{ background:#009688; color:#fff; border-color:#009688; }
.btn-raised.colorsys:hover:enabled{ background:#00796b; }
.btn-raised:disabled{ opacity:0.66; box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.0), 0px 0px 0px 0px rgba(0, 0, 0, 0.0), 0px 0px 0px 0px rgba(0, 0, 0, 0.0); cursor:default; }
.btn-raised.pag{ background:#009688; color:#fff; padding:15px 8px; width:100px; font-size:14px; }
.btn-raised.pag:hover:enabled{ background:#00796b; }
.btn-raised.pegasus{ background-color:#409ef7; border:1px solid #409ef7; color:#fff; }
.btn-raised.pegasus:hover:enabled{ background-color:#1787f3; border:1px solid #1787f3; }

.btn-flat{ font-family:'Google Sans Flex', sans-serif; font-size:12px; font-weight:400; color:#666; text-transform:uppercase; letter-spacing:0px; border:1px solid transparent; border-radius:8px; background:transparent; margin:0 auto; padding:10px 8px; outline:none; cursor:pointer; transition:all .3s ease-in-out; will-change:box-shadow, transform; }
.btn-flat:hover{ background-color:#eee; }
.btn-flat:focus{ outline:none; }
.btn-flat:active{ opacity:0.76; }
.btn-flat.colorsys{ color:#009688; }

.btn-outline{ box-sizing:border-box; background-color:transparent; cursor:pointer; padding:10px 8px; border:1px solid #b0bec5; color:#808b96; border-radius:8px; font-family:'Google Sans Flex', sans-serif; font-size:13px; font-weight:600; }
.btn-outline:focus{ outline:none; }
.btn-outline:hover{ opacity:0.76;  }
.btn-outline.colorsys{ border-color:#009688; color:#009688; }
.btn-outline.in-boxlista{ padding:3px 5px; font-size:14px; margin:0; }
.btn-outline.in-boxlista.whatsapp-color{ color:#1ebea5; border-color:#1ebea5; }
.btn-outline.tt-none{ text-transform:none; }
.btn-outline.black{ color:#5d5d5d; border: 1px solid #ddd; }

.btn-search{ color:#fff; background-color:#009688; border:1px solid #009688; padding:10px 11px; margin:0 0 0 0; border-radius:0 3px 3px 0; font-size:13px; font-weight:700; font-family:'Google Sans Flex', sans-serif; }
.btn-search:focus{ outline:none; }
.btn-search:active{ opacity:0.86; }

.box-btn-add{ box-sizing:border-box; overflow:hidden; position:fixed; bottom:0; right:0; z-index:2; margin:0 20px 80px 0; max-height:0; padding:0; text-align:right; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; -webkit-transition:all .15s; -moz-transition:all .15s; -ms-transition:all .15s; -o-transition:all .15s; transition:all .15s; }
.box-btn-add.open{ padding:5px; max-height:400px; }
.box-btn-add .btn-add-list{ box-sizing:border-box; overflow:hidden; position:relative; display:block; border:1px solid #f0f3f4; background-color:#F0F3F4; color:#4a535a; font-weight:bold; padding:10px 5px; border-radius:5px; margin:7px 0; font-size:14px; box-shadow:0 1px 4px 0 rgba(0, 0, 0, .20); cursor:pointer; }
.box-btn-add .btn-add-list:hover{ background:#e1e7e9; border-color:#e1e7e9; }
.box-btn-add .btn-add-list:active{ outline:none; opacity:0.76; }
.btn-add-toggle{ box-sizing:border-box; position:fixed; bottom:0; right:0; z-index:2; margin:0 20px 20px 0; border:1px solid #009688; background-color:#009688; text-align:center; line-height:32px; color:#fff; font-size:30px; font-weight:normal; font-family:'Google Sans Flex', sans-serif; padding:0; width:56px; height:56px; border-radius:100px; box-shadow:0 2px 4px 0 rgba(0,0,0,0.50); cursor:pointer; transition:all .3s ease-out; }
.btn-add-toggle:hover{ background:#00796b; border:1px solid #00796b; }
.btn-add-toggle:active{ outline:none; opacity:0.76; }

.btn-add{ position:fixed; bottom:0; right:0; z-index:2; margin:0 20px 20px 0; border:16px solid #009688; background-color:#009688; text-align:center; line-height:24px; color:#fff; text-decoration:none; font-size:31px; font-weight:normal; font-family:'Google Sans Flex', sans-serif; padding:0; width:24px; height:24px; border-radius:50%; outline:0; outline:none; box-shadow:0 2px 4px 0 rgba(0,0,0,0.50); cursor:pointer; transition:all .3s ease-out; }
.btn-add:hover{ background:#00796b; border:16px solid #00796b; outline:none; }
.btn-add:focus{ outline:none; }
.btn-add:active{ outline:none; opacity:0.76; }
.btn-add.insubmit{ width:56px; height:56px; font-size:31px; line-height:0; }
.btn-add.insubmit span{ display:block; margin-top:-2px; }

.btn-back{ color:#009688; width:32px; height:32px; font-size:18px; margin:0; display:table-cell; transition:all .2s ease-in-out; padding:0 0 0 5px; }
.btn-back:hover{ cursor:pointer; opacity:0.56; }

.alinha-pagination{ width:400px; margin:10px auto; overflow:hidden; text-align:center; }
.btn-pagination{ background-color:#fff; ;width:42px; height:42px; border:1px solid #009688; color:#009688; border-radius:50px; text-align:center; margin:5px; overflow:hidden; cursor:pointer; }
.btn-pagination.select{ background-color:#009688; border:1px solid #009688; color:#fff; }
.btn-pagination.fixo{ background-color:#fff; border:1px solid #fff; color:#009688; }

.btn-cancelar{ box-sizing:border-box; font-family:'Google Sans Flex', sans-serif; font-size:13px; font-weight:600; color:#666; letter-spacing:0px; border:1px solid transparent; border-radius:8px; background:transparent; margin:0 auto; margin-left:5px; padding:10px 8px; outline:none; cursor:pointer; transition:all .3s ease-in-out; will-change:box-shadow, transform; }
.btn-cancelar:hover{ background-color:#eee; }
.btn-cancelar:focus{ outline:none; }
.btn-cancelar:active{ opacity:0.76; }

.linkPadrao{ text-decoration:none; cursor:pointer; }
.linkPadrao.colorsys{ color:#009688; }
.linkPadrao:hover{ text-decoration:underline; }

.alinha-btnbottomfield{ overflow:hidden; margin:3px 200px; }

.multi-check{ border:1px solid #ddd; box-sizing:border-box; width:100%; height:200px; overflow:auto; border-radius:8px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select:none; user-select:none; scrollbar-width:thin; scrollbar-color:#ccc #eee; }
.multi-check::-webkit-scrollbar{ width:8px; height:8px; }
.multi-check::-webkit-scrollbar-track{ background:#eee; border-radius:10px; }
.multi-check::-webkit-scrollbar-thumb { background:#ccc; border-radius:10px; }
.multi-check::-webkit-scrollbar-thumb:hover{ background:#999; }
.multi-check ul{ margin:0; padding:0; list-style-type:none; }
.multi-check ul li{ position:relative; border-top:1px solid #ddd; margin:0; padding:15px 5px 15px 30px; font-size:14px !important; font-weight:bold; display:block; color:#666666; background-color:#fff; background-position:3px 11px; }
.multi-check ul li.txt{ padding:10px 5px 10px 5px; }
.multi-check ul li:first-of-type{ border-top:none; }
.multi-check ul li:last-of-type{ border-bottom:1px solid #ddd; }
.multi-check ul li:hover{ background-color:#efefef;  }

.input-txt{ background-color:#fff; border:1px solid #ddd; color:#555; padding:12px 8px; font-size:15px; border-radius:5px; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s; box-sizing:border-box; font-family: 'Google Sans Flex', sans-serif; }
.input-txt:focus{ outline:none; border:1px solid #009688; }
.input-txt.floatleft{ float:left; }
.input-txt.mg{ width:240px; }
.input-txt.gr{ width:100%;  }
.input-txt.md{ width:130px; }
.input-txt.pq{ width:70px; }
.input-txt.strong{ font-weight:700; }
.input-txt.selec.mddate{ width:80px; }
.input-txt.noborder{ border:1px solid transparent; }
.input-txt.noborder:disabled{ color:#000; opacity:1.0; }
.input-txt:disabled{ background:#f8f8f8; }
.input-txt.collapse{ border-radius:5px 0 0 5px }

#pesq-txt.input-txt{ width:100%; margin-bottom:0; box-sizing:border-box; }

.checkbox-hide{ position:absolute; top:0; left:100px; z-index:-1; }
.checkbox-hide + .checkbox-img{ position:relative; overflow:hidden; width:24px; height:24px; margin-top:3px; background-image:url('/ElysiumWeb/statics/img/check.png'); background-repeat:no-repeat; }
.checkbox-hide + .checkbox-img.txt{ width:auto; height:auto; padding-left:30px; line-height:24px; margin-top:0; }
.checkbox-hide:checked + .checkbox-img{ background-image:url('/ElysiumWeb/statics/img/checked.png'); background-repeat:no-repeat; }

.switch{ position:relative; display:inline-block; padding:0; width:50px; height:24px; -webkit-tap-highlight-color:rgba(0,0,0,0); }
.switch input{ opacity:0; width:0; height:0; -webkit-tap-highlight-color:rgba(0,0,0,0); }
.slider{ position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color:#ccc; -webkit-transition:.4s; transition:.4s; border-radius:34px; }
.slider:before{ position:absolute; content:""; height:16px; width:16px; left:4px; bottom:4px; background-color:white; -webkit-transition:.4s; transition:.4s; border-radius:50%; }
input:checked + .slider{ background-color:#009688; }
input:checked + .slider:before{ -webkit-transform:translateX(25px); -ms-transform:translateX(25px); transform:translateX(25px); }

.switch.pq{ width:40px; height:20px; }
.slider.pq:before{ height:12px; width:12px; }
input:checked + .slider.pq:before{ -webkit-transform:translateX(20px); -ms-transform:translateX(20px); transform:translateX(20px); }

.input-textarea{ border:1px solid #ddd; background-color:#fff; color:#555; border-radius:5px; height:90px; width:100%; box-sizing:border-box; padding:5px 8px; font-family:'Google Sans Flex', sans-serif; font-size:14px; overflow:auto; resize:none; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s; }
.input-textarea:focus{ outline:none; border:1px solid #009688; }
.input-textarea.big{ width:80%; height:400px; }
.input-textarea:disabled{ background:#eee; }
.count-obs{ margin:5px 0 0 0; font-size:12px; }
.input-count-obs{ font-size:12px; width:26px; font-weight:bold; border:none; text-align:center; }

.msg-comimgbig{ text-align:center; font-size:14px; font-weight:bold; color:#bbb; padding:135px 5px 10px 5px; margin:10px 0 30px 0; background-repeat:no-repeat; background-position:center top; }
.msg-comimgbig.alert{ background-image:url("/ElysiumWeb/statics/img/alertgray_big.png"); }
.msg-comimgbig.shieldblock{ background-image:url("/ElysiumWeb/statics/img/shieldblockgray_big.png"); }
.msg-comimgbig.userremove{ background-image:url("/ElysiumWeb/statics/img/userremovegray_big.png"); }

.topmsg{ display:none; font-size:15px; font-weight:400; padding:15px 30px; margin:0 0 10px 0; }
.topmsg.alert{ background-color:#fff6db; color:#665d42; }
.topmsg.sucess{ background-color:#e7f8f3; color:#0e7252; }
.topmsg.error{ background-color:#fbeeed; color:#86372d; }

#box-info{ overflow:hidden; position:relative; margin:20px; padding:15px; border:1px solid #ccc; background-color:#f2f2f2; color:#67696f; font-size:13px; font-family:Arial, sans-serif !important; }
#box-info h6{ font-size:15px; font-weight:700; }
#box-info p{ margin:5px 0; }
#box-info hr{ margin:10px 0; border:1px solid #aaa; }

.box-aviso{ margin:25px 20px; padding:10px; border-radius:8px; color:#000; background-color:#eee; border:1px solid #ccc; }
.box-aviso .title{ font-weight:bold; margin:0 0 6px 0; }
.box-aviso p{ line-height:25px;  }
.box-aviso a{ text-decoration:none; font-weight:bold; outline:none; }
.box-aviso a:hover{ text-decoration:underline; }
.box-aviso.azul{ border:1px solid #e9f0fa; background-color:#e9f0fa; color:#194c8f; }
.box-aviso a.azul{ color:#123666; }
.box-aviso.vermelho{ background-color:#fbeeed; border:1px solid #fbeeed; color:#9c4135; }
.box-aviso a.vermelho{ color:#702e26; }
.box-aviso.verde{ background-color:#e7f8f3; border:1px solid #e7f8f3; color:#108560; }
.box-aviso a.verde{ color:#0c5f45; }

.spanAvisoTd{ display:block; margin:6px 0px 0 0; font-size:13px; }
.spanAvisoTd.vermelho{ color:#e05d4c; }
.spanAvisoTd a{ text-decoration:none; font-weight:bold; outline:none; }
.spanAvisoTd a:hover{ text-decoration:underline; }
.spanAvisoTd a.vermelho{ color:#e05d4c; }

.square-color-selected{ width:35px; height:35px; display:block; border-radius:8px; cursor:pointer; }
.alinha-box-color{ display:none; margin-top:5px; padding:5px; overflow:hidden; box-sizing:border-box; border:1px solid #ddd; border-radius:8px; text-align:center; width:280px; }
.alinha-box-color .box-color{ color:#fff; text-align:center; font-size:15px; overflow:hidden; padding-top:10px; width:40px; height:40px; box-sizing:border-box; display:inline-block; border-radius:8px; cursor:pointer; margin:10px; }

#sobre-pegasus{ text-align:center; margin:30px; border-top:1px solid #ddd; padding-top:25px; }
#sobre-pegasus p{ font-size:13px; font-weight:bold; color:#4272DB; text-decoration:none; }
#logo-pegasus{ background-image:url("/ElysiumWeb/statics/img/logo-grupopegasus.png"); background-repeat:no-repeat; width:270px; height:36px; margin:0 auto; }
#logomark-pegasus{ background-image:url("/ElysiumWeb/statics/img/logomark-grupopegasus.png"); background-repeat:no-repeat; width:130px; height:120px; margin:0 auto; }
#sobre-sistema{ text-align:center; margin-bottom:10px; }
#sobre-sistema p{ font-size:13px; font-weight:bold; }
#sobre-sistema p a{ text-decoration:none; font-size:14px; color:#009688; }
#sobre-sistema p a:hover{ text-decoration:underline; }
#logo-sistema{  margin:5px auto; font-family:'Imperial Script'; font-size:65px; color:#009688; }

.alinha-mes{ text-align:center; padding:10px; font-size:25px; font-weight:bold; color:#666; }
.posiciona-agenda{  margin:20px 20px 50px 20px; overflow:auto; display:block; padding:0 0 10px 0; }
.alinhabox-agenda{ display:flex; flex-wrap:wrap; width:1135px; margin:0 auto; }
.box-agenda{ width:160px; height:120px; border:1px solid #ccc; background-color:#fff; overflow:hidden; cursor:pointer; margin:0 -1px -1px 0; }
.box-agenda:hover{ background-color:#eee; }
.box-agenda.feriado{ background-color:#f4f4f4; cursor:default; }
.box-agenda.falso{ background-color:#f4f4f4; cursor:default; }
.box-agenda.falso:hover{ background-color:#f4f4f4; }
.alinha-diasemana{ margin:5px; color:#4a535a; }
.alinha-diasemana.hoje{ color:#fff; background-color:#7f8c8d; width:74px; box-sizing:border-box; padding:0px 5px; border-radius:50px; }
.alinha-diasemana.feriado{ color:#e05d4c; }
.evento{ background-color:#2980b9; color:#fff; font-size:11px; font-weight:bold; padding:2px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:0 1px; border-bottom:1px solid #fff; border-radius:3px; }
.evento.ocorrido{ background-color:#b0bec5; border-bottom:1px solid #eee; }
.evento.feriado{ background-color:#fbeeed; border:0; color:#e05d4c;  }

#alinhaBoxDia{ overflow:hidden; position:relative; box-sizing:border-box; margin:25px 20px 40px 20px; background-color:#fff; }
#alinhaBoxDia .alinhaHora{ box-sizing:border-box; overflow:hidden; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:stretch; align-content:center; border-bottom:1px solid #f4f4f4; }
#alinhaBoxDia .alinhaHora:first-of-type{ border-top:1px solid #f4f4f4; }
#alinhaBoxDia .alinhaHora .showHora{ box-sizing:border-box; color:#494949; font-weight:600; font-size:16px; padding:8px 0; display:flex; align-content:center; justify-content:center; align-items:center; border-right:1px solid #f4f4f4; width:40px; }
#alinhaBoxDia .alinhaHora .alinhaBoxHora{ box-sizing:border-box; display:flex; flex-direction:column; flex-grow:1; }
#alinhaBoxDia .alinhaHora .alinhaBoxHora .box{ box-sizing:border-box; padding:10px; color:#000; font-size:14px; background-color:#2980b9; border-bottom:1px solid #fff; border-radius:5px; }
#alinhaBoxDia .alinhaHora .alinhaBoxHora .box .linha{ display:block; overflow:hidden; margin:3px 0; }
#alinhaBoxDia .alinhaHora .alinhaBoxHora .box .linha span.tag{ padding:1px 6px; border-radius:20px; display:inline-block; font-size:12px; }
#alinhaBoxDia .alinhaHora .alinhaBoxHora .box .linha span.tag.grey{ background-color:#D5DBDB; color:#1B2631; }
#alinhaBoxDia .alinhaHora .alinhaBoxHora .box .btn-acao{ background-color:transparent; font-size:12px; }
#alinhaBoxDia .alinhaHora .alinhaBoxHora .box .alinha-btn form{ display:inline; overflow:hidden; }
#alinhaBoxDia .alinhaHora .alinhaBoxHora .box.ocorrido{ background-color:#f3f5f6; border-left:3px solid #90a4ae; }

.legenda-bottom{ overflow:hidden; box-sizing:border-box; margin:10px 20px; border:1px solid #eee; border-radius:5px; padding-left:10px; }
.legenda-bottom .legenda-title{ overflow:hidden; box-sizing:border-box; color:#aaa; margin:10px 0; }
.legenda-bottom .legenda-box{ overflow:hidden; box-sizing:border-box; display:block; margin:10px 0; }
.legenda-bottom .legenda-box .legenda-txt{ overflow:hidden; box-sizing:border-box; display:block; font-size:14px; }

h1.titleCadastro{ text-align:center; padding:12px; margin-top:10px; }
h2.subtitleCadastro{ text-align:center; padding:12px; font-weight:400; line-height:30px; font-size:18px; }
.separadorCadastro{ font-size:20px; color:#555; margin:15px 15px 20px 15px; font-weight:bold; font-style:italic; color:#009688; border-bottom:1px solid #009688; padding:10px 0; }
.infoForm{ color:#85929e; font-size:14px; padding:5px 0 2px 0; font-style:italic; line-height:20px; }

#bemvindo{ overflow:hidden; position:relative; }
#bemvindo h1{ text-align:center; margin:30px 0 40px 0; font-size:24px; font-weight:400; color:#232323; }
#bemvindo h2{ text-align:center; margin:20px 0 30px 0; font-size:24px; font-weight:600; color:#256dcd; }
#bemvindo h3{ text-align:center; margin:50px 0 20px 0; font-size:20px; font-weight:600; color:#e57e25; line-height:25px; }
#bemvindo h4{ text-align:center; margin:50px 0 20px 0; font-size:20px; font-weight:400; color:#000; line-height:30px; }
.youtube-container { position:relative; width:420px; height:260px; overflow:hidden; margin:0 auto;}
.youtube-container iframe,
.youtube-container object,
.youtube-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }

#bemvindo-mask{ position:fixed; bottom:0; top:0; right:0; left:0; z-index:9999; background-color:rgba(0,0,0,0.3); }
#bemvindo-wrapper{ max-width:600px;background-color:transparent;margin:60px auto; overflow:hidden; }
#bemvindo-modal{ background-color:#fff; margin:10px 15px; border-radius:4px; box-shadow:0 1px 2px 0 rgba(5,5,5,0.45); text-align:center; padding:5px 0; color:#4a535a;  overflow-y:auto; overflow-x:hidden; height:400px; scrollbar-width:thin; scrollbar-color:#ccc #eee; }
#bemvindo-modal::-webkit-scrollbar{ width:8px; height:8px; }
#bemvindo-modal::-webkit-scrollbar-track{ background:#eee; border-radius:10px; }
#bemvindo-modal::-webkit-scrollbar-thumb { background:#ccc; border-radius:10px; }
#bemvindo-modal::-webkit-scrollbar-thumb:hover{ background:#999; }
#bemvindo-modal h1{ font-size:24px; margin:10px 0; color:#4a535a; font-weight:normal; }
#bemvindo-modal h2{ font-size:22px; color:#256dcd; margin:0 0 20px 0; }
#bemvindo-modal h3{ margin:10px 0; color:#333; font-size:16px; font-weight:normal; line-height:30px; }
#bemvindo-modal h4{ margin:20px 0; color:#e57e25; font-size:20px; }
#bemvindo-modal h5{ color:#000; font-size:16px; margin:5px 0; }
#bemvindo-modal #alinha-fechar{ margin:10px 0; overflow:hidden; position:relative; padding:10px; text-align:right; }
#bemvindo-modal #alinha-fechar a{ border:1px solid #e05d4c; color:#e05d4c; padding:5px; border-radius:5px; text-decoration:none;  }
#bemvindo-modal .bemvindo-bloco{ overflow:hidden; position:relative; display:block; padding:15px 10px; }
#bemvindo-modal span.txtmarca{ border:1px solid #ddd; background-color:#f4f4f4; border-radius:4px; padding:0 2px; font-size:14px; white-space:nowrap; }
#bemvindo-modal span.txtmarca.colorsys{ border:1px solid #009688; background-color:#009688; color:#fff; }
#bemvindo-modal span.txtmarca.btnadd{ border:1px solid #009688; background-color:#009688; color:#fff; border-radius:100px; padding:5px 9px; }
#bemvindo-modal span.txtmarca.btnacao{ color:#4a535a; background-color:#fff; border:1px solid #999; font-size:13px; font-weight:normal; }
#bemvindo-modal span.txtmarca.laranja{ color:#e57e25; }

.login-info{ text-align:center;margin:20px 0 50px 0; overflow:hidden; }
.login-info p{ margin:0 0 5px 0; color:#777; font-size:15px; }
.login-info p a{ text-decoration:none; outline:none; color:#009688; font-size:16px; }
.login-info p a:hover{ text-decoration:underline; }
.login-info.novaSenha{ margin:30px 0 20px 0; border-top:1px solid #e4e4e4; padding-top:22px; }

.linhaBasic{ margin:20px; font-size:16px; text-align:center; }
.linhaBasic h3{ margin:20px 0 25px 0; font-weight:400; font-size:22px; }
.linhaBasic.destaque{ font-size:20px; color:#232323; margin-top:30px; }
.linhaBasic.destaque.gr{ font-size:22px; }
.linhaBasic label{ float:none; font-size:20px; color:#232323; }

#mural{ text-align:center; overflow:hidden; position:relative; }
#mural h1{ text-align:center; margin:30px 0 30px 0; font-size:26px; font-weight:400; color:#424242; }
#mural .linhaMural{ font-size:16px; margin:20px 5px; line-height:28px; }

a.link{ text-decoration:none; color:#333; outline:none; outline:0; }
a.link:hover{ text-decoration:underline; }
a.link:active{ text-decoration:underline; }
a.link.colorsys{ color:#009688; }

#alinha-pesquisa{ overflow:hidden; box-sizing:border-box; display:flex; flex-direction:row; flex-wrap:nowrap; width:100%; justify-content:flex-start; align-items:stretch; background-color:#f1f3f4; padding:0 10px; margin:10px 0 20px 0; border-radius:25px; }
#alinha-pesquisa .txt-pesquisa{ background-color:transparent; color:#000; width:100%; border:1px solid transparent; padding:10px 5px; font-size:14px; font-weight:bold; }
#alinha-pesquisa .txt-pesquisa::placeholder{ color:#999; font-weight:400; opacity:1; }
#alinha-pesquisa .txt-pesquisa:-ms-input-placeholder{ color:#999; font-weight:400; opacity:1; }
#alinha-pesquisa .txt-pesquisa::-ms-input-placeholder{ color:#999; font-weight:400; opacity:1; }
#alinha-pesquisa .btn{ color:#666; background-color:transparent; border:1px solid transparent; cursor:pointer; font-size:15px; text-align:center; padding:0 12px; }
#info-pesquisa{ display:block; overflow:hidden; box-sizing:border-box; margin:-15px 5px 20px 5px; color:#999; font-size:13px; }
#no-pesq-result{ display:none; overflow:hidden; box-sizing:border-box; margin:-8px 5px 15px 5px; color:#e05d4c; font-size:13px; font-weight:bold; }

.pg-noresult{ display:none; overflow:hidden; box-sizing:border-box; color:#e05d4c; font-size:13px; font-weight:bold; }
.pg-noresult.admin{ margin:5px 12px 20px 12px; }

#footer{ text-align:center; font-style:oblique; color:#666; margin:25px 0 25px 0; overflow:hidden; }
#footer #logo-pegasus{ background-image:url("/ElysiumWeb/statics/img/logo_32x32.png"); background-repeat:no-repeat; background-position:center bottom; height:32px; }
#footer a.btn-ajuda-footer{ font-style:normal; text-decoration:none; color:#009688; display:inline-block; border:1px solid transparent; border-radius:50px; padding:3px 6px; margin-bottom:3px; background-color:transparent; transition:all .3s; }
#footer a.btn-ajuda-footer:hover{ text-decoration:underline;  }

#campanhas-links-footer{ text-align:center; margin:0 0 25px 0; }
#campanhas-links-footer a{ font-size:40px; text-decoration:none; outline:none; }
#campanhas-links-footer a.setembro-amarelo{ color:#FFD600; }
#campanhas-links-footer a.outubro-rosa{ color:#fe3e8b; }
#campanhas-links-footer a.novembro-azul{ color:#448AFF; }

.fset{ overflow:hidden; margin:30px 10px 10px 10px; border:1px solid #eee; padding:0 5px; border-radius:5px; }
.fset:nth-child(even){ background-color:#fff; }
.fset:nth-child(odd){ background-color:#f9f9f9; }
.fset .legen{ color:#e57e25; font-size:18px; font-weight:bold; margin-left:10px; }

#alinhabox-acesso{ margin:20px auto; padding:0; overflow:hidden; display:flex; flex-direction:row; flex-wrap:wrap; width:auto; box-sizing:border-box; justify-content:center; }
.boxAcesso{ width:103px; margin:10px 5px; box-sizing:border-box; overflow:hidden; cursor:pointer; position:relative; }
.boxAcesso .boxIcon{ width:60px; height:60px; border:1px solid #f4f5f9; background-color:#f4f5f9; border-radius:50px; margin:0 auto; transition:all .3s; text-align:center; color:#009688; font-size:36px; line-height:63px; }
.boxAcesso .boxTxt{ margin:5px 0; text-align:center; font-size:14px; color:#232323; transition:all .3s; }
.boxAcesso:hover > .boxTxt{ color:#009688; }
.boxAcesso:hover > .boxIcon{ border:1px solid #009688; }
.boxAcesso:hover > .boxImg{ border:1px solid #009688; }
.acesso-alinha-notificacao{ box-sizing:border-box;overflow:hidden;position:relative;display:block;margin:15px 0 10px 0; padding:5px; }
.acesso-alinha-notificacao .container-notificacao{ box-sizing:border-box;overflow:hidden;position:relative;margin:0 auto;padding:8px 5px; border-radius:10px; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; flex-wrap:nowrap; cursor:pointer; }
.acesso-alinha-notificacao .container-notificacao .box-notificacao{ box-sizing:border-box;text-align:left;font-weight:bold;font-size:14px; margin:0 10px; }
.acesso-alinha-notificacao .container-notificacao .box-notificacao.icon{ font-size:25px;font-weight:normal; }
.acesso-alinha-notificacao .container-notificacao.red{ background-color:#fbeeed; border:1px solid #fbeeed; }
.acesso-alinha-notificacao .container-notificacao .box-notificacao.red{ color:#9c4135; }
.acesso-alinha-notificacao .container-notificacao.blue{ background-color:#e9f0fa; border:1px solid #e9f0fa; }
.acesso-alinha-notificacao .container-notificacao .box-notificacao.blue{ color:#194c8f; }

.container-carrossel{ margin:0; }
.container-carrossel .content-carrossel{ overflow:hidden; box-sizing:border-box; margin:10px; background-color:#fff; border-radius:5px; padding:5px; }
.container-carrossel .content-carrossel .display-carrossel{ box-sizing:border-box; display:flex; flex-direction:row; flex-wrap:nowrap; overflow-x:auto; padding:0px 0 10px 0; scrollbar-color:#ccc #fff; scrollbar-width:thin; }
.container-carrossel .content-carrossel .display-carrossel .display-track{ display:flex; justify-content:center; min-width: max-content; flex:1; }
.container-carrossel .content-carrossel .display-carrossel .box-carroussel{ box-sizing:border-box; background-color:#fff; padding:10px; margin:5px; overflow:hidden; display:flex; flex-shrink:0; flex-wrap:nowrap; flex-direction:row; align-items:stretch; border-radius:8px; width:240px; }
.container-carrossel .content-carrossel .display-carrossel .box-carroussel .icon{ font-size:24px; }
.container-carrossel .content-carrossel .display-carrossel .box-carroussel .box-content{ display:flex; flex-direction:column; flex:1; margin-left:12px; }
.container-carrossel .content-carrossel .display-carrossel .box-carroussel .box-content .txt{ font-size:14px; line-height:18px; font-weight:bold; flex:1; }
.container-carrossel .content-carrossel .display-carrossel .box-carroussel .box-content .align-btn{ margin:10px 0 0 0; }

#agenda-sugestao{ overflow:hidden; box-sizing:border-box; margin:10px; background-color:#fff; border-radius:5px; padding:5px; }
#agenda-sugestao h2{ font-size:15px; color:#525c65; font-weight:bold; margin:15px 0 15px 5px; }
#agenda-sugestao .alinha-sugestao{ box-sizing:border-box; display:flex; flex-direction:row; flex-wrap:nowrap; overflow-x:auto; padding:0px 0 10px 0; scrollbar-color:#ccc #eee; scrollbar-width:thin; }
#agenda-sugestao .alinha-sugestao::-webkit-scrollbar{ width:8px !important; height:8px !important; }
#agenda-sugestao .alinha-sugestao::-webkit-scrollbar-track{ background:#eee !important; border-radius:10px !important; }
#agenda-sugestao .alinha-sugestao::-webkit-scrollbar-thumb { background:#ccc !important; border-radius:10px !important; }
#agenda-sugestao .alinha-sugestao::-webkit-scrollbar-thumb:hover{ background:#999 !important; }
#agenda-sugestao .alinha-sugestao .btn-dias{ box-sizing:border-box; text-transform:capitalize; margin:0 4px; font-weight:600; border:2px solid #f0f3f4; color:#808b96; padding:9px 8px; font-size:14px; outline:none; cursor:pointer; }
#agenda-sugestao .alinha-sugestao .btn-dias.selecionado{ color:#151515; border-bottom:2px solid #151515; }
#agenda-sugestao .alinha-sugestao .btn-dias.mes{ color:#e05d4c; padding:8px 12px; font-size:15px; cursor:default; }
#agenda-sugestao .alinha-sugestao .btn-dias.mes:hover{ background-color:transparent;  }
#agenda-sugestao .alinha-sugestao .separa-mes{ text-transform:capitalize; color:#e05d4c; padding:8px 12px; font-size:15px; cursor:default; border-right:1px solid #e05d4c; line-height:35px; }
#agenda-sugestao .alinha-sugestao .box-sugestao{ margin:5px; }
#agenda-sugestao #footer-sugestao{ text-align:right; font-size:11px; box-sizing:border-box; margin:5px 5px 0px 5px; }


/* <EXTERNO> */
#externo-header{ overflow:hidden; position: fixed; z-index: 4; top: 0; left: 0; right: 0; background-color:#fff; color:#484848; padding:0 8px; box-sizing:border-box; height:55px; box-shadow:0 1px 3px 0 rgba(0,0,0,0.2); }
#externo-header #rede{ color:#484848; font-weight:bold; display:table-cell; vertical-align:middle; height:55px; margin:0; }
#externo-header #rede a{ text-decoration:none; outline:none; color:#484848; font-size:15px; }
#externo-header #rede .star{ color:#FFEA00; }
#externo-container{ overflow:hidden; position:relative; }
#externo-container .titulo{ text-align:center; padding:12px; margin-top:10px; font-size:20px; }
#externo-container .subtitulo{ font-size:14px; line-height:20px; font-weight:700;color:#999; }
#externo-container .linha{ font-size:16px; line-height:21px; margin:15px 5px; }
#externo-container .texto-centro{ text-align:center; }
#externo-footer{ background-color:#e6e6e6; color:#9898a6; padding:10px 0 10px 0; margin:35px 0 0 0; box-sizing:border-box; border-top:1px solid #dBdBdd;  }
#externo-footer #rede{ text-align:center; font-size:18px; font-weight:bold; margin-bottom:5px; }
#externo-footer .alinha-link-outline{ text-align:center; margin-top:-5px; }
#externo-footer .alinha-link-outline a{ outline:none; text-decoration:none; display:block; width:145px; color:#9898a6; border:1px solid #9898a6; background-color:#e6e6e6; border-radius:5px; margin:10px auto; padding:5px 0; }
#externo-footer .alinha-link-outline a.whatsapp:hover{ color:#4ac959; border:1px solid #4ac959; }
#externo-footer #circle-link{ text-align:center; overflow:hidden; position:relative; padding:0; margin-top:-2px; }
#externo-footer #circle-link a{ background-color:#9898a6; color:#fff; font-size:26px; display:inline-block; width:40px; height:40px; line-height:40px; border-radius:100px; margin:0 6px; text-align:center; }
#externo-footer #circle-link a.instagram:hover{ background-color:#fe3e8b; }
#externo-footer #circle-link a.facebook:hover{ background-color:#4267b2; }
#externo-footer #sistema-elysium{ text-align:center; font-size:21px; box-sizing:border-box; margin:15px 5px 5px 5px; }
#externo-footer #sistema-elysium a{ outline:none; text-decoration:underline; display:block; font-size:14px; color:#9898a6; width:150px; margin:0 auto; }
#externo-footer #sistema-elysium a:hover{ color:#009688; }
#externo-footer #sistema-elysium span{ display:block; font-size:12px; margin-top:5px; }
#externo-footer #logo-pegasus{ background-repeat:no-repeat; background-position:0; background-image:url("/ElysiumWeb/statics/img/grupo-pegasus-logo-shield_grey.png"); width:48px; height:48px; margin:0 auto; }
#externo-footer #grupo-pegasus{ text-align:center;  margin:0 5px 5px 5px; }
#externo-footer #grupo-pegasus span{ display:block; font-size:12px; }
/* </EXTERNO> */

#tutorial-inicial{ overflow:hidden; position:relative; box-sizing:border-box; }
#tutorial-inicial h1{ text-align:center; font-size:18px; margin:20px 10px 10px 10px; color:#707b7c; font-weight:normal; }
#tutorial-inicial h2{ text-align:center; font-size:16px; color:#515a5a; margin:25px 10px; line-height:25px; }
#tutorial-inicial .alinha-btn{ text-align:center; margin:30px 10px 25px 10px; padding:5px; }
#tutorial-inicial .alinha-formulario{ overflow:hidden; position:relative; box-sizing:border-box; max-width:600px; margin:15px auto; padding:10px; }

#termo{ padding:20px 30px; overflow:hidden; position:relative; }
#termo h2{ color:#009688; font-weight:600; text-align:center; font-size:16px; margin:10px 0; }
#termo h3{ color:#009688; font-weight:400; font-size:15px; margin:30px 0 5px 0; }
#termo p{ color:#333; font-weight:400; font-size:15px; line-height:25px; }

#alinhaPesquisa{ overflow:hidden; position:relative; margin:20px 10px; }
.inputPesqBig{ border:2px solid #bbb; box-sizing:border-box; width:100%; padding:12px 20px; border-radius:20px; transition:all .5s; background-color:#ffffff; }
.inputPesqBig:focus{ outline:none; border:2px solid #009688; }
#alinhaBoxDuvida{ overflow:hidden; position:relative; box-sizing:border-box; margin:0px; display:flex; flex-direction:row; padding:10px; flex-wrap:wrap; justify-content:center; }
#alinhaBoxDuvida .boxAjuda{ box-sizing:border-box; width:230px; padding:10px; box-shadow:0 3px 4px 0 rgba(0,0,0,0.25); border-radius:3px; margin:10px; border:1px solid #cecece; background-color:#fff; overflow:hidden; position:relative; }
#alinhaBoxDuvida .boxAjuda .tituloAjuda{ box-sizing:border-box; border-bottom:1px solid #ccc; padding:10px 0; font-size:16px; font-weight:bold; color:#232323; transition:all .4s; }
#alinhaBoxDuvida .boxAjuda .txtAjuda{ padding:10px 0; line-height:20px; }
#alinhaBoxDuvida .boxAjuda .alinhaBtnAjuda{ padding:30px 0; }
#alinhaBoxDuvida .boxAjuda .alinhaBtnAjuda .btnAjuda{ border:1px solid #999; color:#999; text-align:center; width:50px; height:50px; border-radius:100px; background-color:#fff; cursor:pointer; margin:0 7px; position: absolute; bottom:15px; left:50%; margin-left:-25px; transition:all .4s; }
#alinhaBoxDuvida .boxAjuda .alinhaBtnAjuda .btnAjuda:hover{ border-color:#009688; color:#009688; }
#alinhaTutorial{ overflow:hidden; position:relative; text-align:center; margin:0 15px 40px 15px; }
#alinhaTutorial .contadorPasso{ margin:35px auto 15px auto; border:3px solid #666; width:40px; height:40px; border-radius:50px; color:#333; text-align:center; line-height:40px; font-weight:bold; }
#alinhaTutorial img{ width:100%; height:auto; box-sizing:border-box; border:3px solid #aaa; border-radius:5px; }

#alinhaBlocoRel{ overflow:hidden; position:relative; box-sizing:border-box; margin:0px 0 15px 0; display:flex; flex-direction:row; padding:0; flex-wrap:wrap; justify-content:center; }
#alinhaBlocoRel .blocoRel{ box-sizing:border-box; border-radius:8px; margin:8px 10px; border:1px solid #EFF1F9; box-shadow:1px 2px 11px 0 rgba(120,135,182,.1); padding:10px 12px 15px 12px; width:300px; display:flex; flex-direction:row; }
#alinhaBlocoRel .blocoRel .titulo{ font-weight:bold; /*color:#4a535a;*/ color:#151515; font-size:18px; margin:0px 0 5px 0; }
#alinhaBlocoRel .blocoRel .btn{ margin:5px 0 -5px 0; }
#alinhaBlocoRel .blocoRel .icon{ align-self:center; margin-right:15px; width:50px; }
#alinhaBlocoRel .blocoRel .alinhaInfoRel{ display:flex; flex-direction:column; justify-content:center; margin-top:-4px; }
#alinhaTituloRel{ margin:5px 5px 35px 5px; text-align:center; }
#alinhaTituloRel .titulo{ color:#000; font-weight:bold; font-size:18px; }
#alinhaTituloRel .subtitulo{ color:#525c65; font-size:14px; margin-top:3px; }
.alinhaRelFlex{ margin:20px; display:flex; flex-direction:row; align-items:center; flex-wrap: wrap; }
.boxRelFlex{ border:1px solid #eee; border-radius:4px; box-shadow:0 1px 1px rgba(0,0,0,0.1); padding:10px; margin:10px; text-align:center; flex-grow:1; }
.boxRelFlex.padrao{ background-color:#f4f4f4; font-weight:bold; }
.boxRelFlexTxt{ font-size:15px; font-weight:bold; color:#fff; }
.boxRelFlexTxt.gr{ font-size:38px; }
.alinhaRel{ max-width:720px; margin:30px auto; }
.boxRel{ margin:18px 10px 10px 10px; line-height:20px; }
.boxRel.bloco{ margin-top:40px; line-height:20px; }
.boxRelAlinhaTxt{ color:#151515; font-weight:bold; font-size:15px; overflow:hidden; }
.boxRelBarra{ height:6px; background-color:#f4f4f4; border-radius:3px; margin:5px 0 0 0; }
.boxRelBarraCheia{ height:6px; background-color:#f4f4f4; border-radius:3px; }
.boxRelResultado{ margin:20px; padding:10px; text-align:center; border:1px solid #fff; border-radius:4px; background-color:#fff; color:#151515; }
.boxRel.inline{ display:flex; flex-direction:row; flex-wrap:nowrap; align-items:center; border-bottom:1px solid #eff1f9; padding-bottom:10px; color:#151515; font-size:13px; overflow:hidden; }
.boxRel.inline .title{ /*color:#495057;*/ color:#151515; font-size:15px; font-weight:bold; overflow:hidden; }
.boxRel.inline .subtitle{ margin:5px 0; font-size:13px; color:#55717f; }
.boxRel.inline .body{ color:#494949; font-size:13px; margin:5px 0; }
.boxRel.inline .boxInline{ flex:0 1 auto; }
.boxRel.inline .boxInline.textRight{ flex:2; text-align:right; padding:0 0 0 15px; font-weight:bold; font-size:14px; }
.boxRel .blk{ /*color:#4a535a;*/ color:#494949; font-size:14px; line-height:22px; overflow:hidden; display:block; box-sizing:border-box; border-bottom:1px solid #eff1f9; padding:5px 0 20px 0; }
.boxRel .blk .title{ color:#151515; font-weight:bold; font-size:15px; }
.boxRel .blk .subtitle{ margin:5px 0; font-size:13px; color:#55717f; }
.boxRel .blk .body{ margin:5px 0; font-size:13px; color:#494949; }
.boxRel .blk .footer{ font-size:14px; }
#alinhaBtnRelFiltro{ text-align:center; margin:30px 10px 20px 10px; }
#nodatarel{ color:#e05d4c; font-weight:bold; font-size:18px; margin:25px 10px 0 10px; text-align:center; }

/*<CLIENTE WEB>*/
#phoneCliente{ font-size:15px; color:#fff; position:absolute; right:15px; top:6px;  }
#phoneCliente a{ color:#fff; font-size:12px;  }
.clienteweb h1{ text-align:center; margin:10px; color:#4a535a; font-weight:bold; font-size:22px; }
.clienteweb h2{ text-align:center; margin:25px 10px; color:#256dcd; font-size:16px; line-height:25px;   }
.clienteweb .wrapper{ width:300px; margin:0 auto 20px auto; overflow:hidden; padding:10px; text-align:left; }
.clienteweb .wrapper .alinhaField{ margin:10px 0 15px 0; }
.clienteweb .wrapper .alinhaField .msgErro{ color:#e05d4c; font-size:13px; margin:5px 0; display:none; }
.clienteweb .wrapper .alinhaField h3{ margin:5px 0; color:#4a535a; }
.clienteweb .wrapper #exibeListaBairro .exibeBairro{ margin:20px 0; background-color:#f9fbe7; border:1px solid #f9fbe7; border-left:6px solid #cddc39; padding:10px; border-radius:3px; color:#4a535a; line-height:22px; }
/*</CLIENTE WEB>*/

/*<PAGAMENTO DE MENSALIDADE>*/
#pagamentoMensalidadeSistema{ margin:10px; }
#pagamentoMensalidadeSistema h2{ text-align:center; font-size:20px; color:#e57e25; }
#pagamentoMensalidadeSistema h3{ text-align:center; font-size:16px; color:#4a535a; }
#pagamentoMensalidadeSistema h4{ text-align:center; font-size:16px; color:#000; margin:20px 0; }
#pagamentoMensalidadeSistema #alinhaOpcoesPagamento{ margin:30px 0 0 0; display:flex; flex-direction:column; flex-wrap:wrap; justify-content:center; }
#pagamentoMensalidadeSistema #alinhaOpcoesPagamento .boxOpcao{ text-align:center; margin:10px; border:1px solid #e4e4e4; border-radius:8px; padding:10px; width:auto; }
#pagamentoMensalidadeSistema #alinhaOpcoesPagamento .boxOpcao .title{ color:#000; font-size:30px; font-weight:bold; margin:5px 0 0 0; }
#pagamentoMensalidadeSistema #alinhaOpcoesPagamento .boxOpcao .valor{ font-size:32px; margin:20px 0 10px 0; font-weight:bold; color:#009688; }
#pagamentoMensalidadeSistema #alinhaOpcoesPagamento .boxOpcao .descricao{ font-size:15px; color:#4a535a; margin:10px 0; line-height:23px; }
#pagamentoMensalidadeSistema #alinhaOpcoesPagamento .boxOpcao .descricao span{ font-style:italic;font-size:14px; display:block; }
#pagamentoMensalidadeSistema #alinhaOpcoesPagamento .boxOpcao .alinhaBtnPagamento{ margin:20px 0 10px 0; }
#pagamentoMensalidadeSistema #alinhaOpcoesPagamento .boxOpcao .alinhaBtnPagamento span{ display:block; font-size:14px; margin-bottom:5px; }
#pagamentoMensalidadeSistema #alinhaOpcoesPagamento .boxOpcao .alinhaBtnPagamento .btn-raised{ width:120px; }
/*</PAGAMENTO DE MENSALIDADE>*/

#ajuda{ margin:10px 5px; padding:5px; }
#ajuda h1{ text-align:center; font-size:20px; color:#e57e25; margin-bottom:5px; }
#ajuda h2{ text-align:center; font-size:18px; color:#4a535a; margin-bottom:20px; }
#ajuda h5{ text-align:center; font-size:14px; color:#4a535a; margin-bottom:35px; }
#ajuda h5 a{ text-decoration:none; color:#e05d4c; }
#ajuda h5 a:hover{ text-decoration:underline; }
#ajuda h6{ text-align:center; font-size:16px; color:#4a535a; margin:40px 0 30px 0; }
#ajuda .box-ajuda{ border:1px solid #e6e6e6; padding:0; margin:0; }
#ajuda .box-ajuda h3{ font-size:16px; color:#607d8b; padding:15px 8px; cursor:pointer; }
#ajuda .box-ajuda h3 span.icon-idicativo{ font-size:13px; transition:all .25s; display:inline-block; }
#ajuda .box-ajuda h3 span.icon-idicativo.ativo{ color:#e05d4c; -ms-transform: rotate(45deg); transform: rotate(45deg); }
#ajuda .box-ajuda .txt-ajuda{ padding:0 5px 10px 20px; color:#4d4d4c; font-weight:normal; font-size:15px; line-height:30px; display:none; }
#ajuda .box-ajuda .txt-ajuda .linha{ display:flex; flex-direction:row; flex-wrap:nowrap; margin:25px 0; }
#ajuda .box-ajuda .txt-ajuda .linha .lista-estilo{ font-size:6px; color:#000; align-self:flex-start; }
#ajuda .box-ajuda .txt-ajuda .linha .txt{ padding-left:10px; align-self:flex-start; line-height:30px; }
#ajuda .box-ajuda .txt-ajuda span.marcatxt{ border:1px solid #ddd; background-color:#f4f4f4; border-radius:4px; padding:0 2px; font-size:14px; white-space:nowrap; }
#ajuda .box-ajuda .txt-ajuda span.marcatxt.laranja{ color:#e57e25; }
#ajuda .box-ajuda .txt-ajuda span.marcatxt.preto{ color:#000; }
#ajuda .box-ajuda .txt-ajuda span.marcatxt.btnacao{ color:#4a535a; background-color:#fff; border:1px solid #999; font-size:13px; font-weight:normal; }
#ajuda .box-ajuda .txt-ajuda span.marcatxt.btnpadrao-colorsys{ color:#fff; background-color:#009688; border:1px solid #009688; font-size:12px; padding:3px 2px; }
#ajuda .box-ajuda .txt-ajuda span.marcatxt.btnadd{ border:1px solid #009688; background-color:#009688; color:#fff; border-radius:100px; padding:5px 9px; }
#ajuda .box-ajuda .txt-ajuda span.marcatxt.btnoutline{ color:#607d8b; background-color:#fff; border:1px solid #b0bec5; font-size:13px; font-weight:normal; text-transform:uppercase; }
#ajuda .box-ajuda .txt-ajuda span.citacao-topico{ color:#256dcd; }
#ajuda .box-ajuda .txt-ajuda a.link-simples{ text-decoration:none; color:#256dcd; font-weight:normal; }
#ajuda .box-ajuda .txt-ajuda a:hover{ text-decoration:underline; }
#ajuda .box-ajuda .txt-ajuda a.youtube-link{ text-decoration:none; color:#e05d4c; font-weight:normal; }
#ajuda .box-ajuda .txt-ajuda a:hover{ text-decoration:underline; }

#dashboard #titlemes{ text-align:center; color:#e57e25; font-size:22px; font-weight:bold; }
#dashboard #titlemes span{ color:#4a535a; font-size:18px; }
#dashboard #alinhaChartBloco{ display:flex; flex-direction:row; flex-wrap:wrap; }
#dashboard .blocoChart{ flex:1 1 100%; margin:15px 10px; padding:12px 10px; box-shadow:0 1px 1px rgba(0,0,0,0.1); border:1px solid #eee; border-radius:8px; border-top:2px solid #000; }
#dashboard .blocoChart .titlebloco{ margin:-10px 0 8px 0; padding:8px 0; color:#525c65; font-weight:bold; font-size:15px; border-bottom:1px solid #f4f4f4; }
#dashboard .blocoChart .titlebloco span.tag{ display:inline-block; border-radius:10px; padding:2px 8px; background-color:#eee; }
#dashboard .blocoChart .linha{ font-size:16px; line-height:20px; padding:5px 0; }
#dashboard .blocoChart .canvas-space-pie{ width:450px; margin:0 -5px 0 -5px; }
#dashboard .blocoChart .canvas-space-bar{ width:800px; margin:0 -5px 0 -5px; }
#dashboard .blocoChart .canvas-space-boundaries{ width:800px; margin:0 -5px 0 -5px; }
#dashboard .blocoChart .circle-bar{ box-sizing:border-box; overflow-x:auto; display:flex; flex-direction:row; flex-wrap:nowrap; scrollbar-width:thin; scrollbar-color:#ccc #eee; }
#dashboard .blocoChart .circle-bar::-webkit-scrollbar{ width:8px; height:8px; }
#dashboard .blocoChart .circle-bar::-webkit-scrollbar-track{ background:#eee; border-radius:10px; }
#dashboard .blocoChart .circle-bar::-webkit-scrollbar-thumb { background:#ccc; border-radius:10px; }
#dashboard .blocoChart .circle-bar::-webkit-scrollbar-thumb:hover{ background:#999; }
#dashboard .blocoChart .circle-bar .alinha-circle{ width:125px; flex:0 0 auto; margin:10px; box-sizing:border-box; overflow:hidden; position:relative; }
#dashboard .blocoChart .circle-bar .alinha-circle .circle{ width:80px; height:80px; border:3px solid #eee; border-radius:100px; margin:0 auto; text-align:center; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; color:#525c65; }
#dashboard .blocoChart .circle-bar .alinha-circle .txt-circle{ margin:5px 0; text-align:center; font-size:14px; color:#525c65; }
#dashboard .blocoChart .content-scroll-side{ box-sizing:border-box; overflow-x:auto; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; scrollbar-width:thin; scrollbar-color:#ccc #eee; padding:0px 0 10px 0;}
#dashboard .blocoChart .content-scroll-side::-webkit-scrollbar{ width:8px; height:8px; }
#dashboard .blocoChart .content-scroll-side::-webkit-scrollbar-track{ background:#eee; border-radius:10px; }
#dashboard .blocoChart .content-scroll-side::-webkit-scrollbar-thumb { background:#ccc; border-radius:10px; }
#dashboard .blocoChart .content-scroll-side::-webkit-scrollbar-thumb:hover{ background:#999; }
#dashboard .blocoChart .content-scroll-side .box-data{ width:280px; flex:0 0 auto; margin:10px 10px 10px 0px; box-sizing:border-box; overflow:hidden; position:relative; border-radius:5px; padding:5px; border:1px solid #ECF0F1; box-shadow:4px 4px 20px 0 rgba(120,135,182,.1); }
#dashboard .blocoChart .content-scroll-side .box-data .line-txt{ box-sizing:border-box; display:block; color:#515A5A; font-size:14px; padding:3px 0; line-height:20px; }
#dashboard .blocoChart .footer{ display:block; overflow:hidden; position:relative; box-sizing:border-box; }
#dashboard .avisomobile{ display:none; text-align:left; font-size:11px; font-style:italic; margin:-15px 15px 0 15px; }

#dashboard .blocoChart .linha.comentario{ border-bottom:1px solid #eee; padding:15px 0 15px 0; }
#comentarios{ transition:all .3s; }
#comentarios .comentario-nome{ font-weight:bold; font-size:15px; color:#4a535a; }
#comentarios .comentario-dados{ font-weight:normal; font-size:12px; color:#4a535a; padding:0 0 5px 0; }
#comentarios .comentario-nota{ font-weight:bold; font-size:14px; color:#8a8a8a; margin:5px 0; display:flex; }
#comentarios .comentario-nota .avaliacao-star{ font-size:13px; margin:0 3px 0 2px; }
#comentarios .comentario-txt{ font-size:14px; color:#256dcd; font-style:italic; }
.avaliacao-star{ font-size:14px; font-weight:bold;color:#FDD835; }

.gridview.row{ overflow:hidden; position:relative; margin:5px 0; padding:5px; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; flex-wrap:wrap; box-sizing:border-box; }
.gridview.row .box{ overflow:hidden; position:relative; margin:0; padding:10px 10px; box-sizing:border-box; width:100%; }
.gridview.row .box.wd-12{ max-width:100%; flex:0 0 100%; }
.gridview.row .box.wd-11{ max-width:91.666667%; flex:0 0 91.666667%; }
.gridview.row .box.wd-10{ max-width:83.333333%; flex:0 0 83.333333%; }
.gridview.row .box.wd-9{ max-width:75%; flex:0 0 75%; }
.gridview.row .box.wd-8{ max-width:66.666667%; flex:0 0 66.666667%; }
.gridview.row .box.wd-7{ max-width:58.333333%; flex:0 0 58.333333%; }
.gridview.row .box.wd-6{ max-width:50%; flex:0 0 50%; }
.gridview.row .box.wd-5{ max-width:41.666667%; flex:0 0 41.666667%; }
.gridview.row .box.wd-4{ max-width:33.333333%; flex:0 0 33.333333%; }
.gridview.row .box.wd-3{ max-width:25%; flex:0 0 25%; }
.gridview.row .box.wd-2{ max-width:16.666667%; flex:0 0 16.666667%; }
.gridview.row .box.wd-1{ max-width:8.333333%; flex:0 0 8.333333%; }

.ver-info-box{ overflow:hidden; display:block; box-sizing:border-box; position:relative; padding:5px; }
.ver-info-box .ver-info-lbl{ overflow:hidden; box-sizing:border-box; font-weight:bold; color:#000; }
.ver-info-box .ver-info-txt{ overflow:hidden; box-sizing:border-box; color:#4a535a; margin-top:5px; padding:12px 4px; border-bottom:1px solid #ccc; border-radius:5px; font-size:15px; line-height:18px; background-color:#fff; /*box-shadow:0px 1px 1px 0 rgba(0,0,0,0.15);*/ }
.ver-info-box .ver-info-msg{ outline:none; margin-top:5px; }
.ver-info-box .ver-info-msg a{ outline:none; text-decoration:none; color:#009688; font-weight:bold; font-size:14px; }
.ver-info-box .ver-info-msg a:hover{text-decoration:underline; }

.bg-azul{ background-color:#256dcd; }
.fc-azul{ color:#256dcd !important; }
.bg-aqua{ background-color:#00acd7; }
.fc-aqua{ color:#00acd7 !important; }
.bg-verde{ background-color:#18bf8a; }
.fc-verde{ color:#18bf8a !important; }
.bg-teal{ background-color:#009688; }
.fc-teal{ color:#009688 !important; }
.bg-vermelha{ background-color:#e05d4c; }
.fc-vermelha{ color:#e05d4c !important; }
.bg-lilas{ background-color:#c663ab; }
.fc-lilas{ color:#c663ab !important; }
.bg-laranja{ background-color:#e57e25; }
.fc-laranja{ color:#e57e25 !important; }
.bg-pegasus{ background-color:#409ef7; }
.fc-pegasus{ color:#409ef7 !important; }
.bg-white{ background-color:#fff; }
.fc-white{ color:#fff; }
.fc-cinza-light{ color:#566573; }

.box-effect{ border-radius:8px; margin:8px 10px; border:1px solid #EFF1F9; box-shadow:4px 4px 20px 0 rgba(120,135,182,.1); }
.pull-left{ float:left; }
.pull-right{ float:right; }
.bg-transparent{ background-color:transparent; }
.fw-bold{ font-weight:bold !important; }
.wd-100{ width:100%; }
.br-rounded-bottom{ border-radius:0 0 8px 8px; }
.br-rounded-top{ border-radius:8px 8px 0 0; }
.ta-left{ text-align:left; }

/* Remover padding adicional de botões firefox */
input[type="reset"]::-moz-focus-inner, 
input[type="button"]::-moz-focus-inner, 
input[type="submit"]::-moz-focus-inner{ padding:0; border:0; }
/* Remover background blue no android */
input,
textarea,
button,
select,
a{ font-family:'Google Sans Flex', sans-serif; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none; }
input[type="radio"]{ -webkit-appearance:auto; -moz-appearance:auto; appearance:auto; }

::-moz-selection { color:#005a51; background:#cceae7; }
::selection { color:#005a51; background:#cceae7; }

/* ==================================== MOBILE [max-width: 1124px] ==================================== */
@media screen and (max-width: 1124px) {
	#dashboard .blocoChart.com-scrollX{ display:block; position:relative; width:87%; overflow-x:auto; scrollbar-width:thin; scrollbar-color:#ccc #eee; }
	#dashboard .blocoChart.com-scrollX::-webkit-scrollbar{ width:8px; height:8px; }
	#dashboard .blocoChart.com-scrollX::-webkit-scrollbar-track{ background:#eee; border-radius:10px; }
	#dashboard .blocoChart.com-scrollX::-webkit-scrollbar-thumb { background:#ccc; border-radius:10px; }
	#dashboard .blocoChart.com-scrollX::-webkit-scrollbar-thumb:hover{ background:#999; }
	#dashboard .blocoChart .canvas-space-bar{ width:700px; }
	#dashboard .blocoChart .canvas-space-boundaries{ width:700px; }
	#alinha-agendaweb{ flex-wrap:wrap; }
	#alinha-agendaweb .box.med{ width:100%; }
	#alinha-agendaweb .box.pq{ width:100%; min-width:auto; }
	#alinhaBoxDia{ margin:25px 10px 40px 10px; }
}

/* ==================================== MOBILE [max-width: 805px] ==================================== */
@media screen and (max-width: 805px) {
	#header.nomenu{ background-position: 15px center; }
	#header #btn-menu{ display: block; }
	#header #header-logo{ left:50px; padding-left:0; }
	#menu{ display:block; overflow-y:auto; position:fixed; top:56px; bottom:0; left:0; z-index:3; box-shadow:2px 0 5px rgba(0, 0, 0, 0.27); float:none; border:0; margin:0; border-radius:0; }
	#menu ul li .iconeMenu{ top:13px; }
	#menu ul li a{ padding:17px 10px 17px 15px; font-size:17px; }
	#menu ul li ul li a{ padding:17px 11px 17px 45px; }
	.show-menu{ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
	.hide-menu{ -webkit-transform: translateX(-265px); -moz-transform: translateX(-265px); -ms-transform: translateX(-265px); -o-transform: translateX(-265px); transform: translateX(-265px); }
	#content{ margin:56px 0 0 0; padding:10px 0; border-radius:0 0 8px 8px; }
	#content.agendaWeb{ padding:0; }
	.topmsg{ padding:15px 15px; margin:-10px -3px 10px -3px; }
	label{ float:none; display:block; width:auto; }
	.count-obs{ margin:5px 0 0 0; }
	.bottom-bar{ margin:15px 0 17px 12px; }
	.txtsearch{ width:187px !important; }
	.btn-search{ padding:10px 5px; }
	table{ width:730px; }
	.form-linha{ margin:0 10px; }
	.alinha-pagination{ width:auto; text-align:center; }
	.btn-pagination{ margin:5px 1px; }
	.form-linha.pesq{ margin:0 10px 0 10px; }
	.form-linha.pesq.noborder{ margin-bottom:-20px; }
	.alinhatable{ margin:20px 10px 20px 10px; }
	.alinhatitle{ margin:10px 10px 10px 10px; }
	.subtitleDicas{ margin:15px 10px 15px 10px; }
	.alinha-btnbottomfield{ margin:3px 0; }
	.infoForm{ margin-left:0; }
	.linhaBasic label{ display:block; }
	.alinhaWrap{ margin:0 auto; width:auto; }
	#alinhaBtnBackLogin{ float:none; }
	#div-btn-menu-pegasus .btn-menu-pegasus{ margin:15px 0 15px 0; }
	.posiciona-agenda { overflow:hidden; padding:0 5px 10px 0; }
	.alinhabox-agenda{ width:auto; flex-direction:column; }
	.box-agenda.falso{ display:none; }
	.box-agenda{ width:100%;  }
	#dashboard .blocoChart .canvas-space-pie{ width:400px; }
}

/* ==================================== MOBILE [max-width: 785px] ==================================== */
@media screen and (max-width: 785px) {
	#dashboard .avisomobile{ display:block; }
	.gridview.row .box{ max-width:100% !important; flex:0 0 100% !important; }
}

/* ==================================== MOBILE [max-width: 485px] ==================================== */
@media screen and (max-width: 485px) {
	/*
	.alinhaLista .linhaLista.row .icone{ margin:5px 0 0 10px; }
	.alinhaLista .linhaLista.row{ flex-direction:column; }
	*/
}

/* ==================================== MOBILE [max-width: 420px] ==================================== */
@media screen and (max-width: 420px) {
	#dashboard .blocoChart .canvas-space-pie{ width:310px; }
}

/* ==================================== MOBILE [max-height: 315px] ==================================== */
@media screen and (max-height: 315px) {
	#maskloading .modal{ top:58px; }
	#modal-troco{ margin:0 auto; }
}
.snowflake{ color:#85c1e9; font-size:1em; font-family:Arial; }
@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%{transform:translateX(0px)}50%{transform:translateX(80px)}100%{transform:translateX(0px)}}.snowflake{position:absolute;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}
.pyro > .before, .pyro > .after{position:absolute;width:5px;height:5px;border-radius:50%;box-shadow:0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff;-moz-animation:1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;-webkit-animation:1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;-o-animation:1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;-ms-animation:1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;animation:1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;}
.pyro > .after{-moz-animation-delay:1.25s, 1.25s, 1.25s;-webkit-animation-delay:1.25s, 1.25s, 1.25s;-o-animation-delay:1.25s, 1.25s, 1.25s;-ms-animation-delay:1.25s, 1.25s, 1.25s;animation-delay:1.25s, 1.25s, 1.25s;-moz-animation-duration:1.25s, 1.25s, 6.25s;-webkit-animation-duration:1.25s, 1.25s, 6.25s;-o-animation-duration:1.25s, 1.25s, 6.25s;-ms-animation-duration:1.25s, 1.25s, 6.25s;animation-duration:1.25s, 1.25s, 6.25s;}
@-webkit-keyframes bang{to{box-shadow: -202px -87.6666666667px #00ff4d, 248px 65.3333333333px #0051ff, 216px -344.6666666667px #ff0059, -85px 29.3333333333px #1e00ff, -178px -315.6666666667px #3700ff, -116px -25.6666666667px #66ff00, 149px -112.6666666667px #09ff00, -170px -240.6666666667px #00fff2, -67px -349.6666666667px #f700ff, -115px -30.6666666667px #3700ff, -162px -334.6666666667px #00ff15, -31px 75.3333333333px #a600ff, -120px -279.6666666667px #59ff00, 249px -223.6666666667px #ff5100, -5px -227.6666666667px #ff00bf, -183px -71.6666666667px #ff009d, 189px -114.6666666667px #00ffbb, -57px -341.6666666667px #e600ff, 3px -88.6666666667px #ff00d0, 192px -352.6666666667px #59ff00, 34px -360.6666666667px #ff002b, 105px -12.6666666667px #d0ff00, -73px -37.6666666667px #bfff00, 28px -243.6666666667px #1a00ff, 15px -256.6666666667px #ff0080, -55px -97.6666666667px #00ff99, 25px -406.6666666667px #dd00ff, -196px 79.3333333333px #00ff5e, -28px -312.6666666667px #2b00ff, -146px 70.3333333333px #00ff99, 110px -234.6666666667px #ff3300, 161px 40.3333333333px #00ff55, 14px -0.6666666667px #ff002f, -211px -53.6666666667px red, 170px 6.3333333333px #0900ff, 176px -201.6666666667px #2600ff, 84px -331.6666666667px #0022ff, 68px -154.6666666667px #008cff, -133px 62.3333333333px #00ff1e, 2px 43.3333333333px #00f2ff, 29px 65.3333333333px #0062ff, -229px 9.3333333333px #ff6600, -202px -390.6666666667px #00ffd9, 237px -264.6666666667px #a2ff00, 101px -78.6666666667px #88ff00, 243px -355.6666666667px #0077ff, 166px 50.3333333333px #00ffaa, 185px -354.6666666667px #00ffdd, -236px -116.6666666667px #ff005e, -12px -77.6666666667px #ff4000, 243px -148.6666666667px #ffa600;}}
@-moz-keyframes bang{to{box-shadow: -202px -87.6666666667px #00ff4d, 248px 65.3333333333px #0051ff, 216px -344.6666666667px #ff0059, -85px 29.3333333333px #1e00ff, -178px -315.6666666667px #3700ff, -116px -25.6666666667px #66ff00, 149px -112.6666666667px #09ff00, -170px -240.6666666667px #00fff2, -67px -349.6666666667px #f700ff, -115px -30.6666666667px #3700ff, -162px -334.6666666667px #00ff15, -31px 75.3333333333px #a600ff, -120px -279.6666666667px #59ff00, 249px -223.6666666667px #ff5100, -5px -227.6666666667px #ff00bf, -183px -71.6666666667px #ff009d, 189px -114.6666666667px #00ffbb, -57px -341.6666666667px #e600ff, 3px -88.6666666667px #ff00d0, 192px -352.6666666667px #59ff00, 34px -360.6666666667px #ff002b, 105px -12.6666666667px #d0ff00, -73px -37.6666666667px #bfff00, 28px -243.6666666667px #1a00ff, 15px -256.6666666667px #ff0080, -55px -97.6666666667px #00ff99, 25px -406.6666666667px #dd00ff, -196px 79.3333333333px #00ff5e, -28px -312.6666666667px #2b00ff, -146px 70.3333333333px #00ff99, 110px -234.6666666667px #ff3300, 161px 40.3333333333px #00ff55, 14px -0.6666666667px #ff002f, -211px -53.6666666667px red, 170px 6.3333333333px #0900ff, 176px -201.6666666667px #2600ff, 84px -331.6666666667px #0022ff, 68px -154.6666666667px #008cff, -133px 62.3333333333px #00ff1e, 2px 43.3333333333px #00f2ff, 29px 65.3333333333px #0062ff, -229px 9.3333333333px #ff6600, -202px -390.6666666667px #00ffd9, 237px -264.6666666667px #a2ff00, 101px -78.6666666667px #88ff00, 243px -355.6666666667px #0077ff, 166px 50.3333333333px #00ffaa, 185px -354.6666666667px #00ffdd, -236px -116.6666666667px #ff005e, -12px -77.6666666667px #ff4000, 243px -148.6666666667px #ffa600;}}
@-o-keyframes bang{to{box-shadow: -202px -87.6666666667px #00ff4d, 248px 65.3333333333px #0051ff, 216px -344.6666666667px #ff0059, -85px 29.3333333333px #1e00ff, -178px -315.6666666667px #3700ff, -116px -25.6666666667px #66ff00, 149px -112.6666666667px #09ff00, -170px -240.6666666667px #00fff2, -67px -349.6666666667px #f700ff, -115px -30.6666666667px #3700ff, -162px -334.6666666667px #00ff15, -31px 75.3333333333px #a600ff, -120px -279.6666666667px #59ff00, 249px -223.6666666667px #ff5100, -5px -227.6666666667px #ff00bf, -183px -71.6666666667px #ff009d, 189px -114.6666666667px #00ffbb, -57px -341.6666666667px #e600ff, 3px -88.6666666667px #ff00d0, 192px -352.6666666667px #59ff00, 34px -360.6666666667px #ff002b, 105px -12.6666666667px #d0ff00, -73px -37.6666666667px #bfff00, 28px -243.6666666667px #1a00ff, 15px -256.6666666667px #ff0080, -55px -97.6666666667px #00ff99, 25px -406.6666666667px #dd00ff, -196px 79.3333333333px #00ff5e, -28px -312.6666666667px #2b00ff, -146px 70.3333333333px #00ff99, 110px -234.6666666667px #ff3300, 161px 40.3333333333px #00ff55, 14px -0.6666666667px #ff002f, -211px -53.6666666667px red, 170px 6.3333333333px #0900ff, 176px -201.6666666667px #2600ff, 84px -331.6666666667px #0022ff, 68px -154.6666666667px #008cff, -133px 62.3333333333px #00ff1e, 2px 43.3333333333px #00f2ff, 29px 65.3333333333px #0062ff, -229px 9.3333333333px #ff6600, -202px -390.6666666667px #00ffd9, 237px -264.6666666667px #a2ff00, 101px -78.6666666667px #88ff00, 243px -355.6666666667px #0077ff, 166px 50.3333333333px #00ffaa, 185px -354.6666666667px #00ffdd, -236px -116.6666666667px #ff005e, -12px -77.6666666667px #ff4000, 243px -148.6666666667px #ffa600;}}
@-ms-keyframes bang{to{box-shadow: -202px -87.6666666667px #00ff4d, 248px 65.3333333333px #0051ff, 216px -344.6666666667px #ff0059, -85px 29.3333333333px #1e00ff, -178px -315.6666666667px #3700ff, -116px -25.6666666667px #66ff00, 149px -112.6666666667px #09ff00, -170px -240.6666666667px #00fff2, -67px -349.6666666667px #f700ff, -115px -30.6666666667px #3700ff, -162px -334.6666666667px #00ff15, -31px 75.3333333333px #a600ff, -120px -279.6666666667px #59ff00, 249px -223.6666666667px #ff5100, -5px -227.6666666667px #ff00bf, -183px -71.6666666667px #ff009d, 189px -114.6666666667px #00ffbb, -57px -341.6666666667px #e600ff, 3px -88.6666666667px #ff00d0, 192px -352.6666666667px #59ff00, 34px -360.6666666667px #ff002b, 105px -12.6666666667px #d0ff00, -73px -37.6666666667px #bfff00, 28px -243.6666666667px #1a00ff, 15px -256.6666666667px #ff0080, -55px -97.6666666667px #00ff99, 25px -406.6666666667px #dd00ff, -196px 79.3333333333px #00ff5e, -28px -312.6666666667px #2b00ff, -146px 70.3333333333px #00ff99, 110px -234.6666666667px #ff3300, 161px 40.3333333333px #00ff55, 14px -0.6666666667px #ff002f, -211px -53.6666666667px red, 170px 6.3333333333px #0900ff, 176px -201.6666666667px #2600ff, 84px -331.6666666667px #0022ff, 68px -154.6666666667px #008cff, -133px 62.3333333333px #00ff1e, 2px 43.3333333333px #00f2ff, 29px 65.3333333333px #0062ff, -229px 9.3333333333px #ff6600, -202px -390.6666666667px #00ffd9, 237px -264.6666666667px #a2ff00, 101px -78.6666666667px #88ff00, 243px -355.6666666667px #0077ff, 166px 50.3333333333px #00ffaa, 185px -354.6666666667px #00ffdd, -236px -116.6666666667px #ff005e, -12px -77.6666666667px #ff4000, 243px -148.6666666667px #ffa600;}}
@keyframes bang{to{box-shadow: -202px -87.6666666667px #00ff4d, 248px 65.3333333333px #0051ff, 216px -344.6666666667px #ff0059, -85px 29.3333333333px #1e00ff, -178px -315.6666666667px #3700ff, -116px -25.6666666667px #66ff00, 149px -112.6666666667px #09ff00, -170px -240.6666666667px #00fff2, -67px -349.6666666667px #f700ff, -115px -30.6666666667px #3700ff, -162px -334.6666666667px #00ff15, -31px 75.3333333333px #a600ff, -120px -279.6666666667px #59ff00, 249px -223.6666666667px #ff5100, -5px -227.6666666667px #ff00bf, -183px -71.6666666667px #ff009d, 189px -114.6666666667px #00ffbb, -57px -341.6666666667px #e600ff, 3px -88.6666666667px #ff00d0, 192px -352.6666666667px #59ff00, 34px -360.6666666667px #ff002b, 105px -12.6666666667px #d0ff00, -73px -37.6666666667px #bfff00, 28px -243.6666666667px #1a00ff, 15px -256.6666666667px #ff0080, -55px -97.6666666667px #00ff99, 25px -406.6666666667px #dd00ff, -196px 79.3333333333px #00ff5e, -28px -312.6666666667px #2b00ff, -146px 70.3333333333px #00ff99, 110px -234.6666666667px #ff3300, 161px 40.3333333333px #00ff55, 14px -0.6666666667px #ff002f, -211px -53.6666666667px red, 170px 6.3333333333px #0900ff, 176px -201.6666666667px #2600ff, 84px -331.6666666667px #0022ff, 68px -154.6666666667px #008cff, -133px 62.3333333333px #00ff1e, 2px 43.3333333333px #00f2ff, 29px 65.3333333333px #0062ff, -229px 9.3333333333px #ff6600, -202px -390.6666666667px #00ffd9, 237px -264.6666666667px #a2ff00, 101px -78.6666666667px #88ff00, 243px -355.6666666667px #0077ff, 166px 50.3333333333px #00ffaa, 185px -354.6666666667px #00ffdd, -236px -116.6666666667px #ff005e, -12px -77.6666666667px #ff4000, 243px -148.6666666667px #ffa600;}}
@-webkit-keyframes gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0;}}
@-moz-keyframes gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0;}}
@-o-keyframes gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0;}}
@-ms-keyframes gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0;}}
@keyframes gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0;}}
@-webkit-keyframes position{0%, 19.9%{margin-top:10%;margin-left:40%;}20%, 39.9%{margin-top:5%;margin-left:50%;}40%, 59.9%{margin-top:8%;margin-left:70%;}60%, 79.9%{margin-top:10%;margin-left:20%;}80%, 99.9%{margin-top:0%;margin-left:80%;}}
@-moz-keyframes position{0%, 19.9%{margin-top:0%;margin-left:40%;}20%, 39.9%{margin-top:5%;margin-left:50%;}40%, 59.9%{margin-top:8%;margin-left:70%;}60%, 79.9%{margin-top:10%;margin-left:20%;}80%, 99.9%{margin-top:0%;margin-left:80%;}}
@-o-keyframes position{0%, 19.9%{margin-top:0%;margin-left:40%;}20%, 39.9%{margin-top:5%;margin-left:50%;}40%, 59.9%{margin-top:8%;margin-left:70%;}60%, 79.9%{margin-top:10%;margin-left:20%;}80%, 99.9%{margin-top:0%;margin-left:80%;}}
@-ms-keyframes position{0%, 19.9% {margin-top:0%;margin-left:40%;}20%, 39.9%{margin-top:5%;margin-left:50%;}40%, 59.9%{margin-top:8%;margin-left:70%;}60%, 79.9%{margin-top:10%;margin-left:20%;}80%, 99.9%{margin-top:0%;margin-left:80%;}}
@keyframes position{0%, 19.9%{margin-top:0%;margin-left:40%;}20%, 39.9%{margin-top:5%;margin-left:50%;}40%, 59.9%{margin-top:8%;margin-left:70%;}60%, 79.9%{margin-top:10%;margin-left:20%;}80%, 99.9%{margin-top:0%;margin-left:80%;}}