@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url(../fonts/Nunito.ttf) format('truetype'),
	   local('Nunito');
}
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 200 1000;
  font-display: swap;
  src: url(../fonts/Nunito_italic.ttf) format('truetype'),
	   local('Nunito');
}
@font-face {
  font-family: 'BioRhyme';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url(../fonts/BioRhyme.ttf) format('truetype'),
    local('BioRhyme');
}
@font-face {
  font-family: 'Hepta Slab';
  font-style: normal;
  font-weight: 1 900;
  font-display: swap;
  src: url(../fonts/HeptaSlab.ttf) format('truetype'),
    local('Hepta Slab');
}

:root {
  --pkd-color-1: #13714c;

  --pkd-font-family-2: 'Hepta Slab';
}

h1,h2,h3,h4,h5,h6 {font-weight: 600; line-height: 1.5}
.h1,.h2,.h3,.h4,.h5,.h6 {font-weight: 600; line-height: 1.5}

body {font-family: 'Nunito', sans-serif; font-size: 17px;}
.pkd--color-1 {color: var(--pkd-color-1);}
.pkd--font-2 {font-family: 'Hepta Slab', 'Nunito', sans-serif !important;}
.us-no {user-select: none; pointer-events: none;}

.pkd--password-revealer {position: relative}
.pkd--password-revealer input {padding-right: calc(24px + 1.5rem);}
.pkd--password-revealer .eye-icon {position: absolute; right: 0; top: 0; bottom: 0; display: block; box-sizing: border-box; display: block;}
.pkd--password-revealer .eye-icon button {display: flex !important; height: 100%; background: none; border: none; padding: 0 0.75rem; align-items: center;}
.pkd--password-revealer .eye-icon button svg {display: block; opacity: 0.5; width: 24px !important;}

.pkd--notification-drawer {padding: 1rem !important; position: fixed;}
.pkd--notification-drawer .toast {z-index: 9999; backdrop-filter: blur(20px)}
.pkd--notification-drawer .toast {margin-bottom: 0.5rem !important;}
.pkd--notification-drawer .toast .toast-header {display: flex; line-height: 1; align-items: center;}
.pkd--notification-drawer .toast .toast-header .title {font-weight: 700}
.pkd--notification-drawer .toast .toast-header .icon svg {height: 1.25rem; margin-right: 0.5rem; fill: currentColor;}

.pkd--main {padding-top: 3rem; padding-bottom: 3rem;}

.pkd--nav {background-color: var(--pkd-color-1); padding: 1rem 0.5rem;}
.pkd--nav .navbar-brand img {height: 32px}
.pkd--nav .nav-link {color: #fff;}
.pkd--nav .nav-link.active {font-weight: 800}
.pkd--nav .user-photo {height: 2rem; width: 2rem}
.pkd--nav li.dropdown .dropdown-menu {flex-basis: 100%; flex-grow: 1}
.pkd--nav li.dropdown > .d-flex {flex-wrap: wrap}
.pkd--nav li .notification-dot-inline {height: 8px; width: 8px; background: #fff; border-radius: 50%; margin-left: 0.5rem;}

@media screen and (max-width: 992px) {
  .pkd--main {padding-top: 1.5rem; padding-bottom: 1.5rem;}
}

::selection {background-color: #13714c99;}

.pkd--yourlocation {}
.pkd--yourlocation .text-column {}
.pkd--yourlocation .text-column .button-line {color: #aaa;}
.pkd--yourlocation .text-column .location-text {line-height: 1.5;}
.pkd--yourlocation button[data-pkd-location="refresh"] {color: inherit; display: flex; padding: 0; background: none; border: none; font-size: 1rem; align-items: center;}
.pkd--yourlocation button[data-pkd-location="refresh"] svg {height: 1.25rem; fill: currentColor; margin-right: 0.1rem;}
.pkd--yourlocation button[data-pkd-location="refresh"].active svg {animation: loadingRotate 1s infinite;}

@keyframes loadingRotate {
  from {transform: rotate(0deg)}
  to {transform: rotate(360deg)}
}

.pkd--yourlocation .text-column .location-text button[data-pkd-location="refresh"] .status {}
.pkd--yourlocation .marker-icon {cursor: pointer;}
.pkd--yourlocation .marker-icon svg {height: 2.5rem; fill: var(--pkd-color-1)}


.button-icon-mdi svg {width: 20px; height: 20px; fill: currentColor;}
.button-icon-tabler svg {width: 20px; height: 20px; stroke: currentColor;}

.pkd--filter-col {}
.pkd--filter-col-margin {margin-top: 1.5rem;}
.pkd--filter-col .filter-item {margin-bottom: 1rem;}
.pkd--filter-col .filter-item h4 {color: var(--pkd-color-1); font-size: 1rem; font-weight: 700; margin-bottom: 0.75rem;}
.pkd--filter-col .pkd--filter-distance {}

.pkd--filter-col .filter-item .button-filters {display: flex; flex-wrap: wrap;}
.pkd--filter-col .filter-item label {display: inline-flex; align-items: center; justify-content: center; margin-bottom: 0.5rem; margin-right: 0.5rem;}
.pkd--filter-col .filter-item svg {height: 1.5rem !important; margin-right: 0.25rem}

.pkd--animal-grid .row {margin-bottom: 2rem;}
.pkd--animal-grid .card {transition: box-shadow 0.25s;}
.pkd--animal-grid .card {}
.pkd--animal-grid .card:hover {}
.pkd--animal-grid .card .card-img-top {height: 15rem; background-size: cover, 30% !important; background-position: center center !important; background-repeat: no-repeat !important;}
.pkd--animal-grid .card .card-title {display: flex; justify-content: space-between; margin-bottom: 0.75rem;}
.pkd--animal-grid .card .card-title-age .card-title {margin-bottom: 0.25rem;}
.pkd--animal-grid .card .card-title-age {margin-bottom: 0.75rem;}
.pkd--animal-grid .card .card-title-age .animal-age {font-weight: 700; font-size: 1rem;}
.pkd--animal-grid .card .animal-name {display: flex; align-items: center; flex-wrap: wrap}
.pkd--animal-grid .card .card-title h5 {font-weight: 600; margin-bottom: 0; font-family: var(--pkd-font-family-2); line-height: 1 !important;}
.pkd--animal-grid .card .card-title .nome-provisorio {text-decoration: underline dotted 3px #ddd; text-underline-offset: 5px}
.pkd--animal-grid .card .card-title .distance {font-size: 1rem; color:#666}
.pkd--animal-grid .card .card-title .distance svg {height: 1.25rem; fill: currentColor; vertical-align: sub; margin-left: 0.2rem; margin-right: -4px;}
.pkd--animal-grid .card .card-text {font-size: 1rem; color: #666}
.pkd--animal-grid .card .card-text .found-by svg {height: 1.25rem; fill: currentColor; vertical-align: sub; margin-right: 0.2rem;}
.pkd--animal-grid-pagination a {cursor: pointer;}
.pkd--animal-grid-pagination svg {height: 1.25rem; fill: currentColor;}

.list-group-item {border-color: var(--bs-border-color-translucent) !important}

/*.pkd-tooltip {--bs-tooltip-bg: var(--pkd-color-1); --bs-tooltip-color: #fff;}
.pkd-tooltip.show {opacity: 1 !important;}*/

ul.pagination {}
ul.pagination li.page-item:not(.disabled):not(.active) a,
ul.pagination li.page-item:not(.disabled):not(.active) button {color: var(--pkd-color-1) !important}
ul.pagination li.page-item:not(.disabled) a:active,
ul.pagination li.page-item:not(.disabled) a:focus,
ul.pagination li.page-item:not(.disabled) button:focus,
ul.pagination li.page-item:not(.disabled) button:active {box-shadow: 0 0 0 .25rem rgba(60, 153, 110, .25);}
ul.pagination li.page-item.active a,
ul.pagination li.page-item.active button {background: var(--pkd-color-1); border-color: var(--pkd-color-1);}
ul.pagination li.page-item:not(.active) a:active,
ul.pagination li.page-item:not(.active) a:focus,
ul.pagination li.page-item:not(.active) button:active,
ul.pagination li.page-item:not(.active) button:focus {background: initial;}

.pkd--animal-grid-loading {}
.pkd--animal-grid-loading .spinner-border {color: #ccc}

.pkd--animal-grid-not-found {}
.pkd--animal-grid-not-found img {opacity: 0.5}
.pkd--animal-grid-not-found div.title {font-size: 1.5rem; font-weight: 600; color: #666; margin-top: 1rem}
.pkd--animal-grid-not-found div.text {color: #666; margin-top: 0.5rem}

/*.pkd--yourlocation {display: flex; align-items: center; justify-content: flex-end;}
.pkd--yourlocation svg.loc {height: 2.5rem; fill: var(--pkd-color-1)}
.pkd--yourlocation .yourlocation {text-transform: uppercase; font-size: 0.9rem; font-weight: 800; color: var(--pkd-color-1); display: flex; justify-content: flex-end;}
.pkd--yourlocation .location-text {display: flex; align-items: center; justify-content: flex-end;}
.pkd--yourlocation .button-line {display: flex; align-items: center; justify-content: flex-end;}
.pkd--yourlocation [data-pkd-location="text"] {line-height: 1.5;}
.pkd--yourlocation [data-pkd-location="refresh"] {color: #aaa; display: flex; align-items: center; padding: 0; background: none; border: none; font-size: 1rem; justify-content: flex-end;}
.pkd--yourlocation [data-pkd-location="refresh"] svg {height: 1.25rem; fill: currentColor; margin-right: 0.1rem;}
.pkd--yourlocation [data-pkd-location="refresh"].active svg {transform: rotate(360deg); transition: 0.5s;}*/

.pkd--card-screen .col {}
.pkd--card-screen .col h5 {font-family: var(--pkd-font-family-2); font-weight: 600; color: var(--pkd-color-1);}
.pkd--card-screen .card:hover {background-color: var(--pkd-color-1); border-color: none; transition: 0.25s;}
.pkd--card-screen .card:hover h5 {color: #fff;}
.pkd--card-screen .card:hover .message {color: #fff;}
.pkd--card-screen .card .icon {margin-bottom: 1rem;}
.pkd--card-screen .card .icon svg {height: 2.5rem; color: var(--pkd-color-1);}
.pkd--card-screen .card:hover .icon svg {color: #fff;}

.pkd--skeleton {background-color: #ebebeb; border-radius: 4px; position: relative; overflow: hidden; display: inline-block; line-height: inherit;}
.pkd--skeleton::before {content: ''; position: absolute; top: 0; left: -150px; height: 100%; width: 150px; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); animation: loading 1.5s infinite;}
.pkd--skeleton.skeleton-text {height: 20px;}

@keyframes loading {
  0% {left: -150px;}
  100% {left: 100%}
}

footer.pkd--footer {background: #1a1a1a; color: #fff; padding: 2rem 0;}
footer.pkd--footer h6 {font-weight: 700; font-size: 1.15rem; margin-bottom: 0.75rem;}
footer.pkd--footer ul {padding: 0; list-style-type: none;}
footer.pkd--footer a {color: inherit; text-decoration: none;}
footer.pkd--footer a:hover {text-decoration: underline;}
footer.pkd--footer .copyright {font-size: 0.9rem; opacity: 0.4}
footer.pkd--footer .copyright ul {padding: 0; margin: 0; list-style-type: none;}
footer.pkd--footer ul.social-media {list-style-type: none; padding: 0; display: flex; align-items: center; margin: 0;}
footer.pkd--footer ul.social-media li {display: inline-block; margin-right: 0.75rem}
footer.pkd--footer ul.social-media li svg {height: 24px; width: 24px; fill: currentColor;}

a.no {color: inherit; text-decoration: none;}
a.no:hover {text-decoration: underline;}
a.under {color: inherit; text-decoration: underline;}
a.under:hover {text-decoration: none;}

a.under-reverse {color: inherit; text-decoration: none;}
a.under-reverse:hover {text-decoration: underline;}

button.btn, a.btn {font-weight: 600;}

a {color: var(--pkd-color-1)}
a:hover {text-decoration: none;}
a.no {color: inherit; text-decoration: none;}
a.no:hover {text-decoration: none;}

.modal .modal-title {font-family: var(--pkd-font-family-2) !important;}

.empty-field {color: #999;}

.leaflet-container {font-family: var(--pkd-font-family-2);}

.pkd--ads {background: #f8f8f8; border-radius: 8px; display: flex; align-items: center; justify-content: center;}
.pkd--ads::after {content: "Publicidade"; position: absolute; font-size: 14px; border-radius: 4px; border: 1px solid #ccc; color: #aaa; line-height: 1; padding: 0.15rem 0.25rem;}
.pkd--ads ins {position: relative; top: 0; z-index: 9; display: flex; justify-content: center;}
.pkd--ads-dhr {min-height: 150px; width: 100%}
.pkd--ads-dqr {min-height: 350px; width: 100%}

.captcha-buttons svg {fill: #999}
.btn-captcha {background: none; border: 0; padding: 0; margin: 0;}
.btn-captcha svg {height: 1.25rem}

.form-control-select {--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); background-color: var(--bs-body-bg); background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none); background-repeat: no-repeat; background-position: right .75rem center; background-size: 16px 12px; cursor: default; padding-right: calc(1.5rem + 16px);}

.pkd--select-options {margin: 0; padding: 0; max-height: 180px; overflow-y: auto; border: 1px solid #ddd; border-top: none; visibility: hidden; position: absolute; width: 100%; background: white; z-index: 10; font-size: 1rem !important; border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius) !important; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}

.pkd--select-options ul.options {list-style: none; margin: 0; padding: 0;}

.pkd--select-options ul.options li {padding: .375rem .75rem; cursor: pointer;}

.pkd--select-options ul.options li:hover:not(.disabled):not(.selected),
.pkd--select-options ul.options li.hovered:not(.disabled):not(.selected) {background: #eee}

.pkd--select-options .no-results {padding: .375rem .75rem; color: #aaa;}

.pkd--select-options ul.options li.selected {background: var(--pkd-color-1); color: #fff}
.pkd--select-options ul.options li.disabled {color: #aaa; cursor: default !important;}
.pkd--select-wrapper {position: relative;}
.pkd--select-wrapper input.search-focused {border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 0 !important;}

nav .notifications-dot {height: 14px; width: 14px; background: #ed1b24; border-radius: 50%; position: absolute; right: 2px; top: 0px; border: 4px solid var(--pkd-color-1); box-sizing: content-box; font-size: 10px; color: #fff; font-weight: 800; line-height: 1; vertical-align: middle; display: flex; align-items: center; justify-content: center}


.pkd--push-drawer {position: absolute; background: #fff; top: 2.75rem; width: 400px; right: calc(0px - (400px / 2) + 20px); border-radius: var(--bs-border-radius); box-sizing: border-box; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; z-index: 800; display: none; overflow: hidden;}
.pkd--push-drawer::before {width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 7px solid #fff; position: absolute; top: -5px; content: ""; left: calc(50% - 8px);}
.pkd--push-drawer-container {overflow-y: hidden;}
.pkd--push-drawer-scroller {height: 375px; overflow-y: auto;}
.pkd--push-drawer .padding {padding: 0.75rem 1rem}
.pkd--push-drawer .header {display: flex; align-items: center; justify-content: space-between; line-height: 1; border-bottom: 1px solid #eee;}
.pkd--push-drawer .header .header-title {font-size: 1.15rem; font-weight: 600;}
.pkd--push-drawer .header button.refresh {background: none; border: none; padding: 0; cursor: pointer; display: flex; align-items: center;}
.pkd--push-drawer .header button.refresh svg {height: 1.25rem; fill: #aaa;}

.pkd--push-drawer .push-notification {display: flex; align-items: flex-start; padding: 0.75rem 1rem; border-bottom: 1px solid #eee; font-size: 0.95em; cursor: default;}
.pkd--push-drawer .push-notification.clicable {cursor: pointer;}
.pkd--push-drawer .push-notification:hover {background-color: #13714c11}
.pkd--push-drawer .push-notification.unread {background-color: #13714c11}
.pkd--push-drawer .push-notification .photo {margin-right: 1.25rem;}
.pkd--push-drawer .push-notification .photo {position: relative;}
.pkd--push-drawer .push-notification .photo div.img {border-radius: 50%; background-size: cover; background-position: center;}
.pkd--push-drawer .push-notification .photo .main .img {height: 3rem; width: 3rem; margin-bottom: 4px;}
.pkd--push-drawer .push-notification .photo .bottom .img {height: 1.5rem; width: 1.5rem; position: absolute; bottom: 0; right: -0.25rem;}
.pkd--push-drawer .push-notification .bottom {display: flex; align-items: center; margin-top: 0.4rem; font-size: 0.9em;}
.pkd--push-drawer .push-notification .bottom .oficial-notification {color: #999; font-weight: 600;}
.pkd--push-drawer .push-notification .bottom .oficial-notification span {padding: 0 0.5rem}
.pkd--push-drawer .push-notification .timestamp {color: #999; line-height: 1}
.pkd--push-drawer .push-notification .title {font-weight: 600; color: var(--pkd-color-1); display: flex; align-items: center;}
.pkd--push-drawer .push-notification .message {}
.pkd--push-drawer .push-notification .unread-dot {background: #13714c; border-radius: 50%; height: 8px; width: 8px; margin-right: 0.5rem; vertical-align: middle;}
.pkd--push-drawer [data-pkd-push-loading] {display: flex; position: absolute; top: 0; bottom: 0; left: 0; right: 0; align-items: center; justify-content: center; color: #999; flex-direction: column;}
.pkd--push-drawer .notifications-empty {display: flex; position: absolute; top: 0; bottom: 0; left: 0; right: 0; align-items: center; justify-content: center; color: #999}
.pkd--push-drawer .push-notification a {color: inherit; text-decoration: none; font-weight: 700}
.pkd--push-drawer .push-notification a:hover {text-decoration: underline;}
[data-pkd-push-refresh].rotate-animation {animation: rotate 1s infinite linear;}
@keyframes rotate {
  from {transform: rotate(0deg)}
  to {transform: rotate(360deg)}
}

main ul.nav-tabs .nav-link.active {position: relative; overflow: visible;}
main ul.nav-tabs .nav-link.active::after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: var(--pkd-color-1);}

main ul.nav-tabs {overflow-x: auto; overflow-y: hidden; flex-wrap: nowrap;}
main ul.nav-tabs .nav-link {white-space: nowrap;}

.pkd--special-date-close {position: absolute; right: 0; top: 0; bottom: 0; display: flex; align-items: center; backdrop-filter: blur(1px);}
.pkd--special-date-close button {background: none; border: none; padding: 0; cursor: pointer; display: flex; align-items: center; padding: 0 0.5rem; color: currentColor; height: 100%;}
.pkd--special-date-close svg {height: 1.25rem; fill: currentColor;}

.captcha-image {border-radius: var(--bs-border-radius);}

.svgicon-inline {display: inline-flex; vertical-align: top;}
.svgicon-inline svg {height: 1.25rem}