.table td,
.table th {
  padding: 0 0.75rem;
  vertical-align: middle;
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}

textarea.form-control {
  height: 200px;
}

.row {
  margin: 0px!important;
}

form.btn_delete {
  margin: 0px;
}

.homeCenter {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}


/*BEGIN MAPS*/


/*gnw map service osm Styles */

body {
  font-family: 'Nunito', sans-serif;
}


/*
.gnw-map-service {
  height: 750px;
  height: 100vh;
} */

.gnw-map-service__osm {
  background: rgb(221, 221, 221);
}

.gnw-map.fade {
  transition: opacity .15s linear;
}

.gnw-map.fade:not(.show) {
  opacity: 0;
}


/*TEMPLATE HTML*/

:root {
  --yellow: #EDD78A;
}

.gnw-map-service,
.gnw-map {
  height: 100vh!important;
  height: calc(100vh - 140px)!important;
}


/*.profile {
  width: 80px;
  height: 80px;
}*/

.pontos_interesse {
  height: 80px;
}

.pontos_interesse small {
  font-weight: bold;
}

.icons {
  font-size: 60px;
}

.foto {
  width: 200px;
  float: left;
}

.map .alert,
.map .alert ul {
  margin: 0px!important;
}

#modalDesc .modal-header,
#modalDesc .modal-body {
  padding: 0px!important;
  text-align: justify;
}

#modalDesc .leaflet-popup-content p {
  margin: 10px 0;
}

.leaflet-sidebar-tabs>li.active,
.leaflet-sidebar-tabs>ul>li.active,
.leaflet-sidebar-header {
  background-color: #a3a3a3!important;
}

#sidebar {
  z-index: 1000;
}

h1.logo {
  background-image: url("/img/logo_pub.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 84px;
  text-indent: -3333px;
}

h1.logo_full {
  background-image: url("/img/logo_full_pub.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 84px;
  text-indent: -3333px;
}

h1.big {
  width: 200px;
}

.ms-n5 {
  margin-left: -40px;
}


/* .modalMap .modal-backdrop{
   background: none;
}
.modal-backdrop {background: none;}
 .modal{background: none;} */

p {
  margin: 0px;
}

.footerHome {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* height:60px;    Height of the footer
   background:#6cf; */
}

.modal-dialog {
  pointer-events: all;
}

:root {
  --column-margin: 130px;
}

.globalSearchResult .container {
  /* min-width: 600px;
  max-width: 1000px;*/
  text-align: justify;
  margin-left: var(--column-margin);
  /*margin-left:140px;*/
}

.globalSearchResult h4 {
  margin-bottom: 0px;
}

.globalSearchResult .row a {
  width: inherit;
}


/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add "left" or "right" in modal parent div, after class="modal".
* Get free snippets on bootpen.com
*******************************/

.modalMap {
  /*max-height: calc(100% - 100px);*/
}

.modalMap h6 {
  margin-top: 15px;
}

#modalList .modal-dialog {
  margin: 0px;
  /*width: 320px;*/
  height: 100%;
}

#modalList {
  overflow: auto;
  top: 100px;
  width: 320px;
}


/*END MAPS*/

@media (max-width: 992px) {
  .profile {
    display: none!important;
  }
  .globalSearchResult .ml-4 {
    margin-left: 0px!important;
  }
   :root {
    --column-margin: 0px;
  }
}

@media (max-width: 767px) {
  #modalList {
    top: 270px;
  }
  .modalMap {
    /*max-height: calc(100% - 270px);*/
  }
}

.disabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
}

.leaflet-popup-close-button {
  margin: 5px;
}

.btn.btn-outline-default:hover {
  border-color: #525252;
}

.btn.btn-outline-default:hover {
  border-color: #525252;
}

.btn.btn-outline-default:hover i {
  color: #525252;
}

.btn.nocursor {
  cursor: none!important;
}

.container {
  /* Se ativo, a página de busca força rolagem horizontal */
  /* max-width: 100% !important; */
}


/*----------------- LOADER -----------------*/

.inputcontainer {
  position: relative;
}

.icon-container {
  position: absolute;
  right: 10px;
  top: calc(50% - 10px);
}

.loader {
  position: relative;
  height: 20px;
  width: 20px;
  display: inline-block;
  animation: around 5.4s infinite;
}

@keyframes around {
  0% {
    transform: rotate(0deg)
  }
  100% {
    transform: rotate(360deg)
  }
}

.loader::after,
.loader::before {
  content: "";
  background: white;
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 100%;
  border-width: 2px;
  //border-color: #333 #333 transparent transparent;
  border-color: #36b9cc #36b9cc transparent transparent;
  border-style: solid;
  border-radius: 20px;
  box-sizing: border-box;
  top: 0;
  left: 0;
  animation: around 0.7s ease-in-out infinite;
}

.loader::after {
  animation: around 0.7s ease-in-out 0.1s infinite;
  background: transparent;
}

.is-invalid .note-editor,
.is-invalid .custom-file-label {
  border: solid 1px #dc3545;
}

.is-valid .note-editor,
.is-valid .custom-file-label {
  border: solid 1px #28a745;
}

.cursor-pointer {
  cursor: pointer;
}

.card.btn-outline-hover-success {
  border: solid 1px #fff;
}

.card.btn-outline-hover-success:hover {
  border-color: #198754;
}

.small-box .inner {
  height: 100px;
}
.leaflet-popup-content .modal-body, .modal-dialog .desc {
  text-align: justify!important;
  overflow-x: hidden; /* Hide horizontal scrollbar */
  overflow-y: scroll; /* Add vertical scrollbar */
  word-wrap: break-word !important;
}