.yellow-led-template { background-color: #FFC107; }
/* LEDのスタイル */
.led{
    width: 60px; /* 小さめ */
    height: 60px;
    background-color: #FFECB3; /* Light Amber */
    border-radius: 50%; /* 円形にする */
    cursor: default;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    display: flex;
    justify-content: center;
    align-items: center;
}

.led.on {
    background-color: #FFEB3B; /* Bright Yellow when ON */
    box-shadow: 0 0 15px #FFEB3B, 0 0 25px #FFEB3B;
}
.yellow-led {
    width: 60px; /* 小さめ */
    height: 60px;
    background-color: #FFC107; /* Light Amber 黄色*/
    border-radius: 50%; /* 円形にする */
    cursor: default;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    display: flex;
    justify-content: center;
    align-items: center;
}
.yellow-led.on {
	background-color: #FFEB3B; /* Bright Yellow when ON */
    box-shadow: 0 0 15px #FFEB3B, 0 0 25px #FFEB3B;
}

.blue-led-template { background-color: #00008B; }
.blue-led {
    width: 60px; /* 小さめ */
    height: 60px;
    background-color: #00008B; /* Light Amber 青色*/
    border-radius: 50%; /* 円形にする */
    cursor: default;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    display: flex;
    justify-content: center;
    align-items: center;
}
.blue-led.on {
	background-color: #2196F3; /* Bright blue when ON */
    box-shadow: 0 0 15px #2196F3, 0 0 25px #2196F3;
}
.green-led-template { background-color: #008000; }
.green-led {
    width: 60px; /* 小さめ */
    height: 60px;
    background-color: #008000; /* Light Amber 緑色*/
    border-radius: 50%; /* 円形にする */
    cursor: default;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    display: flex;
    justify-content: center;
    align-items: center;
}
.green-led.on {
	background-color: #4CAF50; /* Bright green when ON */
    box-shadow: 0 0 15px #4CAF50, 0 0 25px #4CAF50;
}
.red-led-template { background-color: #CC0000; }
.red-led {
    width: 60px; /* 小さめ */
    height: 60px;
    background-color: #CC0000; /* Light Amber 赤色*/
    border-radius: 50%; /* 円形にする */
    cursor: default;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    display: flex;
    justify-content: center;
    align-items: center;
}
.red-led.on {
 	background-color: #FF0000; /* Bright red when ON */
    box-shadow: 0 0 15px #FF0000, 0 0 25px #FF0000;
}