.darker-border-checkbox.form-check-input {
    border-color: #929292;
}

.ss-background-_registerbtn {
    background-color: darkorange !important;
    color: white !important;
    border: 1px solid darkorange !important;
    margin-bottom: 20px !important;
}

.ss-background-_login {
    background-color: darkorange !important;
    color: white !important;
    border: 1px solid darkorange !important;
    margin-right: 20px !important;
    margin-left: 20px !important;
}

.ss-background-_logout {
    /*background-color: darkorange !important;*/
    color: white !important;
    border: 1px solid darkorange !important;
    margin-right: 20px !important;
    margin-left: 20px !important;
}

.ss-background-_contactus {
    background-image: url(images/SSBanner760.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
}

.ss-background-_register {
    background-image: url(images/SSBanner760.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
}

.ss-cardstyle-contactus-card {
    background-color: ButtonFace;
}

.alert-danger {
    color: red !important;
}


.hide-in-mobile {
    display: inline !important;
}

.show-in-mobile {
    display: none !important;
}

.hamburger {
    display: none !important;
}
.org-form {
    /* position: relative; */
    display: inline;
}

.menu {
    margin-top: 10px !important;
    background-color: transparent !important;
}

/* New: brand container to align avatar and text horizontally */
.brand {
    display: flex;
    align-items: center;
    gap: 8px;
    /* ensure it doesn't force line breaks in header */
    white-space: nowrap;
}

    /* Optional: reduce avatar margin since container handles spacing */
    .brand .avatar {
        margin: 25px 0 !important;
    }

    /* Actions container pushed to the right within .brand */
    .brand-actions {
        margin-left: auto;
        display: flex;
        align-items: center;
        gap: 6px;
    }

    /* Mobile */
    @media (max-width:768px) {
        .brand-right {
            align-items: stretch;
        }

        .selection-controls {
            justify-content: flex-start;
        }

        .select {
            flex: 1 1 100%;
            max-width: none;
        }

        .brand-actions {
            text-align: left;
        }

        .hide-in-mobile {
            display: none !important;
        }

        /*  .show-in-mobile {
        display: default !important;
    }*/
        .hamburger {
            display: block !important;
        }

        .desktop-menu {
            display: none !important; /* hide inline menu */
        }

        .uk-padding {
            padding: 0px !important;
        }

        .uk-card-header {
            padding: 6px !important;
        }

        .uk-card-body {
            padding: 6px !important;
        }
    }