/* -------------------------------
   General Button Styles
---------------------------------*/
.btn-custom {
    border: none;
    font-weight: bold;
    transition: background-color 0.3s, color 0.3s;
}

/* -------------------------------
   Login Button
---------------------------------*/
.btn-login {
    background-color: #172c46; /* HUB Blue */
    color: white;
}

    .btn-login:hover {
        background-color: #152941; /* HUB Blue darker */
        color: grey;
    }

/* -------------------------------
   Normal Action Button
   (Open Report, etc.)
---------------------------------*/
.btn-action {
    background-color: #172c46; /* blue (Bootstrap primary) */
    color: white;
}

    .btn-action:hover {
        background-color: #152941; /* darker blue */
        color: grey;
    }

/* -------------------------------
   Success Button
   (Add user/report)
---------------------------------*/
.btn-success-custom {
    background-color: #5fa933; /* HUB Green */
    color: white;
}

    .btn-success-custom:hover {
        background-color: #52922b; /* HUB Green Darker */
    }

/* -------------------------------
   Danger Button
   (Delete user/report)
---------------------------------*/
.btn-danger-custom {
    background-color: #dc3545; /* red */
    color: white;
}

    .btn-danger-custom:hover {
        background-color: #b02a37; /* darker red */
    }

/* -------------------------------
   Secondary Button
   (Assign reports, etc.)
---------------------------------*/
.btn-secondary-custom {
    background-color: #6c757d; /* gray */
    color: white;
}

    .btn-secondary-custom:hover {
        background-color: #495057; /* darker gray */
    }

/* -------------------------------
   Full-width helper
---------------------------------*/
.w-full {
    width: 100%;
}

/* -------------------------------
   Nav Bar
---------------------------------*/
.navbar-custom {
    background-color: #152941;
    color: white;
}

    .navbar-custom .navbar-brand,
    .navbar-custom .nav-link {
        color: white;
    }

        .navbar-custom .nav-link:hover {
            color: #ffc107; /* highlight on hover, optional */
        }

.iframe-container {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 ratio */
}

    .iframe-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }