.ubuntu-light {
    font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.ubuntu-regular {
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.ubuntu-medium {
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.ubuntu-bold {
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.ubuntu-light-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.ubuntu-regular-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.ubuntu-medium-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.ubuntu-bold-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
    font-style: italic;
}


body {
    font-family: "Lexend Deca", sans-serif;
}
.navbar-brand {
    background-color: rgb(24, 10, 42);
}

.navbar {
    background-color: rgb(39, 26, 57);
}

#sidebarMenu{ 
    z-index: 1010;

}

#cy {
    width: 100%;
    height: 100%;
    display: block;
  }

.ui-front {
    z-index: 1050;
}


.btn-xs, .btn-group-xs > .btn {
    --bs-btn-padding-y: 0.0625rem;
    --bs-btn-padding-x: 0.25rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: 0.25rem;
}

.btn-xs + .dropdown-toggle-split, .btn-group-xs > .btn + .dropdown-toggle-split {
    padding-right: 0.375rem;
    padding-left: 0.375rem;
}

.bg-geolynx-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(24, 10, 42,1) !important;
}

.text-bg-geolynx-dark {
    color: #fff !important;
    background-color: RGBA(25, 135, 84, 1) !important;
}


.input-group-clear {
    position: relative;
}

.clear-btn {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #6c757d;
    cursor: pointer;
    z-index: 10;
    padding: 4px;
    border-radius: 3px;
}

.clear-btn:hover {
    color: #495057;
    background-color: #f8f9fa;
}

.clear-btn:focus {
    outline: 2px solid #0d6efd;
    outline-offset: 2px;
}