/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 *= require_tree .
 *= require_self
 */

.custom-nav-expanded {
    width: 300px;
}

.custom-nav-collapsed {
    left: -300px !important;
}

.custom-main-expanded {
    margin-left: 0px !important;
}

.custom-main-default {
    margin-left: 300px;
}


#loading-screen {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #f6f9ff; /* Or match your brand colors */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

#loading-logo {
    width: 200px; /* Adjust size as needed */
    opacity: var(--blazor-load-percentage, 0%); /* Start semi-transparent */
    transition: opacity 1.5s ease-in-out;
}

.btn-primary {
    background-color: #666666;
    border-color: #666666;
}
.btn-primary:hover {
    background-color: #575757;
    border-color: #575757;
}
.btn-primary:focus,
.btn-primary:active,
.btn-primary:focus-visible {
    background-color: #474747 !important;
    border-color: #474747 !important;
}

.btn-outline-primary{
    color: #666666;
    border-color: #666666;
}
.btn-outline-primary:hover {
    background-color: #666666 !important;
    color: #fff;
    border-color: #666666 !important;
}
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary:focus-visible {
    background-color: #474747 !important;
    color: #fff;
    border-color: #474747 !important;
}

.unity-link {
    color: #e98225 !important;
}