.icon-relatos {
  display: inline-block;
  background: #ccc;
  vertical-align: middle;
  width: 24px;
  height: 24px; }

.icon-title-light {
  width: 64px;
  height: 64px;
  background: url('/theme/assets/img/diretorio-relatos/titulos.png') no-repeat;
  background-position: -2px -68px;
  background-color: transparent; }

  .icon-title-light.relato {
  background-position: -332px -68px; }

.banner-relatos {
  color: #fff;
  background: #666 url('/theme/assets/img/diretorio-relatos/banner-relatos.jpg') no-repeat center;
  background-size: cover;
}
@media (min-width: 768px) {
  .banner-relatos {
    height: 300px;
  }
}
  .banner-relatos a,
  .banner-relatos .btn {
    color: #fff;
    background: transparent;
  }
  .banner-relatos .main-title .title_text {
    padding-left: 5px;
    color: #fff;
  }
  .banner-relatos .container {
    background: transparent;
    position: relative;
    padding-bottom: 20px;
  }
  @media (min-width: 768px) {
    .banner-relatos .container {
      height: 300px;
      padding-bottom: 0;
    }
    .banner-relatos .container div.col-xs-12 {
      position: static;
    }
  }
  .banner-relatos .breadcrumb {
    font-weight: bold;
    font-size: 14px;
    opacity: 1;
    border: none;
  }
    .banner-relatos .breadcrumb a {
      color: #fff;
    }
    .banner-relatos .breadcrumb .active {
      color: #4495d7;
    }
    .breadcrumb>li+li:before {
      color: #fff;
    }
    .banner-relatos .breadcrumb i.icon-relatos {
      margin-right: 10px;
      background: url('/theme/assets/img/diretorio-relatos/icon_breadcrumb_help.png') no-repeat;
      width: 16px;
      height: 16px;
    }
  .banner-relatos .row {}
    .banner-relatos .row > div.col-xs-12:first-child p {
      font-size: 14px;
      font-weight: bold;
    }
      .banner-relatos .row > div.col-xs-12:first-child p:last-child {
        font-weight: normal;
      }
      .banner-relatos .row > div.col-xs-12:first-child p:last-child a {
        font-weight: bold;
        text-decoration: underline;
      }
.banner-relato-video {
  text-align: center;
  font-size: 14px;
  color: #f1f1f1;
  margin: 20px 0;
  cursor: pointer;
}
@media (min-width: 768px) {
  .banner-relato-video {
    position: absolute;
    width: 106px;
    height: 95px;
    top: 50%;
    left: 50%;
    margin: -47.5px 0 0 -53px;
  }
}
  .banner-relato-video i.icon-relatos {
    width: 63px;
    height: 63px;
    display: block;
    margin: 0 auto 10px auto;
    opacity: 0.5;
    background: url('/theme/assets/img/diretorio-relatos/icon_play_video.png') no-repeat center;
  }
  .banner-relato-video:hover i.icon-relatos {
    opacity: 1;
  }
.btn-enviar-relato {
  display: block;
  margin: auto;
  border: 1px solid #fff;
}
.btn.btn-default.btn-enviar-relato:hover {
  background: #227fbb;
  border-color: #227fbb;
}
@media (min-width: 768px) {
  .btn-enviar-relato {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -19px;
  }
}
  .btn-enviar-relato i.icon-relatos {
    margin-right: 5px;
    width: 24px;
    height: 24px;
    background: url('/theme/assets/img/diretorio-relatos/icon_enviar_relato_-btn.png') no-repeat;
  }

.relatos-filters-container {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .relatos-filters-container {
    margin-top: -20px;
  }
}
  .relatos-filters-container .total-relatos {
    text-align: center;
    font-size: 38px;
    margin-bottom: 20px;
    font-weight: 100;
  }
  .relatos-filters-container .relatos-filter {
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
  }
  .relatos-filters-container .relatos-filter .filtros-2 {
    margin-top: 20px;
  }
  .relatos-filters-container .relatos-filter .btn-mais-filtros {
    border: 1px solid #b7b5b6 !important;
    background: #f1f1f1;
  }
    .relatos-filters-container .relatos-filter .input-group {
      width: auto;
      margin-right: auto;
    }
      .relatos-filters-container .relatos-filter .input-group:first-child {
        width: auto;
      }
      @media (min-width: 768px) {
        .relatos-filters-container .relatos-filter .input-group {
          width: 17%;
          margin-right: 10px;
        }
        .relatos-filters-container .relatos-filter .input-group:first-child {
          width: 29%;
        }
      }
      .relatos-filters-container .relatos-filter .input-group .form-control {
        box-shadow: none;
        border-radius: 3px;
        border: none;
        margin: 10px 0;
        height: 35px;
      }
      @media (min-width: 768px) {
        .relatos-filters-container .relatos-filter .input-group .form-control {
          margin: 0;
        }
      }
        .relatos-filters-container .relatos-filter .relato-search {
          position: relative;
          left: -5px;
        }
        .relatos-filters-container .relatos-filter .relato-search .btn-default {
          background: #eeecec;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0;
          border: none;
          padding: 6px;
        }
          .relatos-filters-container .relatos-filter .relato-search .btn-default i.icon-relatos {
            background: url('/theme/assets/img/diretorio-relatos/icon_relato_busca.png') no-repeat center;
            width: 22px;
            height: 22px;
          }
        .relatos-filters-container .relatos-filter .input-group:first-child input.form-control {
          border-bottom-right-radius: 0;
          border-top-right-radius: 0;
        }
        .relatos-filters-container .relatos-filter .relato-tipo-query .btn-default {
          border: 1px solid transparent;
          background: #eeecec;
          border-radius: 0;
        }
        .relatos-filters-container .relatos-filter .input-group+.btn-default {
          border-color: #b7b5b6;
        }
        .relatos-filters-container .relatos-filter+.row {
          margin-top: 30px;
        }

.filtros-ativos {}
  .filtros-ativos h3 {
    margin: 0 0 10px 0;
    color: #4d4d4d;
    font-size: 16px;
  }
    .filtros-ativos h3 i.icon-relatos {
      margin-right: 5px;
      width: 26px;
      height: 26px;
      background: url('/theme/assets/img/diretorio-relatos/icon_relatos_filtros.png') no-repeat center;
    }
  .filtros-ativos .filtro {
    border: 1px solid #4d4d4d;
    background: transparent;
    color: #4d4d4d;
    font-size: 12px;
    border-radius: 100px;
    cursor: pointer;
  }
    .filtros-ativos .filtro button.remove-filtro {
      border: 1.5px solid #4d4d4d;
      background: transparent;
      border-radius: 100px;
      padding: 1px 3.6px;
      position: relative;
      right: -3px;
    }
  .filtros-ativos .filtro:hover {
    background: #4d4d4d;
    color: #fff;
  }
    .filtros-ativos .filtro:hover button.remove-filtro {
      border-color: #fff;
    }

.limpar-filtros {
  margin-top: 10px;
}
.limpar-filtros a {
  font-weight: 700;
  text-decoration: underline;
  font-size: 14px;
}
.limpar-filtros a:hover {
  text-decoration: none;
}

.relatos-order {}
  .relatos-order label {
    color: #7d7d7d;
  }
  .relatos-order .form-control {
    border-radius: 3px;
    box-shadow: none;
    border: 1px solid transparent;
  }

.relatos-diretorio-list {
  margin-top: 20px;
}
  .relatos-diretorio-list .row {}

  @media (min-width: 768px) {
    .relatos-diretorio-list .row {
      margin-right: -30px;
      margin-left: -30px;
    }
  }
    .relatos-diretorio-list .row .relato {
      margin: 15px 0;  
    }
    .relatos-diretorio-list .row .relato.box {
      padding: 0;
      box-shadow: 0 0 3px #B3B3B3;
      border: none;
    }
      .relatos-diretorio-list .row .relato .box-inner {
        padding: 10px;
      }
      .relatos-diretorio-list .row .relato .relato-img {
        height: 130px;
        background: url('/core/images/blank-image.jpg') no-repeat center;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        background-size: cover !important;
      }
      .relatos-diretorio-list .row .relato h4 {
        font-size: 16px;
        min-height: 55px;
      }
      .relatos-diretorio-list .row .relato p {
        font-size: 14px;
        color: #444;
        line-height: 1.3em;
        min-height: 40px;
      }
      .relatos-diretorio-list .row .relato .relato-local-wrapper {
        min-height: 20px;
      }
      .relatos-diretorio-list .row .relato .relato-local {
        font-size: 12px;
        color: #868686;
        padding-left: 20px;
        background: url('/theme/assets/img/diretorio-relatos/icon-local.png') no-repeat left center;
      }
      .relatos-diretorio-list .row .relato .relato-autor {
        overflow: hidden;
        margin-top: 10px;
      }
      .relatos-diretorio-list .row .relato .relato-autor:hover {
        text-decoration: none;
      }
        .relatos-diretorio-list .row .relato .relato-autor img {
          float: left;
          max-width: 35px;
          max-height: 35px;
        }
          .relatos-diretorio-list .row .relato .relato-autor .autor-info {
            color: #444;
            font-size: 12px;
            margin-left: 40px;
            display: block;
            min-height: 40px;
          }
            .relatos-diretorio-list .row .relato .relato-autor .autor-info span {
              display: block;
            }
            .relatos-diretorio-list .row .relato .relato-autor .autor-info .nome {
              font-weight: 700;
            }

.modal-diretorio-relatorios .modal-dialog {
  position: relative;
}
#video-relato {
  iframe {
    width: 100%;
    height: 320px;
  }
}
.modal-diretorio-relatorios .modal-dialog .close {
    position: absolute;
    top: 30px;
    right: 30px;
    border: none;
    background: 0 0;
}

.pagination {}

  .pagination li a {
    margin: 0 5px;
    border-radius: 3px;
    font-weight: 700;
  }
  .pagination li a:hover {
    background: #808080;
  }
    .pagination li.active a {
      background: #227fbc;
      color: #fff;
    }
    .pagination li.active a:hover {
      background: #227fbc;
      color: #fff;
    }


.plus-tooltip-icon {
  background: url('/theme/assets/img/diretorio-relatos/plus-tooltip.png') no-repeat;
  display: inline-block;
  font-size: 0.1em;
  width: 9px;
  height: 9px;
  cursor: pointer;
}
.plus-tooltip {
  font-weight: 700;
}