:root {
    --primary-color: #43e670;
    --placeholder-background-light: #525253;
}

html {
    overflow-x: hidden !important;
}

body {
    overflow-x: hidden !important;
}

/* Disable text selection for entire page */
body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Optional: Allow selection in input fields and textareas */
input,
textarea {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}


@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&display=swap');

body {
    font-family: 'Geologica', sans-serif !important;
}


.bg-dark-main {
    background-color: #2d2d2e
}

.bg-dark-main-opacity {
    background-color: rgba(0, 0, 0, .75);
}

.bg-green-theme {
    background-color: var(--primary-color) !important;
}

.bg-icon-placeholder-light {
    background-color: var(--placeholder-background-light);
}

.text-primary-color {
    color: var(--primary-color);
}

.font-light {
    font-weight: 100;
}

.main_mini_title {
    color: var(--primary-color);
    font-size: 15px;
    font-weight: 100;
    line-height: normal;
}

.white {
    color: #fff;
}

.fa-angle-down {
    transition: transform 0.3s ease;
}

.my_radius {
    border-radius: 2rem;
}

.my_radius_mini {
    border-radius: 1rem;
}

.my_radius_login {
    border-radius: 2rem 2rem 0 0;
}

.my_radius_button {
    border-radius: 100rem;
}

svg#barcode {
    margin: 0 auto;
}

.mini-font-green {
    color: var(--primary-color);
}

.mini-font-black {
    color: #000;
    font-weight: normal;
    font-size: 11px;
}

.book_a_course_button {
    background-color: var(--primary-color);
    width: 60%;
}

.mini_text_button {
    font-size: 10px;
}

.background-menu {
    background-color: #2d2d2e;
}

.text-not-active {
    color: #525253 !important;
}

.text-not-active span,
.text-not-active i {
    color: #525253 !important;
}

.text-active span,
.text-active i {
    color: var(--primary-color);
}

.menu-border {
    border-radius: 35px 35px 0 0;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.text-uxs {
    font-size: 11px;
    font-weight: 100;
}

.center_button_action {
    color: #2d2d2e;
}

.fitness-booking-system-full-popup button.swal2-close {
    margin-top: -20%;
    border-radius: 100%;
    justify-self: center;
    right: unset !important;
    background: #fff;
    color: #000;
}

.fitness-booking-system-middle-close-button:focus,
.fitness-booking-system-middle-close-button:hover {
    background: #fff;
}

.fitness-booking-system-middle-close-button {
    background: #fff;
    color: #000;
}

.fitness-booking-system-popup-container {
    padding: 0;
}

.fitness-booking-system-spaced-container {
    padding-top: 50px !important;
    align-items: flex-start !important;
    /* This is important for top spacing */
}

.fitness-booking-system-bottom-popup {
    margin: 0 !important;
    border-radius: 20px 20px 0 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    transform: none !important;
    height: calc(100% - 180px) !important;
    /* Adjust height to account for spacing */
}

/* Ensure the container aligns properly */
.swal2-container.fitness-booking-system-spaced-container {
    align-items: flex-start !important;
    padding-top: 50px !important;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scrollbar-hide {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.active-button-this {
    background-color: var(--primary-color);
}


.active-button-this button {
    color: #000 !important;
    font-weight: bold;
    font-size: 12px;
}


.disabled-button-this {
    background-color: #2d2d2e;
}

.disabled-button-this button {
    color: #525253;
    font-weight: bold;
    font-size: 12px;
}


.profile-button-this {
    background-color: #525253;
    border-radius: 100%;
}


hr.my_hr {
    margin: 11px 15px;
    border-color: #494949 !important;
}

.fitbox-black-popup .swal2-popup.swal2-modal.fitness-booking-system-full-popup.fitness-booking-system-bottom-popup {
    background: #2d2d2e;
}

button#register-button:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

/* Optional: Add transition for smooth effect */
button#register-button {
    transition: opacity 0.3s ease;
}

.book_a_course_button button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}