:root {
    --ey-yellow:#FFE600;
    --ey-dark:#2E2E38;
    --ey-sidebar:#2E2E38;
    --ey-warning:#FFE600; 
}
.text-warning {
	color: #FFE600 !important;
}

.bold{font-weight:bold;}

.login-wrapper {
	min-height: 100vh;
}

.ey-card {
	background: #ffffff;
	border-radius: 10px;
	border: 1px solid #e2e2e2;
}

.ey-header {
	background: #FFCF00; /* EY Yellow */
	color: #333333;      /* EY Dark Gray Text */
	font-weight: bold;
	font-size: 20px;
	padding: 12px;
	border-radius: 8px 8px 0 0;
	text-align: center;
	letter-spacing: 0.5px;
}

.form-label-text {
	color: #333333; /* EY Dark Gray */
	font-weight: 600;
}

.ey-btn {
	background: #333333; /* Dark Gray */
	color: white;
	border-radius: 4px;
}
.ey-btn:hover {
	background: #000000;
	color: #FFCF00;
}


body {
    background:#2b2b2b;
    color:#fff;
    margin:0;
    font-family:Inter,Arial, sans-serif;
}

/* ===========================================
   Sidebar
=========================================== */
.sidebar {
    position:fixed;
    top:0;
    left:0;
    width:260px;
    height:100vh;
    background:var(--ey-sidebar);
    overflow-y:auto;
    padding:20px 0;
    transition:left .35s ease;
    z-index:4500;
}

.sidebar h3 {
    color:var(--ey-yellow);
    text-align:center;
    margin-bottom:20px;
    font-size:20px;
}

.sidebar .profile {
    text-align:center;
    padding:10px 0;
    border-bottom:1px solid #333;
    margin-bottom:20px;
}

.sidebar .profile img {
    width:60px;
    height:60px;
    border-radius:50%;
    border:2px solid var(--ey-yellow);
}

.sidebar .profile h4 {
    color:#fff;
    margin:10px 0 0;
    font-size:16px;
}

.sidebar .profile small {
    color:#bbb;
}

.sidebar a {
    display:flex;
    align-items:center;
    padding:12px 20px;
    color:#ddd;
    text-decoration:none;
    font-size:15px;
    transition:0.2s;
}

.sidebar a i {
    width:25px;
}

.sidebar a:hover {
    background:#222;
    color:var(--ey-yellow);
}

.sidebar a.active {
    background:#000;
    color:var(--ey-yellow);
}
.sidebar::-webkit-scrollbar {
    width: 4px;
}

/* ===========================================
   Overlay for Mobile
=========================================== */
#overlay {
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);
    z-index:4000;
}

/* ===========================================
   Hamburger Menu Button
=========================================== */
.mobile-toggle-btn {
    display:none;
}

/* ===========================================
   Main Content
=========================================== */
.main {
    margin-left:260px;
    padding:20px;
    transition:margin-left .35s ease;
}

header {
    background:var(--ey-dark);
    padding:15px 20px;
    border-radius:10px;
    display:flex;
    align-items:center;
    margin-bottom:20px;
}

header img {
    height:45px;
    margin-right:10px;
}

.container-box {
    background:#2E2E38;
    padding:0px 20px;
    border-radius:10px;
    box-shadow:0 4px 20px rgba(0,0,0,0.5);
}

h4 {
    color:var(--ey-yellow);
    border-bottom:2px solid var(--ey-yellow);
    margin-top:20px;
    padding-bottom:5px;
}

label {
    color:var(--ey-yellow);
    font-size:12px;
    font-weight:600;
}

/* ===========================================
   RESPONSIVE – MOBILE FIXES
=========================================== */
@media(max-width:768px) {

    /* Sidebar hidden by default */
    .sidebar {
        left:-260px;
								border-right:2px solid #3a3a3a;
    }

    /* Sidebar visible */
    .sidebar.active {
        left:0;
    }

    /* Move hamburger icon to RIGHT */
    .mobile-toggle-btn {
        position:fixed;
        top:15px;
        right:15px;       
        left:auto;
        font-size:26px;
        color:#ffd100;
        cursor:pointer;
        z-index:5000;
        display:block;
        background:#1f1f1f;
        padding:8px 10px;
        border-radius:6px;
        box-shadow:0 0 8px rgba(0,0,0,0.4);
    }

    /* Main content full width */
    .main {
        margin-left:0 !important;
    }

    /* Push header DOWN so it does not overlap hamburger */
    header {
        margin-top:60px !important;
    }
}
.dt-button:hover {
		background-color: #FFE600 !important; /* yellow */
		color: #23232F !important;               /* black text */
		border: 1px solid #000 !important;    /* optional border */
}
.dataTables_filter label {
	color: #23232F !important; /* black */ 
}