@import 'colors.css';

/* MainLayout */
.brand-logo {
    display: flex;
    align-items: stretch;
    height: 100%;
    width: 100%;
    color: white;
}

.mud-drawer-header {
    min-height: unset;
}

.environment-label {
    color: var(--mud-palette-appbar-background);
}

/* LoginDisplay */
.overflow-wrap-anywhere {
    overflow-wrap: anywhere;
}

/* ------------------------- Authentication info footer ------------------------------- */
.authentication-info-footer {
    bottom: 1rem;
}

/* NavMenu */
.mud-nav-link.active {
    color: var(--mud-palette-primary-text) !important;
    font-weight: bold;
}

/* My Keys */
.mud-icon-size-huge {
    font-size: 6rem;
}
.mud-paper.bg-basf-light-gray-lighten-4 .mud-input-control.mud-select .mud-input-control-input-container, .mud-paper.bg-basf-light-gray-lighten-4 .mud-input-control.mud-input-input-control .mud-input-control-input-container, .mud-paper.bg-basf-light-gray-lighten-4 .custom-input-control,
.mud-paper.bg-basf-light-blue-lighten-4 .mud-input-control.mud-select .mud-input-control-input-container, .mud-paper.bg-basf-light-blue-lighten-4 .mud-input-control.mud-input-input-control .mud-input-control-input-container, .mud-paper.bg-basf-light-blue-lighten-4 .custom-input-control {
    background-color: var(--mud-palette-background);
}

/* ApproveRequestEmployees */
.scrollable-400 {
    max-height: 400px;
    overflow: scroll;
}

/* MyActions */
.cursor-pointer {
    cursor: pointer;
}

.mud-table-root .mud-table-body .shades-text.text-white .mud-table-cell{
    color: #fff;
}