body {
    margin: 0;
    background-color: #2b2b2b;
    color: #dcdcdc;
}

.bar-red .bar {
    fill: #ff005c; /* Neon Pink/Red */
}

.bar-red .bar-progress {
    fill: #ff53a1; /* Lighter Neon Pink/Red */
}

.bar-blue .bar {
    fill: #00ccff; /* Neon Blue */
}

.bar-blue .bar-progress {
    fill: #66e0ff; /* Lighter Neon Blue */
}

.bar-green .bar {
    fill: #00ff66; /* Neon Green */
}

.bar-green .bar-progress {
    fill: #80ff99; /* Lighter Neon Green */
}

.bar-yellow .bar {
    fill: #ffcc00; /* Neon Yellow */
}

.bar-yellow .bar-progress {
    fill: #ffe066; /* Lighter Neon Yellow */
}

.bar-orange .bar {
    fill: #ff8000; /* Neon Orange */
}

.bar-orange .bar-progress {
    fill: #ffaa66; /* Lighter Neon Orange */
}

.bar-purple .bar {
    fill: #9900cc; /* Neon Purple */
}

.bar-purple .bar-progress {
    fill: #bf80ff; /* Lighter Neon Purple */
}



.gantt .bar-label {
	font-weight: bold;
}

.board_view_title {
    background-color: #ffcc00; /* Neon Yellow */
    color: #2b2b2b;
    padding: 5px;
    text-align: center;
}

.board-link {
    cursor: pointer;
}

.board-link:hover {
    background-color: #9900cc; /* Neon Purple */
    color: white;
}

#board_error {
    color: #ff6b6b; /* Light Neon Red */
    font-weight: bold;
    margin: 50px auto;
    width: 500px;
    text-align: center;
}

#board_view {
    width: 500px;
    border: 1px solid #dcdcdc;
    margin: 10px auto;
    border-radius: 5px;
    box-shadow: 5px 5px 5px #696969;
    min-height: 100px;
    background-color: #2b2b2b;
    color: #dcdcdc;
}

#board_config {
    display: flex;
    justify-content: space-around;
}

#board_connexion {
    display: flex;
    justify-content: space-around;
    background-color: #00ccff; /* Neon Blue */
    color: #fff;
    padding: 5px;
}

#board_list {
    text-align: center;
    line-height: 30px;
    background-color: #2b2b2b;
    color: #dcdcdc;
}