* {
    font-family: "Google Sans", Verdana, sans-serif;
}

body {
    position: relative;
}

.navbar-toggler {
    background-color: #FFF !important;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
    color: #FFF !important;
    /* font-weight: 500 !important; */
}

.navbar-nav {
      --bs-nav-link-color: #FFF !important;
    --bs-nav-link-hover-color: #FFF !important;
}

.carousel img {
    height: 400px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.navbar-nav .nav-link {
    position: relative;
}

/* .navbar-nav .nav-link:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #FFF;
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.navbar-nav .nav-link:not(.no-underline):hover::after,
.navbar-nav .nav-link:not(.no-underline):focus::after,
.navbar-nav .nav-link:not(.no-underline).active::after,
.navbar-nav .nav-link:not(.no-underline):active::after {
    transform: scaleX(1);
}

.navbar-nav .nav-link.dropdown-toggle::after {
    border-top: none !important;
} */

.navbar-nav .nav-link::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #FFF;
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.navbar-nav .nav-link:not(.no-underline):hover::before,
.navbar-nav .nav-link:not(.no-underline):focus::before,
.navbar-nav .nav-link:not(.no-underline).active::before,
.navbar-nav .nav-link:not(.no-underline):active::before {
    transform: scaleX(1);
}

/* Специално правило за dropdown-toggle да запази caret */
.navbar-nav .nav-link.dropdown-toggle::after {
    /* border-top: none !important; */
}

.text-shadow {
    text-shadow: 0px 2px 5px rgb(0, 0, 0, 0.5);
}

.notification-badge {
    border-radius: 2px;
    color: white;
    padding: 1px 3px;
    font-size: 10px;
    /* position: absolute;
    top: 0;
    right: -7px; */
    position: relative;
    top: -12px;
    right: -7px;
}

.notify-wrp {
    width: 540px !important;
}

.notify-alert {
    padding: 12px;
    padding-right: 35px;
    margin-bottom: 0.5rem !important;
}

#overlay {
    background-color: rgba(var(--bs-secondary-bg-rgb), 0.8) !important;
    color: var(--bs-body-color-rgb) !important;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 9999;
    top: 0;
    left: 0;
    text-align: center;
}

.overlay-box {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 500;
}

.spinner {
    margin: 0 auto;
    height: 40px;
    width: 40px;
    animation: rotate 0.8s infinite linear;
    border: 5px solid var(--bs-primary);
    border-right-color: transparent;
    border-radius: 50%;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.tooltip {
    line-height: 1.1;
}

.list-group.list-group-radio.nav-pills .nav-link.active,
.list-group.list-group-radio.nav-pills .show > .nav-link {
    color: initial !important;
    background-color: initial !important;
}

.fit-cell {
    width: 1%;
    white-space: nowrap;
}

.tagify--focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #92b385;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(36,102,10,.25);
}

.tagify__input {
    border-color: #92b385;
}

[data-bs-theme=dark] .tagify__dropdown__item {
    background-color: #212529 !important;
    border-color: #212529 !important;
}

.tagify__dropdown__wrapper {
    border-color: #92b385 !important;
}

[data-bs-theme=dark] .tagify__dropdown {
    background-color: #212529 !important;
}

.tagify {
    --tags-focus-border-color: #92b385 !important;
    --tag-hover: #CECECE !important;
    border-color: var(--bs-border-color);
}

.tagify:active,
.tagify:focus {
    border-color: #92b385 !important;
}

.tagify__input::before {
    color: var(--bs-secondary-color) !important;
}

.tagify__dropdown__item--active {
    background-color: #92b385 !important;
}

.icon-circle {
    height: 2.5rem;
    width: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
}

.border-left-card-1 {
    border-left: solid 4px var(--bs-primary) !important;
}

.form-check-input:checked + .form-checked-content {
    opacity: .5;
}

.form-check-input-placeholder {
    border-style: dashed;
}

[contenteditable]:focus {
    outline: 0;
}

.list-group-checkable .list-group-item {
    cursor: pointer;
}

.list-group-item-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

.list-group-item-check:hover + .list-group-item {
    background-color: var(--bs-light);
}

.list-group-item-check:checked + .list-group-item {
    color: var(--bs-body-bg);
    background-color: var(--bs-blue);
}

.list-group-item-check[disabled] + .list-group-item,
.list-group-item-check:disabled + .list-group-item {
    pointer-events: none;
    filter: none;
    opacity: .5;
}

.list-group-radio .list-group-item {
    cursor: pointer;
    border-radius: .5rem;
}

.list-group-radio .form-check-input {
    z-index: 2;
    margin-top: -.5em;
}

.list-group-radio .form-check-input:checked + .list-group-item {
    background-color: var(--bs-body);
    border-color: var(--bs-blue);
    box-shadow: 0 0 0 2px var(--bs-blue);
}

.list-group-radio .form-check-input[disabled] + .list-group-item,
.list-group-radio .form-check-input:disabled + .list-group-item {
    pointer-events: none;
    filter: none;
    opacity: .5;
}

.ui-widget.ui-widget-content {
    z-index: 1055 !important;
    /* z-index: 2 !important; */
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

.scrollable-nav {
    top: 56px;
    padding: 0px;
    padding-top: 7px;
}

.navbar {
    background-color: rgba(0, 0, 0, 0.6);
    background: rgba(0, 0, 0, 0.6);
}

.sub-nav-content {
    display: flex;
    overflow: auto;
    white-space: nowrap;
    padding: 0px 20px 9px;
}

.sub-nav-content ul {
    display: inline-block;
}

.sub-nav-content ul li {
    display: inline-block;
}

.sub-nav-content ul li:not(:last-child) {
    padding-right: 10px;
}

.scroll-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 56px;
    background-color: #333;
    color: white;
    display: none;
    cursor: pointer;
    text-align: center;
    line-height: 56px;
    z-index: 1;
}

.scroll-arrow.left {
    left: 0;
    box-shadow: 3px 0 10px rgba(0,0,0,0.3);
}

.scroll-arrow.right {
    right: 0;
    box-shadow: -3px 0 10px rgba(0,0,0,0.3);
}

.cursor-pointer {
    cursor: pointer;
}

.hunting-group-member-role {
    font-size: 12px;
    padding: 0px 3px !important;
}

.avatar-sm {
    height: 35px;
}

.avatar-md {
    height: 80px;
}

.primary-link {
    color: #314047;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.bookmark-post .favorite-icon a, .job-box.bookmark-post .favorite-icon a {
    background-color: #da3746;
    color: #fff;
    border-color: danger;
}

.favorite-icon a {
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #eff0f2;
    border-radius: 6px;
    color: rgba(173,181,189,.55);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.candidate-list-box .favorite-icon {
    position: absolute;
    right: 22px;
    top: 22px;
}

.bg-soft-secondary {
    background-color: rgba(116,120,141,.15)!important;
    color: #74788d!important;
}

.select2 {
    max-width: 100%;
}

.select2-container--bootstrap-5 .select2-selection {
    border-radius: 0.375rem !important;
}

.select2-container--bootstrap-5 .select2-selection,
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option,
.form-select {
    /* font-size: var(--bs-body-font-size) !important; */
}

.separator {
    display: flex;
    align-items: center;
    text-align: center;
    color: #6c757d;
}

.separator::before,
.separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #CCC;
}

.separator:not(:empty)::before {
    margin-right: .5em;
    margin-top: 3px;
}

.separator:not(:empty)::after {
    margin-left: .5em;
    margin-top: 3px;
}

.cropper-img-container {
    max-width: 100%;
    /* width: 100%; */
    max-height: 200px;
    position: relative;
    /* background-color: rgba(0, 0, 0, 0.1); */
}

.cropper-img-container img {
    width: 100%;
    object-fit: contain;
}

.cropper-modal {
    /* border-radius: 0.375rem; */
}

.cropper-modal {
    background-color: #000 !important;
    opacity: 0.3 !important;
}

.cropper-view-box {
    outline: 1px solid #24660a !important;
    outline-color: rgb(36, 102, 10) !important;
}

button.toggle-password {
	position: absolute;
	top: 3px;
	right: 4px;
	z-index: 9;
	width: 28px;
	height: 30px;
	background: 0;
	border: 0;
}

button.toggle-password:active,
button.toggle-password:focus,
button.toggle-password:hover {
	cursor: pointer;
}

button.toggle-password:focus {
	outline: none !important;
}

.input-password {
	padding-right: calc(1.5em + 0.75rem);
	background-repeat: no-repeat;
	background-position: right calc(0.375em + 0.1875rem) center;
	background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.input-password[type="text"] {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye-slash" viewBox="0 0 16 16"><path d="M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486l.708.709z"/><path d="M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"/><path d="M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12-.708.708z"/></svg>') !important;
}

.input-password[type="password"] {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye" viewBox="0 0 16 16"><path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"/><path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z"/></svg>') !important;
}

#sidebar-my-groups-holder,
#sidebar-my-zones-holder {
    padding: 2px;
}

.online-circle {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    /* box-shadow: 0px 0px 1px 1px #0000001a; */
    background-color: #949494;
}

.online-pulse {
    animation: online-pulse-animation 1.5s infinite;
}

.online-pulse.bg-success {
    animation: online-pulse-animation-success 1.5s infinite;
}

.online-pulse.bg-warning {
    animation: online-pulse-animation-warning 1.5s infinite;
}

.online-pulse.bg-danger {
    animation: online-pulse-animation-danger 1.5s infinite;
}

@keyframes online-pulse-animation {
    0% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.5);
    }
    100% {
        box-shadow: 0 0 0 5px rgba(0, 0, 0, 0);
    }
}

@keyframes online-pulse-animation-success {
    0% {
        box-shadow: 0 0 0 0px rgba(var(--bs-success-rgb), 0.5);
    }
    100% {
        box-shadow: 0 0 0 5px rgba(0, 0, 0, 0);
    }
}

@keyframes online-pulse-animation-warning {
    0% {
        box-shadow: 0 0 0 0px rgba(var(--bs-warning-rgb), 0.5);
    }
    100% {
        box-shadow: 0 0 0 5px rgba(0, 0, 0, 0);
    }
}

@keyframes online-pulse-animation-danger {
    0% {
        box-shadow: 0 0 0 0px rgba(var(--bs-danger-rgb), 0.5);
    }
    100% {
        box-shadow: 0 0 0 5px rgba(0, 0, 0, 0);
    }
}

table th {
    font-weight: 500 !important;
}

table.table-sh .table-light {
    --bs-table-color: #fff !important;
    --bs-table-bg: #24660a !important;
}

table.table-sh > thead > tr > th {
    color: #fff !important;
    background-color: #24660a !important;
}

table.table-sh .table-light th:first-child,
table.table-sh th:first-child {
    border-top-left-radius: 0.375rem;
}

table.table-sh .table-light th:last-child,
table.table-sh th:last-child {
    border-top-right-radius: 0.375rem;
}

table.table-sh.dataTable > tbody > tr:last-child > td:first-child,
table.table-sh > tbody > tr:last-child > td:first-child {
    border-bottom-left-radius: 0.375rem;
}

table.table-sh.dataTable > tbody > tr:last-child > td:last-child,
table.table-sh > tbody > tr:last-child > td:last-child {
    border-bottom-right-radius: 0.375rem;
}

table.table-sh.dataTable > tbody > tr:last-child > td,
table.table-sh > tbody > tr:last-child > td {
    border-bottom-width: 0px !important;
}

.m-h-150 {
    max-height: 150px !important
}

.m-h-200 {
    max-height: 200px !important
}

.m-h-250 {
    max-height: 250px !important
}

.cameras-image-container {
    display: flex;
    overflow-x: auto;
    padding-bottom: 10px;
}

.cameras-image-container img,
.camera-image-gallery-item {
    transition: all 0.2s;
    flex-shrink: 0;
    height: 60px;
    border: solid 2px #dee2e6;
    margin: 0 5px;
}

.cameras-image-container img:hover,
.camera-image-gallery-item:hover {
    border: solid 2px #24660a;
}

.dt-box,
.dt-slider {
    display: none;
}

.text-nowrap.small.last-update {
    min-width: 110px;
}

.border-top-primary {
    border-top: 2px solid var(--bs-primary);
}

.table-responsive .dt-layout-full {
    padding: 0 !important;
}

.help-card {
    height: 200px;
}

.help-divider {
    border-top: 2px solid #adadad;
}

.check-uncheck-all-layer {

}

.check-uncheck-all-layer input[type="checkbox"] {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 23px;
    height: 23px;
    margin: 0;
    clip: initial !important;
    pointer-events: initial !important;
}

.check-uncheck-all-layer input[type="checkbox"]:focus {
    box-shadow: none;
}

.check-uncheck-all-layer label {
    padding-left: 32px;
}

.marker-pin {
    width: 30px;
    height: 30px;
    border-radius: 50% 50% 50% 0;
    background: #c30b82;
    position: absolute;
    transform: rotate(-45deg);
    left: 50%;
    top: 50%;
    margin: -15px 0 0 -15px;
}

.marker-pin::after {
    content: '';
    width: 24px;
    height: 24px;
    margin: 3px 0 0 3px;
    background: #fff;
    position: absolute;
    border-radius: 50%;
}

.custom-div-icon i {
    position: absolute;
    width: 22px;
    font-size: 22px;
    left: 0;
    right: 0;
    margin: 9px auto;
    /* margin: 10px auto; */
    text-align: center;
}

.custom-div-icon img {
    position: absolute;
    height: 18px;
    left: 0;
    right: 0;
    margin: 11px 12px;
    text-align: center;
}

.custom-div-icon svg.fontawesome {
    margin: 11.5px 12.3px;
    /* margin: 12px 6px; */
    font-size: 17px;
    position: absolute;
}

.custom-div-icon .custom-icon-top-text {
    position: absolute;
    z-index: 1;
    top: -8px;
}

.custom-div-icon .custom-icon-bottom-text {
    position: absolute;
    z-index: 1;
    bottom: -15px;
}

.leaflet-bottom {
    transition: 0.3s;
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
    border: none !important;
    border-radius: 10px;
    box-shadow: 0 2px 2px rgba(0,0,0,.1)!important;
}

.leaflet-pm-toolbar .button-container:first-child a.leaflet-buttons-control-button,
.leaflet-control-zoom a:first-child {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.leaflet-pm-toolbar .button-container:last-child a.leaflet-buttons-control-button,
.leaflet-control-zoom a:last-child {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

.leaflet-control-zoom {
    border-radius: 10px;
    box-shadow: 0 2px 2px rgba(0,0,0,.1)!important;
}

.leaflet-bar button,
.leaflet-bar button:hover {
    padding: 0 !important;
}

.leaflet-touch .leaflet-bar button,
.leaflet-touch .leaflet-bar a {
    width: 35px;
    height: 35px;
    line-height: 35px;
}

.leaflet-tooltip {
    opacity: 1 !important;
    border-radius: 0.375rem;
}

.leaflet-tooltip.polygon-transparent-label {
    background-color: transparent;
    border: transparent;
    box-shadow: none;
    font-weight: bold;
    font-size: 14px;
    text-shadow: 2px 0 0 #fff,-2px 0 0 #fff,0 2px 0 #fff,0 -2px 0 #fff,1px 1px #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff;
    line-height: 1rem !important;
}

.leaflet-tooltip.polygon-transparent-label span {
    font-size: 12px !important;
    font-weight: normal !important;
    text-align: center;
    display: block;
    text-shadow: 1px 0 0 #fff,-1px 0 0 #fff,0 1px 0 #fff,0 -1px 0 #fff,0px 0px #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff;
}

.map-label {
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    text-shadow: 2px 0 0 #fff,-2px 0 0 #fff,0 2px 0 #fff,0 -2px 0 #fff,1px 1px #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff;
    white-space: nowrap;
}

.marker-icon {
    border: 1px solid #24660a !important;
}

.poi-icons-wrapper {
    max-width: calc(100% - 75px);
    overflow-x: auto;
    position: absolute;
    z-index: 401;
    top: 10px;
    left: 10px;
    height: 44px;
    background-color: #FFF;
    border-radius: 10px;
    display: flex;
}

.poi-icons-wrapper div {
    position: relative;
    padding: 0;
    margin: 0;
}

.poi-icons-wrapper input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.poi-icons-wrapper label {
    padding: 9px 5px;
    margin: 0px;
}

.poi-icons-wrapper input:checked + label {
    background-color: rgba(var(--bs-primary-rgb), 0.5) !important;
}

.leaflet-tooltip {
    border-radius: 0.375rem;
}

.icon-sm {
    height: 20px;
}

.text-avatar {
    color: #fff; 
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    letter-spacing: 2px;
}

.th-camera-gallery {
    width: 110px;
}

.grecaptcha-badge { visibility: hidden; }

.grecaptcha-badge {
    box-shadow: gray 0px 0px 2px !important;
}

.grecaptcha-badge,
#recaptcha iframe {
    border-radius: var(--bs-border-radius) !important;
}

.g-recaptcha-desc {
    line-height: 1.2 !important;
    font-size: 11px !important;
}

ul.sidebar-nav.nav-pills li:not(:last-child) {
    margin-bottom: 5px;
}

ul.sidebar-nav.nav-pills li[aria-expanded="true"] a {
    color: #fff !important;
    background-color: #24660a !important;
}

.news-image-center img {
    display: block;
    margin: auto;
    border-radius: var(--bs-border-radius-xl) !important;
    max-width: 100%;
    height: auto;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.home-partners img {
    max-width: 150px;
    height: 90px;
}

.home-news-item img {
    height: 200px;
    width: 100%;
    object-fit: cover;
}

.list-news-item img {
    height: 200px;
    width: 100%;
    object-fit: cover;
}

@media (min-width: 992px) {
    .home-news-item img {
        width: 180px;
        height: 100%;
        object-fit: cover;
    }

    .list-news-item img {
        width: 300px;
        height: 200px;
        object-fit: cover;
    }
}

.home-news-item img {
    height: 200px;
    width: 100%;
    object-fit: cover;
}

@media (min-width: 992px) {
    .home-news-item img {
        width: 180px;
        height: 100%;
        object-fit: cover;
    }
}

.lb-outerContainer {
    background-color: #323232 !important;
}

#dt-table_processing {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

div.dt-processing > div:last-child > div {
    background: rgb(var(--bs-primary-rgb)) !important;
}

.width-90 {
    width: 90px;
}