@charset "UTF-8";
@keyframes changingOpacity {
  from {
    opacity: 0.8; }
  to {
    opacity: 1; } }

::-webkit-scrollbar {
  width: 0.7em;
  height: 0.7em; }

::-webkit-scrollbar-thumb {
  background-color: #0f3a5d;
  border: 1px solid #cccccc;
  border-radius: 0.7em; }

::-webkit-scrollbar-track {
  background-color: #cccccc; }

::-webkit-scrollbar-corner {
  background-color: #cccccc; }

body {
  scrollbar-face-color: #0f3a5d;
  scrollbar-track-color: #cccccc; }

body,
html {
  scrollbar-arrow-color: #0f3a5d;
  scrollbar-track-color: #cccccc;
  scrollbar-face-color: #0f3a5d;
  scrollbar-highlight-color: #cccccc;
  scrollbar-3dlight-color: #cccccc;
  scrollbar-shadow-color: #cccccc;
  scrollbar-darkshadow-color: #cccccc; }

html,
body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  min-width: 900px;
  /*min-height: $height-minimum;*/
  position: relative;
  overflow-y: hidden;
  overflow-x: auto;
  background-color: #fff;
  color: #0f3a5d; }

#portal,
.entrada,
#conteudo,
#conteudo-conteudo,
#header,
#footer,
#cookies-disclaimer,
#mapa,
#mapa-conteudo {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  position: relative; }

.entrada {
  right: 0;
  left: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.7);
  overflow: hidden;
  display: none; }

.entrada-conteudo {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0; }

.ajuda-aberta #ajuda,
.sobre-aberto #sobre,
.feedback-aberto #feedback,
.privacy-aberto #privacy,
.dados-aberto #dados {
  display: table;
  z-index: 3002; }

.ajuda-aberta .entrada,
.sobre-aberto .entrada,
.feedback-aberto .entrada,
.privacy-aberto .entrada,
.dados-aberto .entrada {
  background-color: rgba(255, 255, 255, 0.5); }

.ajuda-aberta .alerta,
.sobre-aberto .alerta,
.feedback-aberto .alerta,
.privacy-aberto .alerta,
.dados-aberto .alerta {
  z-index: 0 !important; }

.ajuda-aberta .centrado,
.sobre-aberto .centrado,
.feedback-aberto .centrado,
.privacy-aberto .centrado,
.dados-aberto .centrado {
  background-color: #fff;
  padding: 10px;
  position: relative; }
  .ajuda-aberta .centrado .titulo,
  .sobre-aberto .centrado .titulo,
  .feedback-aberto .centrado .titulo,
  .privacy-aberto .centrado .titulo,
  .dados-aberto .centrado .titulo {
    margin-top: 10px; }

#ajuda-conteudo,
#sobre-conteudo,
#feedback-conteudo,
#privacy-conteudo,
#dados-conteudo {
  height: 100%;
  width: 100%;
  display: table-cell;
  vertical-align: middle; }
  #ajuda-conteudo .centrado,
  #sobre-conteudo .centrado,
  #feedback-conteudo .centrado,
  #privacy-conteudo .centrado,
  #dados-conteudo .centrado {
    width: 580px;
    max-height: 99%;
    margin: auto;
    overflow: auto; }
  #ajuda-conteudo .centrado-lg,
  #sobre-conteudo .centrado-lg,
  #feedback-conteudo .centrado-lg,
  #privacy-conteudo .centrado-lg,
  #dados-conteudo .centrado-lg {
    width: 75% !important;
    max-height: 90% !important;
    margin: auto;
    overflow: auto; }
    #ajuda-conteudo .centrado-lg p,
    #sobre-conteudo .centrado-lg p,
    #feedback-conteudo .centrado-lg p,
    #privacy-conteudo .centrado-lg p,
    #dados-conteudo .centrado-lg p {
      margin-bottom: 10px; }

img.botao-fechar {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  width: 30px;
  z-index: 11; }
  #mapa-planta img.botao-fechar {
    width: initial; }

img.botao-fechar {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  width: 30px;
  z-index: 11; }
  #mapa-formulario img.botao-fechar {
    width: initial; }

#header,
#cookies-disclaimer,
#footer {
  z-index: 10; }

.home-aberto #home {
  display: block; }

.home-aberto #footer {
  z-index: 3002; }

.home-aberto #header {
  display: none; }

.home-aberto #conteudo {
  top: 0;
  height: 100%;
  height: calc(100% - 27px); }

#header {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #27AAE1;
  color: #fff;
  height: 40px; }

#conteudo {
  overflow: hidden;
  height: calc(100% - (40px + 27px)); }

#conteudo-conteudo {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: relative; }

#footer {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 27px;
  background-color: #0f3a5d; }

#cookies-disclaimer {
  position: absolute;
  bottom: 27px;
  left: 0;
  height: 70px;
  background-color: #cccccc;
  display: none; }

.cookies-aberto #cookies-disclaimer {
  display: table; }

#mapa-canvas,
#mapa-formulario,
#mapa-planta {
  right: 0;
  left: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0; }

#mapa-planta {
  background-color: #fff;
  display: none; }

#mapa- ~ formulario {
  background-color: #fff;
  display: none; }

#mapa-conteudo {
  overflow: hidden; }

.painel-aberto #mapa {
  margin-right: 370px;
  width: calc(100% - 370px); }

#painel {
  background-color: #fff;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 370px;
  display: none;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-top: 1px solid rgba(255, 255, 255, 0.7);
  border-bottom: 1px solid rgba(255, 255, 255, 0.7); }

#painel-conteudo {
  width: 100%; }

.painel-aberto #painel {
  display: block; }

body {
  font-family: "Open Sans", Helvetica, sans-serif; }

input {
  border-width: 1px;
  width: 100%;
  padding: 5px; }

p {
  padding: 0;
  margin: 0; }

pre {
  background-color: transparent;
  border-radius: 0;
  border: 0;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  word-break: break-word;
  word-wrap: normal; }

input,
textarea,
select {
  color: #0f3a5d; }

a {
  color: #fff;
  text-decoration: none;
  word-break: break-word; }

a:hover,
a:focus {
  color: #fff;
  text-decoration: none; }

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

table {
  width: 100%; }

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.fullsize {
  width: 100%;
  height: 100%; }

.fullscreen {
  right: 0;
  left: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0; }

body:not(.autenticado) .needAuth {
  display: none !important; }

.voltar {
  position: absolute;
  top: 20px;
  left: 0;
  z-index: 9;
  background-color: #27AAE1;
  padding: 5px 20px;
  color: #fff;
  cursor: pointer;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  border-right: 1px solid rgba(255, 255, 255, 0.5); }
  .voltar:hover {
    background-color: #0f3a5d; }

.titulo {
  color: #27AAE1;
  font-size: 19px;
  margin-top: 20px;
  margin-bottom: 10px; }
  .titulo i {
    color: #0f3a5d; }
  .titulo small {
    color: #cccccc;
    text-decoration: underline;
    font-size: 11px;
    margin-right: 10px;
    cursor: pointer; }
  .titulo.subtitulo {
    font-size: 16.15px; }

.rating {
  text-align: center; }
  .rating .rating-smile {
    width: 50px;
    height: 50px;
    display: inline-block;
    cursor: pointer;
    background-image: url("/img/avaliacao50.png");
    background-position-x: 0;
    background-position-y: 0;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat; }
  .rating .rating-smile-1-outline,
  .rating .rating-smile-2-outline,
  .rating .rating-smile-4-outline,
  .rating .rating-smile-5-outline {
    background-position-y: -50px; }
  .rating .rating-smile-1-outline,
  .rating .rating-smile-1 {
    background-position-x: 0; }
  .rating .rating-smile-2-outline,
  .rating .rating-smile-2 {
    background-position-x: -50px; }
  .rating .rating-smile-4-outline,
  .rating .rating-smile-4 {
    background-position-x: -150px; }
  .rating .rating-smile-5-outline,
  .rating .rating-smile-5 {
    background-position-x: -200px; }
  .rating .rating-smile-1,
  .rating .rating-smile-1-outline:hover,
  .rating .rating-smile-2,
  .rating .rating-smile-2-outline:hover,
  .rating .rating-smile-4,
  .rating .rating-smile-4-outline:hover,
  .rating .rating-smile-5,
  .rating .rating-smile-5-outline:hover {
    background-position-y: 0; }
  .rating .descricao td {
    font-size: 12px; }

.alertify .ajs-dialog {
  background-color: #fff;
  box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.25);
  border-radius: 0;
  border: solid 1px #aaaaaa; }

.alertify .ajs-dimmer,
.alertify .ajs-modal {
  background-color: rgba(255, 255, 255, 0.5); }

.alertify .ajs-header {
  display: none; }

.alertify .ajs-body {
  color: black; }

.alertify .ajs-body .ajs-content .ajs-input {
  display: block;
  width: 100%;
  padding: 8px;
  margin: 4px;
  border-radius: 0;
  border: 1px solid #CCC; }

.alertify .ajs-body .ajs-content p {
  margin: 0; }

.alertify .ajs-footer {
  background-color: #fbfbfb;
  border-top: #eee 1px solid;
  border-radius: 0; }

.alertify .ajs-footer .ajs-buttons .ajs-button {
  background-color: transparent;
  color: #000;
  border: 0;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase; }

.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {
  color: #3593D2; }

.alertify-notifier {
  z-index: 9999; }

.alertify-notifier .ajs-message {
  background-color: #85bde7;
  color: #fff;
  text-align: left;
  border: none;
  border-radius: 0;
  font-family: "Open Sans", Helvetica, sans-serif;
  font-size: 15px;
  text-shadow: none; }

.alertify-notifier .ajs-message.ajs-visible {
  padding: 10px;
  padding-right: 27px; }

.alertify-notifier .ajs-message .fa {
  padding: 5px;
  font-size: larger; }

.alertify-notifier .ajs-message b {
  margin-right: 5px; }

.alertify-notifier .ajs-message .fa-times {
  position: absolute;
  top: 10px;
  right: 5px; }

.alertify-notifier .ajs-message.ajs-success {
  color: #fff;
  background-color: #8bc643;
  text-shadow: none; }

.alertify-notifier .ajs-message.ajs-error {
  color: #fff;
  background-color: #c1272d;
  text-shadow: none; }

.alertify-notifier .ajs-message.ajs-warning {
  color: #fff;
  background-color: #ff9f1c;
  text-shadow: none; }

.small.switch {
  width: 42px;
  height: 20px;
  top: 5px;
  background-color: #fff; }
  .small.switch small {
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    background-color: #0f3a5d; }
  .small.switch.checked {
    background: #27AAE1;
    border-color: #27AAE1; }

.hint:after,
[data-hint]:after {
  text-shadow: none;
  box-shadow: none;
  font-size: 11px; }

/** 
 * Outras posições
 */
.hint--bottom-left:before {
  margin-top: -12px; }

.hint--bottom-left:after {
  margin-right: -18px; }

.hint--bottom-left:before,
.hint--bottom-left:after {
  top: 100%;
  right: 50%; }

.hint--bottom-left:hover:after,
.hint--bottom-left:hover:before,
.hint--bottom-left:focus:after,
.hint--bottom-left:focus:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px); }

/**
  * Default
 */
.hint:after,
[data-hint]:after {
  background: #0f3a5d;
  color: #fff; }

.hint--top:before {
  border-top-color: #0f3a5d; }

.hint--bottom:before,
.hint--bottom-left:before {
  border-bottom-color: #0f3a5d; }

.hint--left:before {
  border-left-color: #0f3a5d; }

.hint--right:before {
  border-right-color: #0f3a5d; }

/**
 * Error
 */
.hint.hint--error:after {
  background: #c1272d;
  color: #fff; }

.hint--error.hint--top:before {
  border-top-color: #c1272d; }

.hint--error.hint--bottom:before,
.hint--error.hint--bottom-left:before {
  border-bottom-color: #c1272d; }

.hint--error.hint--left:before {
  border-left-color: #c1272d; }

.hint--error.hint--right:before {
  border-right-color: #c1272d; }

/**
 * Warning
 */
.hint.hint--warning:after {
  background: #ff9f1c;
  color: #fff; }

.hint--warning.hint--top:before {
  border-top-color: #ff9f1c; }

.hint--warning.hint--bottom:before,
.hint--warning.hint--bottom-left:before {
  border-bottom-color: #ff9f1c; }

.hint--warning.hint--left:before {
  border-left-color: #ff9f1c; }

.hint--warning.hint--right:before {
  border-right-color: #ff9f1c; }

/**
 * Success
 */
.hint.hint--success:after {
  background: #8bc643;
  color: #fff; }

.hint--success.hint--top:before {
  border-top-color: #8bc643; }

.hint--success.hint--bottom:before,
.hint--success.hint--bottom-left:before {
  border-bottom-color: #8bc643; }

.hint--success.hint--left:before {
  border-left-color: #8bc643; }

.hint--success.hint--right:before {
  border-right-color: #8bc643; }

.btn-rounded {
  border-radius: 10px; }

.btn {
  border-radius: 0;
  font-family: "Open Sans", Helvetica, sans-serif; }

.btn:hover,
.btn:focus {
  color: #fff; }

.btn:active,
.btn.active {
  -webkit-box-shadow: inset 0 3px 5px rgba(15, 58, 93, 0.125);
  box-shadow: inset 0 3px 5px rgba(15, 58, 93, 0.125); }

.btn-default {
  color: #0f3a5d;
  background-color: #fff;
  border-color: #cccccc; }

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #0f3a5d;
  background-color: #cccccc;
  border-color: #cccccc; }

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #cccccc; }

.btn-default .badge {
  color: #fff;
  background-color: #0f3a5d; }

.btn-primary {
  color: #fff;
  background-color: #27AAE1;
  border-color: #27AAE1; }

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #0f3a5d;
  border-color: #0f3a5d; }

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #85bde7;
  border-color: #85bde7; }

.btn-primary .badge {
  color: #0f3a5d;
  background-color: #fff; }

.btn-success {
  color: #fff;
  background-color: #8bc643;
  border-color: #8bc643; }

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #76AC35;
  border-color: #76AC35; }

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #8bc643;
  border-color: #8bc643; }

.btn-success .badge {
  color: #8bc643;
  background-color: #fff; }

.btn-info {
  color: #0f3a5d;
  background-color: #fff;
  border-color: #cccccc; }

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #0f3a5d;
  background-color: #cccccc;
  border-color: #cccccc; }

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #fff;
  border-color: #cccccc; }

.btn-info .badge {
  color: #fff;
  background-color: #0f3a5d; }

.btn-warning {
  color: #fff;
  background-color: #ff9f1c;
  border-color: #ff9f1c; }

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #E68600;
  border-color: #E68600; }

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #ff9f1c;
  border-color: #ff9f1c; }

.btn-warning .badge {
  color: #ff9f1c;
  background-color: #fff; }

.btn-danger {
  color: #fff;
  background-color: #c1272d;
  border-color: #c1272d; }

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #A52226;
  border-color: #A52226; }

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #c1272d;
  border-color: #c1272d; }

.btn-danger .badge {
  color: #c1272d;
  background-color: #fff; }

.btn-link {
  color: #27AAE1; }

.btn-link:hover,
.btn-link:focus {
  color: #0f3a5d; }

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #27AAE1; }

.calendar {
  color: white;
  padding: 0;
  background: #4A4A4A;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  margin: 0 auto;
  overflow: hidden;
  /* Animations are cool!  */
  /*
    Scroll
*/
  /* 
 * make the content's top changes animate.
 * might not always look good, but looks
 * good when our loader is added & removed
 */
  /* make loading bar slide up/down */ }
  .calendar .header {
    height: 50px;
    background: #424242;
    text-align: center;
    position: relative;
    z-index: 100; }
  .calendar .header h1 {
    color: white;
    margin: 0;
    padding: 0;
    font-size: 20px;
    line-height: 50px;
    font-weight: 100;
    letter-spacing: 1px; }
  .calendar .left,
  .calendar .right {
    position: absolute;
    top: 0;
    cursor: pointer;
    height: 100%;
    width: 6em;
    padding-top: 1em; }
  .calendar .left i,
  .calendar .right i {
    color: transparent #a09fa0;
    color: #a09fa0;
    font-size: 2em; }
  .calendar .left {
    left: 0; }
  .calendar .right {
    right: 0; }
  .calendar .month {
    opacity: 0;
    width: 100%; }
  .calendar .ourrow,
  .calendar .events {
    width: 100%; }
  .calendar .week-title {
    padding-top: 10px; }
  .calendar .month.new {
    -webkit-animation: fadeIn 1s ease-out;
    opacity: 1; }
  .calendar .month.in.next {
    -webkit-animation: moveFromTopFadeMonth .4s ease-out;
    -moz-animation: moveFromTopFadeMonth .4s ease-out;
    animation: moveFromTopFadeMonth .4s ease-out;
    opacity: 1; }
  .calendar .month.out.next {
    -webkit-animation: moveToTopFadeMonth .4s ease-in;
    -moz-animation: moveToTopFadeMonth .4s ease-in;
    animation: moveToTopFadeMonth .4s ease-in;
    opacity: 1; }
  .calendar .month.in.prev {
    -webkit-animation: moveFromBottomFadeMonth .4s ease-out;
    -moz-animation: moveFromBottomFadeMonth .4s ease-out;
    animation: moveFromBottomFadeMonth .4s ease-out;
    opacity: 1; }
  .calendar .month.out.prev {
    -webkit-animation: moveToBottomFadeMonth .4s ease-in;
    -moz-animation: moveToBottomFadeMonth .4s ease-in;
    animation: moveToBottomFadeMonth .4s ease-in;
    opacity: 1; }
  .calendar .week {
    background: #4A4A4A; }
  .calendar .week {
    width: 100%; }
  .calendar .day {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    background: #4A4A4A;
    position: relative;
    z-index: 100;
    width: 14%; }
  .calendar .day {
    color: rgba(255, 255, 255, 0.95); }
  .calendar .day.other {
    color: rgba(255, 255, 255, 0.3); }
  .calendar .day.today {
    color: #9ccaeb; }
  .calendar .titleContainer {
    width: 100%; }
  .calendar .day-name {
    font-size: 9px;
    text-transform: uppercase;
    margin-bottom: 5px;
    color: rgba(255, 255, 255, 0.5);
    letter-spacing: .7px; }
  .calendar .day-number {
    font-size: 20px;
    letter-spacing: 1.5px; }
  .calendar .day .day-events {
    list-style: none;
    margin-top: 3px;
    text-align: center;
    height: 12px;
    line-height: 6px;
    overflow: hidden; }
  .calendar .day .day-events span {
    vertical-align: top;
    display: inline-block;
    padding: 0;
    margin: 0;
    width: 5px;
    height: 5px;
    line-height: 5px;
    margin: 0 1px; }
  .calendar .blue {
    background: #9ccaeb; }
  .calendar .orange {
    background: #f7a700; }
  .calendar .green {
    background: #99c66d; }
  .calendar .yellow {
    background: #f9e900; }
  .calendar .blue-alt {
    background: #27aae1; }
  .calendar .circle {
    border-radius: 50%; }
  .calendar .details {
    position: relative;
    width: 100%;
    background: #a4a4a4;
    margin-top: 5px;
    border-radius: 4px; }
  .calendar .details.in {
    -webkit-animation: moveFromTopFade .5s ease both;
    -moz-animation: moveFromTopFade .5s ease both;
    animation: moveFromTopFade .5s ease both; }
  .calendar .details.out {
    -webkit-animation: moveToTopFade .5s ease both;
    -moz-animation: moveToTopFade .5s ease both;
    animation: moveToTopFade .5s ease both; }
  .calendar .arrow {
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #a4a4a4 transparent;
    transition: all 0.7s ease; }
  .calendar .events.in {
    -webkit-animation: fadeIn .3s ease both;
    -moz-animation: fadeIn .3s ease both;
    animation: fadeIn .3s ease both; }
  .calendar .events.in {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    animation-delay: .3s; }
  .calendar .details.out .events {
    -webkit-animation: fadeOutShrink .4s ease both;
    -moz-animation: fadeOutShink .4s ease both;
    animation: fadeOutShink .4s ease both; }
  .calendar .events.out {
    -webkit-animation: fadeOut .3s ease both;
    -moz-animation: fadeOut .3s ease both;
    animation: fadeOut .3s ease both; }
  .calendar .event {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .5px;
    padding: 2px 16px;
    vertical-align: top; }
  .calendar .event.empty {
    color: #eee; }
  .calendar .event-category {
    height: 10px;
    width: 10px;
    display: inline-block;
    margin: 6px 0 0;
    vertical-align: top; }
  .calendar .event span {
    display: inline-block;
    padding: 0 0 0 7px; }
  .calendar .legend {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 30px;
    background: #3c3c3c;
    line-height: 30px; }
  .calendar .entry {
    position: relative;
    padding: 0 0 0 25px;
    font-size: 13px;
    display: inline-block;
    line-height: 30px;
    background: transparent; }
  .calendar .entry:after {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    top: 12px;
    left: 14px; }
  .calendar .entry.blue:after {
    background: #9ccaeb; }
  .calendar .entry.orange:after {
    background: #f7a700; }
  .calendar .entry.green:after {
    background: #99c66d; }
  .calendar .entry.yellow:after {
    background: #f9e900; }

@-webkit-keyframes moveFromTopFade {
  from {
    opacity: 0.3;
    height: 0;
    margin-top: 0;
    -webkit-transform: translateY(-100%); } }

@-moz-keyframes moveFromTopFade {
  from {
    height: 0;
    margin-top: 0;
    -moz-transform: translateY(-100%); } }

@keyframes moveFromTopFade {
  from {
    height: 0;
    margin-top: 0;
    transform: translateY(-100%); } }

@-webkit-keyframes moveToTopFade {
  to {
    opacity: 0.3;
    height: 0;
    margin-top: 0;
    opacity: 0.3;
    -webkit-transform: translateY(-100%); } }

@-moz-keyframes moveToTopFade {
  to {
    height: 0;
    -moz-transform: translateY(-100%); } }

@keyframes moveToTopFade {
  to {
    height: 0;
    transform: translateY(-100%); } }

@-webkit-keyframes moveToTopFadeMonth {
  to {
    opacity: 0;
    -webkit-transform: translateY(-30%) scale(0.95); } }

@-moz-keyframes moveToTopFadeMonth {
  to {
    opacity: 0;
    -moz-transform: translateY(-30%); } }

@keyframes moveToTopFadeMonth {
  to {
    opacity: 0;
    -moz-transform: translateY(-30%); } }

@-webkit-keyframes moveFromTopFadeMonth {
  from {
    opacity: 0;
    -webkit-transform: translateY(30%) scale(0.95); } }

@-moz-keyframes moveFromTopFadeMonth {
  from {
    opacity: 0;
    -moz-transform: translateY(30%); } }

@keyframes moveFromTopFadeMonth {
  from {
    opacity: 0;
    -moz-transform: translateY(30%); } }

@-webkit-keyframes moveToBottomFadeMonth {
  to {
    opacity: 0;
    -webkit-transform: translateY(30%) scale(0.95); } }

@-moz-keyframes moveToBottomFadeMonth {
  to {
    opacity: 0;
    -webkit-transform: translateY(30%); } }

@keyframes moveToBottomFadeMonth {
  to {
    opacity: 0;
    -webkit-transform: translateY(30%); } }

@-webkit-keyframes moveFromBottomFadeMonth {
  from {
    opacity: 0;
    -webkit-transform: translateY(-30%) scale(0.95); } }

@-moz-keyframes moveFromBottomFadeMonth {
  from {
    opacity: 0;
    -webkit-transform: translateY(-30%); } }

@keyframes moveFromBottomFadeMonth {
  from {
    opacity: 0;
    -webkit-transform: translateY(-30%); } }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; } }

@-moz-keyframes fadeIn {
  from {
    opacity: 0; } }

@keyframes fadeIn {
  from {
    opacity: 0; } }

@-webkit-keyframes fadeOut {
  to {
    opacity: 0; } }

@-moz-keyframes fadeOut {
  to {
    opacity: 0; } }

@keyframes fadeOut {
  to {
    opacity: 0; } }

@-webkit-keyframes fadeOutShink {
  to {
    opacity: 0;
    padding: 0;
    height: 0; } }

@-moz-keyframes fadeOutShink {
  to {
    opacity: 0;
    padding: 0;
    height: 0; } }

@keyframes fadeOutShink {
  to {
    opacity: 0;
    padding: 0;
    height: 0; } }
  .calendar .scroll {
    position: relative;
    width: 100%;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    padding: 10px;
    height: 50px; }
  .calendar .scroll-width {
    position: absolute;
    display: block; }
  .calendar .scroll .btn {
    margin-right: 5px;
    margin-left: 5px;
    display: inline; }
  .calendar .bar.bar-loading {
    display: block;
    height: 24px;
    /* starts right below a normal header */
    top: 44px;
    /* make the text centered vertically and horizontally */
    text-align: center;
    padding: 0;
    line-height: 24px;
    /* transition 'sliding down' (check below)*/
    -webkit-transition: 200ms all; }
  .calendar .has-header {
    -webkit-transition: 200ms top; }
  .calendar .has-header.has-loading {
    /* 44px (header) + 24px */
    top: 68px; }
  .calendar .bar-loading.ng-enter,
  .calendar .bar-loading.ng-leave.ng-leave-active {
    height: 0;
    border-width: 0; }
  .calendar .bar-loading.ng-enter.ng-enter-active,
  .calendar .bar-loading.ng-leave {
    height: 24px;
    border-width: 1px; }
  .calendar .hidden {
    display: none; }

.barra-pesquisa {
  position: relative; }
  .barra-pesquisa table {
    width: 100%; }
  .barra-pesquisa .barra {
    background-color: #fff;
    color: #cccccc;
    border: 1px solid #27AAE1; }
    .barra-pesquisa .barra > td {
      height: 2em; }
    .barra-pesquisa .barra .barra-caixa-texto {
      padding-left: 5px; }
    .barra-pesquisa .barra .barra-caixa-texto input {
      border: none;
      width: 100%;
      font-size: 12px; }
      .barra-pesquisa .barra .barra-caixa-texto input:focus, .barra-pesquisa .barra .barra-caixa-texto input.active {
        border: none;
        outline: none; }
    .barra-pesquisa .barra .submit {
      display: none; }
    .barra-pesquisa .barra .barra-pesquisar {
      cursor: pointer;
      text-align: center;
      width: 32px;
      background-color: #0f3a5d;
      color: color-light;
      font-size: 18px; }
    .barra-pesquisa .barra .barra-pesquisar:hover {
      background-color: #27AAE1;
      color: #fff; }

#home {
  background-color: #fff;
  background-image: url("/img/promo.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 3000; }
  #home #home-conteudo {
    z-index: 3001; }
  #home .logotipo {
    width: 700px;
    /*height: $home-logotipo-height;*/
    /*background-image: url($home-logotipo-src);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;*/
    margin-bottom: 100px; }
  #home .titulo {
    color: #449ddc;
    font-size: 33px;
    margin: 0;
    text-shadow: 1px 1px #0f3a5d; }
  #home .subtitulo,
  #home .opcoes p,
  #home .apps p {
    margin: 0;
    font-size: 12px; }
  #home .apps p {
    text-shadow: 1px 1px #2D2D2D; }
  #home .promotion {
    float: left;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 10px;
    font-size: 18px;
    border-radius: 0 5px 5px 0;
    float: left;
    position: absolute;
    bottom: 0; }
  #home .subtitulo {
    color: #449ddc; }
  #home .meio {
    text-align: center;
    width: 720px;
    height: 530px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  #home .opcoes {
    margin-top: 20px; }
    #home .opcoes .opcao {
      display: inline-block;
      vertical-align: top;
      text-align: center;
      width: 120px;
      height: 120px;
      cursor: pointer;
      background-color: #fff;
      background-color: rgba(255, 255, 255, 0.5);
      border-radius: 60px;
      padding: 20px;
      transition: background-color 500ms linear; }
  #home .sem-login {
    padding-top: 20px; }
    #home .sem-login .opcao {
      display: inline-block;
      vertical-align: top;
      text-align: center;
      width: 400px;
      height: 120px;
      cursor: pointer;
      background-color: #fff;
      background-color: rgba(255, 255, 255, 0.5);
      /*border-radius: $home-opcao-width/2;*/
      padding: 20px;
      transition: background-color 500ms linear; }
  #home .opcao:hover {
    background-color: rgba(255, 255, 255, 0.9); }
  #home .opcao img {
    width: 32px; }
  #home .opcao:not(:first-child) {
    margin-left: 20px; }
  #home .opcao p {
    margin-top: 20px;
    color: #0f3a5d; }
  #home .profile {
    color: #fff;
    margin-top: -139px; }
    #home .profile .botao-fechar {
      width: 20px; }
    #home .profile .profile-box {
      position: absolute;
      background-color: #0f3a5d;
      border: 1px solid #0f3a5d;
      border-radius: 20px;
      border-radius: 20px;
      width: initial;
      margin: auto;
      display: block;
      right: 25%;
      width: 50%;
      padding: 40px; }
    #home .profile .nome {
      color: #27AAE1;
      margin-bottom: 20px;
      font-size: 30px; }
    #home .profile .provider img {
      width: 24px;
      margin-right: 5px; }
    #home .profile .provider span {
      font-size: 15px; }
    #home .profile .botao {
      text-align: center;
      margin-top: 40px; }
      #home .profile .botao .btn {
        border-radius: 5px; }
      #home .profile .botao .btn:hover {
        background-color: #000; }
    #home .profile .foto {
      width: 100px;
      height: 100px;
      border-radius: 50px;
      background-color: #0f3a5d;
      background-image: url(/img/guest_128.png);
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      margin: auto;
      margin-top: -89px;
      border: 1px solid #0F3A5D; }
  #home .baixo {
    position: absolute;
    width: 100%;
    bottom: 40px; }
  #home .apps {
    float: right;
    margin-right: 40px;
    text-align: center; }
  #home .apps img {
    width: 128px; }
  #home .apps p {
    margin-bottom: 10px;
    color: #449ddc;
    font-size: 18px; }
  #home .apps img:first-child {
    margin-right: 20px; }
  #home #slider {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    transition: background-image 1s ease-in-out; }
    #home #slider img {
      display: none; }

#footer-conteudo {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-size: 11px; }
  #footer-conteudo .lingua,
  #footer-conteudo .menu,
  #footer-conteudo .menu .opcao {
    float: left; }
  #footer-conteudo .lingua {
    cursor: pointer;
    width: 170px;
    position: relative; }
  #footer-conteudo .lingua .opcoes {
    border: 1px solid #cccccc;
    background-color: #fff;
    width: 100%;
    position: absolute;
    bottom: 27px; }
  #footer-conteudo .esquerda,
  #footer-conteudo .menu,
  #footer-conteudo .lingua,
  #footer-conteudo .escolhida {
    height: 100%; }
  #footer-conteudo .escolhida {
    background-color: #27AAE1;
    color: #fff;
    padding: 5px 10px;
    width: 100%; }
    #footer-conteudo .escolhida i {
      float: right; }
    #footer-conteudo .escolhida p {
      text-align: center; }
  #footer-conteudo .opcoes {
    padding: 10px; }
    #footer-conteudo .opcoes .opcao {
      cursor: pointer;
      text-align: center;
      padding: 5px 0; }
    #footer-conteudo .opcoes .opcao:not(:first-child) {
      border-top: 1px solid #0f3a5d; }
  #footer-conteudo .menu {
    padding: 5px 10px; }
    #footer-conteudo .menu .opcao {
      padding: 0 5px;
      cursor: pointer;
      color: #fff; }
    #footer-conteudo .menu .opcao:not(:first-child) {
      border-left: 1px solid #27AAE1; }
  #footer-conteudo .direita {
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    width: 190px;
    background-color: #fff;
    padding: 5px 10px; }
    #footer-conteudo .direita img {
      width: 100px;
      vertical-align: top;
      cursor: pointer; }
    #footer-conteudo .direita span {
      color: #0f3a5d;
      margin-right: 5px; }

#header {
  position: relative;
  font-size: 20px; }
  #header .logotipo img {
    padding: 5px 10px;
    height: 39px;
    margin-left: 20px;
    cursor: pointer; }
  #header .logotipo,
  #header .menu,
  #header .menu .opcao {
    float: left; }
  #header .menu {
    padding: 5px 10px; }
  #header .menu .opcao {
    margin-left: 40px;
    cursor: pointer; }
    #header .menu .opcao span {
      font-weight: lighter;
      font-size: 18px; }
    #header .menu .opcao i {
      margin-left: 10px;
      font-size: 20px; }
  #header .direita {
    position: absolute;
    top: 10px;
    right: 20px; }
    #header .direita .nome,
    #header .direita .foto {
      float: left;
      cursor: pointer; }
    #header .direita .nome {
      margin-right: 20px; }
    #header .direita .foto {
      width: 70px;
      height: 70px;
      border-radius: 35px;
      background-color: #0f3a5d;
      background-image: url(/img/guest_128.png);
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain; }

#cookies-disclaimer-conteudo {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-size: 15px;
  color: #000000;
  top: 18px; }
  #cookies-disclaimer-conteudo #abrir-privacidade {
    cursor: pointer; }
  #cookies-disclaimer-conteudo .container {
    width: 90%; }

#dados {
  background-color: #fff;
  background-image: url("/img/promo.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 3000; }
  #dados #dados-conteudo {
    z-index: 3001; }
  #dados .logotipo {
    width: 700px;
    /*height: $home-logotipo-height;*/
    /*background-image: url($home-logotipo-src);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;*/
    margin-bottom: 100px; }
  #dados .titulo {
    color: #449ddc;
    font-size: 33px;
    margin: 0;
    text-shadow: 1px 1px #0f3a5d; }
  #dados .subtitulo,
  #dados .opcoes p,
  #dados .apps p {
    margin: 0;
    font-size: 12px; }
  #dados .apps p {
    text-shadow: 1px 1px #2D2D2D; }
  #dados .promotion {
    float: left;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 10px;
    font-size: 18px;
    border-radius: 0 5px 5px 0;
    float: left;
    position: absolute;
    bottom: 0; }
  #dados .subtitulo {
    color: #449ddc; }
  #dados .texto-livre {
    margin-top: 40px; }
  #dados .meio {
    text-align: center;
    width: 720px;
    height: 530px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  #dados .opcoes {
    margin-top: 20px; }
    #dados .opcoes .opcao {
      display: inline-block;
      vertical-align: top;
      text-align: center;
      width: 120px;
      height: 120px;
      cursor: pointer;
      background-color: #fff;
      background-color: rgba(255, 255, 255, 0.5);
      border-radius: 60px;
      padding: 20px;
      transition: background-color 500ms linear; }
  #dados .sem-login {
    padding-top: 20px; }
    #dados .sem-login .opcao {
      display: inline-block;
      vertical-align: top;
      text-align: center;
      width: 400px;
      height: 120px;
      cursor: pointer;
      background-color: #fff;
      background-color: rgba(255, 255, 255, 0.5);
      /*border-radius: $home-opcao-width/2;*/
      padding: 20px;
      transition: background-color 500ms linear; }
  #dados .opcao:hover {
    background-color: rgba(255, 255, 255, 0.9); }
  #dados .opcao img {
    width: 32px; }
  #dados .opcao:not(:first-child) {
    margin-left: 20px; }
  #dados .opcao p {
    margin-top: 20px;
    color: #0f3a5d; }
  #dados .profile {
    color: #fff;
    margin-top: -139px; }
    #dados .profile .botao-fechar {
      width: 20px; }
    #dados .profile .profile-box {
      position: absolute;
      background-color: #0f3a5d;
      border: 1px solid #0f3a5d;
      border-radius: 20px;
      border-radius: 20px;
      width: initial;
      margin: auto;
      display: block;
      width: 100%;
      padding: 40px; }
    #dados .profile .container {
      top: 15px;
      width: 90%; }
    #dados .profile .form-control {
      margin-bottom: 5px; }
    #dados .profile .nome {
      color: #27AAE1;
      margin-bottom: 20px;
      font-size: 30px; }
    #dados .profile .mensagem-footer {
      margin-top: 40px;
      font-weight: bold; }
    #dados .profile .provider img {
      width: 24px;
      margin-right: 5px; }
    #dados .profile .provider span {
      font-size: 15px; }
    #dados .profile .botao {
      text-align: center;
      margin-top: 40px; }
      #dados .profile .botao .btn {
        border-radius: 5px; }
      #dados .profile .botao .btn:hover {
        background-color: #000; }
    #dados .profile .foto {
      width: 100px;
      height: 100px;
      border-radius: 50px;
      background-color: #0f3a5d;
      background-image: url(/img/guest_128.png);
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      margin: auto;
      margin-top: -89px;
      border: 1px solid #0F3A5D; }
  #dados .baixo {
    position: absolute;
    width: 100%;
    bottom: 40px; }
  #dados .apps {
    float: right;
    margin-right: 40px;
    text-align: center; }
  #dados .apps img {
    width: 128px; }
  #dados .apps p {
    margin-bottom: 10px;
    color: #449ddc;
    font-size: 18px; }
  #dados .apps img:first-child {
    margin-right: 20px; }
  #dados #slider {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    transition: background-image 1s ease-in-out; }
    #dados #slider img {
      display: none; }

#mapa #mapa-canvas {
  width: 100%;
  height: 100%; }

#ajuda a {
  color: #27AAE1; }

#ajuda .titulo {
  font-size: 18px;
  color: #27AAE1;
  border-bottom: 2px solid #cccccc;
  padding-bottom: 5px;
  margin: 10px 0;
  margin-top: 20px; }

#ajuda table.withImages td {
  vertical-align: middle; }

#ajuda .tdimg {
  width: 170px;
  text-align: center; }
  #ajuda .tdimg img {
    width: 100%;
    max-width: 100%;
    max-height: 150px; }
  #ajuda .tdimg .tamanhoMaior {
    font-size: 12px;
    color: #555;
    display: inline-block; }

#ajuda .faq-titulo {
  width: 100%;
  background-color: #27AAE1;
  color: #fff;
  padding: 10px;
  cursor: pointer;
  margin-top: 5px; }
  #ajuda .faq-titulo i {
    float: right;
    margin-top: 5px; }
  #ajuda .faq-titulo .aberto {
    background-color: #0f3a5d; }

#ajuda .faq-explicacao {
  padding: 20px;
  color: #0f3a5d; }

#ajuda .iconografia {
  padding: 20px; }

#ajuda table {
  font-size: 15px; }

#ajuda .icone {
  text-align: center; }

#ajuda td {
  padding: 5px;
  vertical-align: top; }

#ajuda .versao {
  padding: 20px;
  font-size: 15px; }

#sobre .logotipo {
  padding: 20px;
  text-align: center;
  border-bottom: 1px solid #0f3a5d; }
  #sobre .logotipo img {
    width: 464px; }

#sobre .apresentacao {
  padding: 20px;
  border-bottom: 1px solid #0f3a5d;
  font-size: 18px;
  color: #0f3a5d; }

#sobre .direitos {
  font-size: 11px;
  margin-top: 20px;
  color: #0f3a5d;
  padding: 20px;
  text-align: center; }

#sobre .redes {
  margin-top: 20px;
  color: #27AAE1;
  text-align: center; }
  #sobre .redes .dentro {
    width: 348px;
    margin: auto; }
  #sobre .redes p {
    text-align: center;
    margin-bottom: 10px;
    font-size: 15px; }
  #sobre .redes img {
    width: 38px;
    margin: 0 5px; }

#sobre .powered {
  width: 190px;
  margin: auto;
  margin-top: 40px;
  margin-bottom: 40px;
  color: #0f3a5d; }
  #sobre .powered i {
    font-size: 12px; }
  #sobre .powered img {
    width: 100%; }

#feedback .titulo {
  font-size: 18px;
  color: #27AAE1;
  border-bottom: 2px solid #cccccc;
  padding-bottom: 5px;
  margin: 10px 0;
  margin-top: 20px; }

#feedback select, #feedback select * {
  color: #0f3a5d;
  padding: 5px; }

#feedback select {
  width: 100%;
  border: 1px solid #27AAE1;
  margin-bottom: 5px; }

#feedback textarea {
  width: 100%;
  border: 1px solid #27AAE1;
  height: 160px; }

#feedback .botoes {
  text-align: center; }
  #feedback .botoes .btn {
    width: 50%;
    float: left; }

#empresa .logo {
  margin-bottom: 5px; }

#empresa .empresa,
#empresa .siga-nos {
  display: inline-block; }

#empresa .empresa {
  width: 60%; }
  #empresa .empresa .descricao {
    font-size: 20px; }
  #empresa .empresa .direitos {
    font-size: 14px; }

#empresa .siga-nos {
  width: 38%; }
  #empresa .siga-nos ul {
    list-style-type: none; }
    #empresa .siga-nos ul img {
      height: 32px; }
    #empresa .siga-nos ul li {
      margin-top: 5px; }
      #empresa .siga-nos ul li a {
        color: #fff; }

#empresa .feedback input,
#empresa .feedback select,
#empresa .feedback textarea,
#empresa .feedback .botoes {
  width: 100%;
  border: none; }

#empresa .feedback .botoes {
  margin-top: 5px; }
  #empresa .feedback .botoes .btn {
    width: 49%;
    display: inline-block; }

#favoritos {
  height: 100%; }
  #favoritos #favoritos-conteudo:before {
    content: '';
    float: left;
    height: 100%; }
  #favoritos #favoritos-conteudo {
    padding: 20px;
    height: 100%;
    overflow: auto;
    padding-top: 40px; }
  #favoritos .favorito td {
    background-color: #27AAE1;
    color: #fff;
    cursor: pointer; }
  #favoritos .favorito td:first-child {
    padding: 5px; }
  #favoritos .favorito tr:first-child td {
    border-top: 1px solid #fff; }
  #favoritos hr {
    border: none;
    background-color: #0f3a5d;
    height: 1px;
    margin-bottom: 20px;
    margin-top: 20px; }
  #favoritos .favorito .icon,
  #favoritos .favorito .apagar {
    text-align: center; }
  #favoritos .favorito .icon {
    width: 21px; }
    #favoritos .favorito .icon img {
      width: 16px; }
  #favoritos .favorito .apagar {
    width: 25px; }
    #favoritos .favorito .apagar i {
      font-size: 20px; }
  #favoritos .favorito:hover {
    background-color: #081f31; }
  #favoritos .previsao {
    font-size: 12px; }
    #favoritos .previsao .second {
      float: right; }

#pesquisa {
  height: 100%; }
  #pesquisa #pesquisa-conteudo:before {
    content: '';
    float: left;
    height: 100%; }
  #pesquisa #pesquisa-conteudo {
    padding: 20px;
    height: 100%;
    overflow: auto;
    padding-top: 40px; }
  #pesquisa .filtro p {
    font-size: 12px; }
  #pesquisa .distancia.desactivado .rz-pointer {
    background-color: #85bde7;
    cursor: not-allowed; }
  #pesquisa .distancia.desactivado .rz-bubble,
  #pesquisa .distancia.desactivado .valor {
    color: #cccccc; }
  #pesquisa .filtro .opcoes {
    margin-top: 20px;
    font-size: 12px;
    overflow: hidden; }
    #pesquisa .filtro .opcoes .item {
      padding: 5px;
      background-color: #85bde7;
      color: white;
      text-align: center;
      width: 80px;
      height: 100px;
      float: left;
      border: 5px solid #fff;
      cursor: pointer; }
      #pesquisa .filtro .opcoes .item span {
        margin-top: 5px; }
      #pesquisa .filtro .opcoes .item .image {
        width: 100%;
        height: 50px; }
      #pesquisa .filtro .opcoes .item img {
        width: 40px; }
      #pesquisa .filtro .opcoes .item.activo {
        background-color: #27AAE1; }
  #pesquisa .distancia {
    margin-top: 20px; }
    #pesquisa .distancia .valor {
      text-align: center;
      font-size: 18px; }
  #pesquisa .resultado-item {
    margin-top: 5px;
    cursor: pointer; }
    #pesquisa .resultado-item img {
      width: 16px; }

#lista {
  height: 100%; }
  #lista #lista-conteudo:before {
    content: '';
    float: left;
    height: 100%; }
  #lista #lista-conteudo {
    padding: 20px;
    height: 100%;
    overflow: auto;
    padding-top: 40px; }
  #lista #adicionarSenha {
    background-color: #0f3a5d;
    color: #fff;
    padding: 0;
    margin: 5px;
    cursor: pointer; }
    #lista #adicionarSenha .abrir {
      padding: 10px; }
    #lista #adicionarSenha.visible {
      background-color: #fff;
      color: #0f3a5d; }
    #lista #adicionarSenha input {
      width: 100%;
      border: 1px solid #45698a;
      margin-bottom: 5px; }
    #lista #adicionarSenha .botoes {
      text-align: center;
      height: 40px; }
      #lista #adicionarSenha .botoes .btn {
        width: 50%;
        float: left; }
      #lista #adicionarSenha .botoes .btn-primary:hover,
      #lista #adicionarSenha .botoes .btn-primary:focus,
      #lista #adicionarSenha .botoes .btn-primary:active,
      #lista #adicionarSenha .botoes .btn-primary.active {
        color: #fff;
        background-color: #45698a;
        border-color: #45698a; }
  #lista .filtro p {
    font-size: 12px; }
  #lista .opcoes {
    margin-top: 20px;
    font-size: 12px; }
    #lista .opcoes .item {
      padding: 10px;
      background-color: #86bee7;
      color: white;
      text-align: center;
      width: 25%;
      vertical-align: top;
      border: 5px solid #fff;
      cursor: pointer; }
      #lista .opcoes .item i {
        width: 100%;
        font-size: 24px;
        margin-bottom: 20px; }
    #lista .opcoes .item.activo {
      background-color: #27AAE1; }
  #lista .list .descricao {
    font-size: 11px; }
  #lista .list tr > td {
    border-top: 1px solid #27AAE1;
    border-bottom: 1px solid #27AAE1; }
  #lista .list {
    cursor: pointer; }
  #lista .list .botao {
    cursor: pointer;
    font-size: 24px; }
  #lista .icone {
    text-align: center; }
  #lista .list .titulo {
    color: #0f3a5d; }

#local {
  height: 100%; }
  #local #lista-conteudo:before {
    content: '';
    float: left;
    height: 100%; }
  #local #local-conteudo {
    height: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto; }
  #local .tab {
    position: relative; }
  #local .inside-tab {
    width: 100%; }
  #local .conteudo-tab {
    margin: 20px; }
  #local .gradiente {
    position: absolute;
    z-index: 8;
    width: 100%;
    height: 53px;
    background-image: url(/img/gradiente.png); }
  #local .foto {
    height: 180px;
    background-color: #fff;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; }
  #local .barra {
    background-color: #0f3a5d;
    height: 20px;
    color: #fff;
    padding: 0 5px;
    position: relative; }
    #local .barra .icones {
      position: absolute;
      top: 0;
      right: 5px; }
      #local .barra .icones i {
        padding: 0 5px;
        cursor: pointer; }
    #local .barra .logotipo {
      position: absolute;
      width: 80px;
      height: 80px;
      border-radius: 40px;
      z-index: 9;
      background-color: #fff;
      top: -40px;
      left: 145px;
      border: 2px solid #0f3a5d;
      background-position: center;
      background-repeat: no-repeat; }
  #local hr {
    margin: 20px 20px 0 20px;
    border: 0;
    border-top: 1px solid #0f3a5d; }
  #local .separadores {
    margin: 20px; }
    #local .separadores table {
      width: 100%;
      text-align: center;
      color: #0f3a5d; }
    #local .separadores td.activo {
      background-color: #27AAE1; }
      #local .separadores td.activo p {
        color: #fff; }
    #local .separadores td p {
      font-size: 12px; }
    #local .separadores table td {
      height: 80px;
      width: 33%;
      color: #fff;
      background-color: #85bde7;
      padding: 5px;
      border: 2px solid #fff;
      cursor: pointer; }
    #local .separadores i {
      font-size: 25px; }
  #local .conteudo-tab .titulo {
    font-size: 21px;
    margin-bottom: 20px;
    color: #27AAE1; }
  #local .service .titulo {
    font-size: 17px; }
  #local .node {
    cursor: pointer;
    color: #fff;
    background-color: #85bde7;
    margin-bottom: 5px;
    padding: 5px;
    text-align: center; }
  #local .node .favorito {
    float: right;
    margin: 0 5px; }
  #local .node.final {
    background-color: #27AAE1; }
  #local .node.obtendo {
    animation-duration: 0.5s;
    animation-name: changingOpacity;
    animation-iteration-count: infinite;
    animation-direction: alternate; }
  #local .avanco {
    margin-left: 20px; }
  #local .previsao {
    width: 100%;
    font-size: 11px; }
  #local .info pre,
  #local .info a {
    color: #0f3a5d; }
  #local .info pre {
    width: 100%;
    overflow: hidden;
    white-space: pre-wrap;
    font-family: "Open Sans", Helvetica, sans-serif;
    word-wrap: normal;
    word-break: normal;
    word-wrap: break-word;
    word-break: break-word; }
  #local .info .url {
    margin-top: 20px; }
  #local .plantas .planta {
    cursor: pointer;
    background-color: #27AAE1;
    width: 100%;
    padding: 5px;
    margin-bottom: 20px;
    color: #fff; }

#senha {
  height: 100%; }
  #senha #senha-conteudo:before {
    content: '';
    float: left;
    height: 100%; }
  #senha #senha-conteudo {
    padding: 20px;
    height: 100%;
    overflow: auto;
    padding-top: 60px; }
  #senha .nome {
    color: #27AAE1;
    font-size: 19px; }
    #senha .nome .estado {
      background-color: #8bc643;
      color: #fff;
      font-size: 11px;
      padding: 5px; }
    #senha .nome .Cancelada, #senha .nome .NaoComparencia {
      background-color: #c1272d; }
  #senha .informacao {
    background-color: #27AAE1;
    color: #fff;
    width: 100%;
    margin-top: 20px; }
    #senha .informacao td {
      padding: 10px; }
  #senha .botoes {
    width: 100%;
    background-color: #0f3a5d;
    color: #fff;
    margin-top: 20px; }
    #senha .botoes i {
      width: 100%;
      font-size: 20px; }
    #senha .botoes td {
      text-align: center;
      padding: 10px;
      cursor: pointer; }
    #senha .botoes .activo {
      background-color: #27AAE1; }
  #senha .operacoes {
    width: 100%; }
    #senha .operacoes .qrcode {
      width: 123.33333px;
      height: 123.33333px;
      margin: auto;
      color: #0f3a5d;
      background-color: #fff;
      margin-top: 20px; }
  #senha .previsao {
    margin-top: 20px;
    width: 100%; }
    #senha .previsao .titulo {
      color: #27AAE1;
      font-size: 19px; }
  #senha .destaque {
    width: 100%; }
    #senha .destaque td {
      text-align: center; }
    #senha .destaque td:first-child {
      border-right: 1px solid #0f3a5d; }
    #senha .destaque .valor {
      color: #27AAE1;
      font-size: 26px; }
  #senha .tempos {
    width: 100%;
    margin-top: 5px;
    border-top: 1px solid #0f3a5d; }
    #senha .tempos td {
      border-bottom: 1px solid #0f3a5d;
      padding: 10px 0; }
    #senha .tempos .valor {
      color: #27AAE1;
      text-align: right;
      font-weight: bold; }
  #senha .email {
    padding-top: 20px; }
    #senha .email span {
      text-align: right; }
    #senha .email .botao {
      width: 100%;
      text-align: center;
      margin-top: 20px; }
  #senha .cancelada {
    margin-top: 20px;
    text-align: center; }
  #senha .avaliar textarea {
    width: 100%;
    font-size: 11px;
    margin-top: 5px;
    padding: 5px; }
  #senha .avaliar .botao {
    text-align: right; }

#marcacao {
  height: 100%; }
  #marcacao #marcacao-conteudo:before {
    content: '';
    float: left;
    height: 100%; }
  #marcacao #marcacao-conteudo {
    padding: 20px;
    height: 100%;
    overflow: auto;
    padding-top: 60px; }
  #marcacao .informacao {
    background-color: #27AAE1;
    color: #fff;
    width: 100%;
    margin-top: 20px;
    padding: 10px; }
  #marcacao .botoes {
    width: 100%;
    background-color: #0f3a5d;
    color: #fff;
    margin-top: 20px; }
    #marcacao .botoes i {
      width: 100%;
      font-size: 20px; }
    #marcacao .botoes td {
      text-align: center;
      padding: 10px;
      cursor: pointer; }
    #marcacao .botoes .activo {
      background-color: #27AAE1; }
  #marcacao .operacoes {
    width: 100%; }
    #marcacao .operacoes .qrcode {
      width: 123.33333px;
      height: 123.33333px;
      margin: auto;
      color: #0f3a5d;
      background-color: #fff;
      margin-top: 20px; }
    #marcacao .operacoes .email {
      padding-top: 20px; }
      #marcacao .operacoes .email span {
        text-align: right; }
      #marcacao .operacoes .email .botao {
        width: 100%;
        text-align: center;
        margin-top: 20px; }
  #marcacao .estado {
    width: 100%;
    position: relative;
    text-align: right; }
    #marcacao .estado span {
      font-size: 11px;
      padding: 5px;
      background-color: #8bc643;
      color: #fff; }
      #marcacao .estado span.PENDENTE, #marcacao .estado span.REMARCADA {
        background-color: #FFC16C; }
      #marcacao .estado span.CANCELADA {
        background-color: #c1272d; }
  #marcacao .cancelada {
    margin-top: 20px;
    text-align: center; }
  #marcacao .contacto table {
    width: 100%; }
  #marcacao .contacto .resumo {
    background-color: #0f3a5d;
    color: #fff; }
  #marcacao .contacto .data {
    font-size: 10px;
    padding: 10px 10px 0 0; }
  #marcacao .contacto .hora {
    padding: 0 10px 10px 0; }
  #marcacao .contacto .data,
  #marcacao .contacto .hora {
    text-align: right; }
  #marcacao .contacto .nome {
    color: #27AAE1;
    font-size: 18px;
    font-weight: bold;
    padding: 0 0 10px 10px; }
  #marcacao .contacto .nmd {
    padding: 10px 0 0 10px; }
  #marcacao .contacto .valor {
    color: #27AAE1;
    text-align: right; }
  #marcacao .contacto .dados {
    padding: 5px 20px; }
    #marcacao .contacto .dados td {
      border-top: 1px solid #cccccc;
      padding: 5px; }
    #marcacao .contacto .dados tr:first-child td {
      border-top: 0; }
  #marcacao .avaliar textarea {
    width: 100%;
    font-size: 11px;
    margin-top: 5px;
    padding: 5px; }
  #marcacao .avaliar .botao {
    text-align: right; }

#marcacao-agendar {
  height: 100%; }
  #marcacao-agendar #marcacao-agendar-conteudo:before {
    content: '';
    float: left;
    height: 100%; }
  #marcacao-agendar #marcacao-agendar-conteudo {
    height: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 20px;
    padding-top: 60px; }
  #marcacao-agendar .formulario {
    padding: 10px;
    color: #fff;
    background-color: #27AAE1;
    margin-top: 20px; }
    #marcacao-agendar .formulario input,
    #marcacao-agendar .formulario select {
      color: #0f3a5d;
      background-color: #fff;
      width: 90%; }
    #marcacao-agendar .formulario table {
      width: 100%; }
  #marcacao-agendar .form-filled {
    background-color: #4dad5c !important; }
  #marcacao-agendar .form-notfilled {
    background-color: #d34646 !important; }
  #marcacao-agendar .submeter td {
    text-align: center; }
  #marcacao-agendar .submeter button {
    margin-top: 20px; }
  #marcacao-agendar .guardar-contacto {
    text-align: center; }
    #marcacao-agendar .guardar-contacto .btn {
      margin-top: 20px; }
  #marcacao-agendar select.ng-invalid,
  #marcacao-agendar input.ng-invalid {
    border-color: #db4343;
    border-width: 1px; }
  #marcacao-agendar .alert {
    color: #db4343;
    padding: 0;
    margin: 0; }
  #marcacao-agendar .contactos {
    padding: 10px;
    background-color: #27AAE1;
    color: #fff; }
    #marcacao-agendar .contactos .col-right,
    #marcacao-agendar .contactos .col-left {
      padding-right: 0; }
    #marcacao-agendar .contactos input,
    #marcacao-agendar .contactos select {
      color: #0f3a5d;
      background-color: #fff; }
    #marcacao-agendar .contactos select {
      width: 92.5px; }
  #marcacao-agendar .formularios .formulario {
    cursor: pointer;
    width: 100%;
    padding: 5px;
    margin-bottom: 20px;
    color: #fff; }

#mapa-planta {
  display: none;
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 20px;
  padding-bottom: 27px; }
  #mapa-planta.visible {
    display: block; }
  #mapa-planta .middle {
    display: block; }
  #mapa-planta .imagem-planta {
    margin-left: auto;
    margin-right: auto;
    position: relative; }
  #mapa-planta .pontos-planta,
  #mapa-planta .middle img {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0; }
  #mapa-planta .pontos-planta {
    position: absolute;
    top: 0;
    left: 0; }
  #mapa-planta .ponto {
    position: absolute;
    width: 0;
    height: 0;
    cursor: initial;
    transition: 0.3s ease; }
    #mapa-planta .ponto i {
      font-size: 3em;
      position: absolute;
      top: -0.9em;
      left: -0.2em;
      color: #27AAE1; }
    #mapa-planta .ponto span {
      background-color: rgba(39, 170, 225, 0.8);
      padding: 5px;
      left: 0.2em;
      position: absolute;
      top: 0;
      border-radius: 0px 10px 10px 10px;
      min-width: 4em;
      color: #fff; }
  #mapa-planta .ponto:hover {
    z-index: 999; }
    #mapa-planta .ponto:hover i {
      color: #45698a; }
    #mapa-planta .ponto:hover span {
      color: #fff;
      background-color: #45698a; }

#mapa-formulario {
  display: none;
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 20px;
  padding-bottom: 27px; }
  #mapa-formulario.visible {
    display: block; }
  #mapa-formulario .middle {
    display: block; }

#mapa-formulario-conteudo {
  max-width: inherit; }

.teste {
  background-color: red; }

#page404 {
  text-align: center; }
  #page404 i {
    color: #27AAE1;
    margin-top: 60px;
    font-size: 100px; }