/* Background and gradient settings */
body {
    background-color: #2a2a72;
    background-image: linear-gradient(315deg, #2a2a72 0%, #009ffd 74%);
}

/* Module view background color */
.module-view {
    background-color: #282828;
}

/* Header text color */
.header small {
    color: #fff;
}

/* Sidebar styles */
.sidebar {
    width: 14rem; /* Fixed width for the sidebar */
    margin-left: 0;
    transition-duration: .3s;
    transition-property: margin-left;
    background-color: #3f3f3f;
    overflow-x: hidden; /* Prevent horizontal overflow */
}

    .sidebar .sidebar ul {
        padding-left: 0;
    }

        .sidebar .sidebar ul li {
            list-style: none;
        }

/* Nav-link styling to contain items within the sidebar */
.nav-link {
    color: #fff;
    white-space: nowrap; /* Prevents text from wrapping */
    overflow: hidden; /* Hides overflowed text */
    text-overflow: ellipsis; /* Adds ellipsis for overflowed text */
    display: block; /* Ensures full width */
    width: 100%; /* Full width for the link */
    padding-right: 0.5rem; /* Padding to accommodate ellipsis */
}

/* Module container styles */
.module-container {
    /* Optional border styling */
    /* border-left: 1px solid; */
}

    .module-container iframe {
        width: 100%;
        height: 100%;
        border: none;
    }

/* Cursor pointer for icons */
i {
    cursor: pointer;
}

/* Fieldset legend color */
fieldset legend {
    color: #fff;
}

/* Table header and cell font size */
.main table th {
    font-size: 12px;
}

.main table td {
    font-size: 12px;
}

/* Overwrite bootstrap for nav-link color */
.nav-link {
    color: #fff;
}