html, body {
    height: 100%;
    margin: 0;
    overflow: hidden;
}

.main-container {
    padding: 0;
}

#map {
    position: fixed;
    height: 100% !important;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

/* Scroll */
/* Works on Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #f1f1e2 transparent;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 8px;
}

*::-webkit-scrollbar-track {
    background: transparent;
}

*::-webkit-scrollbar-thumb {
    background-color: #f1f1e2;
    border-radius: 25px;
    border: 1px solid #b4ae8e;
}

*::-webkit-scrollbar-thumb:hover {
    background-color: #f1f1e2;
}

*::-webkit-scrollbar-thumb:active {
    background-color: #f1f1e2;
}

/*@media (max-width: 991px) {*/

/*}*/

.custom-modal-content {
    background: rgb(255, 255, 255);
    background: linear-gradient(135deg, rgba(255, 249, 237, 1) 0%, rgb(255, 254, 249) 100%);
    border: 1px solid #b2ac88;
}

.custom-modal-header {
    background-color: #ffde00;
    color: #514600;
}

.custom-color-span {
    background-color: #fbf9efba;
    color: #514600;
    border: 1px solid #e3dec49e;
}

.custom-color-checkbox-container {
    background-color: #fbf9efba;
    color: #514600;
    border: 1px solid #e3dec49e;
}

.custom-color-checkbox {
    background-color: #ffffff;
    border: 1px solid #514600;
}

.custom-color-checkbox:checked {
    background-color: #ffc107;
    border-color: #514600;
}

.custom-color-checkbox:focus,
.custom-color-checkbox:hover,
.custom-color-checkbox:active {
    border-color: #514600;
    outline: none !important;
    box-shadow: none;
}

.custom-color-label {
    background-color: #ffffffd6;
    color: #514600;
    border: 1px solid #e3dec49e;
}

.custom-color-input {
    background-color: #ffffffd6;
    color: #514600;
    border: 1px solid #e3dec49e;
}

.custom-color-input:disabled {
    background-color: #ffffffd6;
    color: #514600;
    border: 1px solid #e3dec49e;
}

.custom-textarea {
    resize: none;
}

.custom-color-text,
.custom-color-text:disabled {
    background-color: #fbf9efba;
    color: #514600;
    border: 1px solid #e3dec49e;
}

.custom-color-textarea,
.custom-color-textarea:disabled {
    background-color: #ffffffd6;
    color: #514600;
    border: 1px solid #e3dec49e;
}

.modal-footer > * {
    margin: 0.25rem 0;
}

.mapboxgl-ctrl-group button, .maplibregl-ctrl-group button {
    /*width: 40px;*/
    margin: 0 7px;
}

.mapboxgl-ctrl-group button:hover,
.mapboxgl-ctrl-group button:focus,
.maplibregl-ctrl-group button:hover,
.maplibregl-ctrl-group button:focus {
    background: white !important;
}

.maplayers-container {
    position: absolute;
    top: 12px;
    right: 12px;
}

.custom-maplayers-dropdown-btn {
    padding: 0.06em 0.5em;
    background: white;
    border: 1px solid #dbdbdb;
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 0 2px rgb(0 0 0 / 10%);
    box-shadow: 0 0 0 2px rgb(0 0 0 / 10%);
    display: flex;
}

.custom-dropdown-menu {
    min-width: 0;
    padding: 0;
}

.custom-dropdown-menu > li > a:hover {
    background: #f3fff4;
    color: #3d3d3d;
}

.custom-dropdown-menu > li > a:focus {
    background: #198754;
}

.custom-dropdown-menu .active {
    background: #198754;
    color: #f3fff4;
}

.custom-dropdown-menu .active:hover {
    background: #198754;
    color: #f3fff4;
}

#iconMaplayers {
    width: 20px;
    margin: 3px 2px;
}

.filter-container {
    position: absolute;
    top: 12px;
    left: 12px;
}

#filterMenuButton {
    border: 1px solid #dbdbdb;
}

#realEstateMenuButton {
    border: 1px solid #dbdbdb;
}

#install_panel {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(0deg, #7c7c7c, #898989);
}

.color-animation {
    /*background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);*/
    background: linear-gradient(-45deg, #eed952, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    /*animation: gradient 15s ease infinite;*/
    animation: gradient 10s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}

@keyframes gradient {
    0% {
        background-position: 0 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0 50%;
    }
}

#install_panel .app-icon {
    margin: 10px 15px;
    border: 1px solid #fff;
    border-radius: 9px;
    width: 63px;
}

#install_panel .app-span {
    color: white;
    margin: 7px 11px;
    text-shadow: 1px 0 rgba(0, 0, 0, 0.37),
    -1px 0 rgba(0, 0, 0, 0.37),
    0 1px rgba(0, 0, 0, 0.37),
    0 -1px rgba(0, 0, 0, 0.37),
    1px 1px rgba(0, 0, 0, 0.37),
    -1px -1px rgba(0, 0, 0, 0.37),
    1px -1px rgba(0, 0, 0, 0.37),
    -1px 1px rgba(0, 0, 0, 0.37);
}

.install-btn {
    padding: 1px 10px;
    margin: 7px 11px;
    background: #e5e5e5;
    border-color: #0000005E;
    color: #393939;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
}

.install-icon {
    width: 16px;
    margin-right: 7px;
}

.ios-instruction-panel-container {
    background: #ffffff;
    border: 1px solid #d7d7d7;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    width: calc(100% - 20px);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
    padding: 0;
}

.ios-instruction-panel {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
    padding: 8px 16px;
}

.ios-instruction-panel-close-btn {
    position: absolute;
    top: 1px;
    right: 1px;
}