/* Tema escuro */
* {
  font-family: "Nunito", sans-serif; }

body {
  background-color: #f2f7f8; }

@media (min-width: 992px) {
  .container, .container-lg, .container-md, .container-sm {
    max-width: 1360px !important; } }
@media (max-width: 767px) {
  .filtros__input-descricao input {
    border-radius: .5rem .5rem 0 0 !important; }

  .filtros__status {
    width: 100% !important; }
    .filtros__status select {
      border-left: none !important;
      border-radius: 0 0 .5rem .5rem !important;
      width: 100%; } }
.imagem-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-image: url("/src/img/bolhas.png");
  background-position: top;
  background-repeat: no-repeat;
  -webkit-filter: hue-rotate(80deg);
  filter: hue-rotate(80deg);
  z-index: -1; }

.container-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
  z-index: 10; }
  .container-header .header__titulo {
    color: #fff;
    text-align: center;
    margin-bottom: 2rem; }
  .container-header .filtros {
    flex: 1;
    max-width: 50rem;
    border-radius: .5rem;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1); }
    .container-header .filtros .filtros__input-descricao {
      position: relative;
      flex: 1; }
      .container-header .filtros .filtros__input-descricao input {
        outline: none;
        border: none;
        border-radius: .5rem 0 0 .5rem;
        width: 100%;
        padding: 1rem 2rem;
        padding-left: 4rem;
        font-size: 1.5rem;
        height: 70px;
        background-color: #E6EBF7;
        color: #1b1b1b; }
        .container-header .filtros .filtros__input-descricao input::placeholder {
          color: #4C5978; }
      .container-header .filtros .filtros__input-descricao .material-icons {
        position: absolute;
        left: 2rem;
        top: 1.35rem;
        color: #000041; }
    .container-header .filtros .filtros__status select {
      outline: none;
      border: none;
      border-left: 1px solid #dbdfe8;
      border-radius: 0 .5rem .5rem 0;
      padding: 1rem;
      font-size: 1.5rem;
      height: 70px;
      background-color: #E6EBF7;
      color: #1b1b1b;
      color: #4C5978; }

.material-icons {
  display: inline-flex;
  vertical-align: bottom; }

.container-apps [class*="col-"] {
  margin-bottom: 2rem; }

.accordion .card {
  border: none;
  border-radius: .5rem; }
  .accordion .card .card-header {
    background-color: #E6EBF7;
    border-bottom: none;
    color: #4C5978;
    cursor: pointer;
    padding: 1.5rem 1.3rem; }
  .accordion .card .card-body {
    background-color: #E6EBF7;
    border-top: 2px solid #d3dcf1; }

.ic-emissao {
  color: #94e043; }

.ic-evento {
  color: #57CFFA; }

.ic-utilitario {
  color: #a9a9f5; }

.ic-com-barra::before {
  display: block;
  position: absolute;
  content: ' ';
  width: 1.2rem;
  height: 2rem;
  border-left: .2rem solid #999;
  transform: rotate(45deg);
  left: 1.8rem;
  margin-top: .1rem; }

.legenda {
  color: #1b1b1b;
  display: flex;
  padding-left: 0; }
  .legenda li {
    display: flex;
    padding-left: .5rem;
    padding-right: .5rem; }

.app-desc {
  outline: none;
  color: #1b1b1b;
  margin-left: .25rem;
  text-decoration: none !important;
  cursor: pointer; }

.btn-config {
  outline: none;
  border: none;
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  background-color: #4C5978;
  color: #fff;
  box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.3); }
  .btn-config:focus {
    outline: none; }
  .btn-config:hover {
    background-color: #384259; }

.popover {
  border: none;
  border-radius: 1rem; }
  .popover .popover-body {
    max-width: 30rem;
    text-align: left;
    border-radius: 1rem;
    box-shadow: 0 0 0.5rem 0.25rem rgba(0, 0, 0, 0.05); }
    .popover .popover-body p {
      font-size: 1rem; }

html.dark-theme body {
  background-color: #282d35 !important; }
html.dark-theme .container-header .filtros {
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1); }
  html.dark-theme .container-header .filtros .filtros__input-descricao input {
    background-color: #2f343d;
    color: #fff; }
    html.dark-theme .container-header .filtros .filtros__input-descricao input::placeholder {
      color: #fff; }
  html.dark-theme .container-header .filtros .filtros__input-descricao .material-icons {
    color: #fff; }
  html.dark-theme .container-header .filtros .filtros__status select {
    border-left: 1px solid #3a404b;
    background-color: #2f343d;
    color: #fff; }
html.dark-theme .legenda {
  color: #fff !important; }
html.dark-theme .app-desc {
  color: #fff !important; }
html.dark-theme .card {
  background-color: #2f343d !important;
  color: #fff !important; }
  html.dark-theme .card .card-header, html.dark-theme .card .card-footer {
    border-color: #282d35 !important; }
html.dark-theme .accordion .card .card-header {
  background-color: #2f343d !important; }
html.dark-theme .accordion .card .card-body {
  background-color: #2f343d !important;
  border-top: 2px solid #333943; }
html.dark-theme .dropdown-menu {
  background-color: #2f343d;
  color: #fff !important; }
  html.dark-theme .dropdown-menu .dropdown-item:hover {
    background-color: #282d35; }
  html.dark-theme .dropdown-menu .dropdown-divider {
    border-color: #282d35; }
html.dark-theme .form-control-file {
  border-color: #282d35; }
html.dark-theme .form-control,
html.dark-theme .form-control:focus,
html.dark-theme .input-group-text,
html.dark-theme .input-group-text:focus,
html.dark-theme .input-group-append,
html.dark-theme .input-group-append:focus,
html.dark-theme .input-group-prepend,
html.dark-theme .input-group-prepend:focus {
  background-color: #2f343d;
  border-color: #282d35;
  color: #fff; }
html.dark-theme h1, html.dark-theme h2, html.dark-theme h3, html.dark-theme h4, html.dark-theme h5, html.dark-theme h6, html.dark-theme p, html.dark-theme label, html.dark-theme span, html.dark-theme small {
  color: #fff; }
html.dark-theme .alert h1, html.dark-theme .alert h2, html.dark-theme .alert h3, html.dark-theme .alert h4, html.dark-theme .alert h5, html.dark-theme .alert h6, html.dark-theme .alert p, html.dark-theme .alert label, html.dark-theme .alert span, html.dark-theme .alert small {
  color: #000; }
html.dark-theme .list-group-item {
  background-color: #2f343d; }
html.dark-theme .modal-content {
  background-color: #2f343d;
  color: #fff; }
  html.dark-theme .modal-content .modal-header, html.dark-theme .modal-content .modal-footer {
    border-color: #282d35; }
  html.dark-theme .modal-content .modal-divisor {
    background-color: #282d35; }
html.dark-theme .nav-tabs {
  border-color: #282d35; }
  html.dark-theme .nav-tabs .nav-link {
    color: #fff; }
    html.dark-theme .nav-tabs .nav-link:hover {
      border-color: #282d35; }
    html.dark-theme .nav-tabs .nav-link.active {
      border-color: #282d35;
      border-bottom: 1px solid #2f343d; }
html.dark-theme .popover {
  background-color: #282d35;
  color: #fff; }
  html.dark-theme .popover.bs-popover-top .arrow::before::before, html.dark-theme .popover.bs-popover-top .arrow::before::after {
    border-top-color: #282d35 !important; }
  html.dark-theme .popover.bs-popover-right .arrow::before, html.dark-theme .popover.bs-popover-right .arrow::after {
    border-right-color: #282d35 !important; }
  html.dark-theme .popover.bs-popover-bottom .arrow::before, html.dark-theme .popover.bs-popover-bottom .arrow::after {
    border-bottom-color: #282d35 !important; }
  html.dark-theme .popover.bs-popover-left .arrow::before, html.dark-theme .popover.bs-popover-left .arrow::after {
    border-left-color: #282d35 !important; }
  html.dark-theme .popover .popover-body {
    background: #282d35;
    box-shadow: 0 0 0.5rem 0.25rem rgba(255, 255, 255, 0.05); }
html.dark-theme .table {
  color: #fff; }
  html.dark-theme .table.table-hover tbody tr:hover {
    background-color: #282d35;
    color: #fff; }
  html.dark-theme .table td, html.dark-theme .table th {
    border-color: #282d35; }
  html.dark-theme .table tbody tr.table-primary, html.dark-theme .table tbody tr.table-success, html.dark-theme .table tbody tr.table-danger, html.dark-theme .table tbody tr.table-warning, html.dark-theme .table tbody tr.table-info {
    color: #000; }
    html.dark-theme .table tbody tr.table-primary:hover, html.dark-theme .table tbody tr.table-success:hover, html.dark-theme .table tbody tr.table-danger:hover, html.dark-theme .table tbody tr.table-warning:hover, html.dark-theme .table tbody tr.table-info:hover {
      color: #000 !important; }
html.dark-theme .topbar {
  background-color: #2f343d; }
  html.dark-theme .topbar i {
    color: #fff; }

/*# sourceMappingURL=main.css.map */