.beatBack10{ background-color: #00A7F5; }
.beatBack20{ background-color: #00BC7D; }
.beatBack30{ background-color: #F0444C; }
.beatBack40{ background-color: #56577B; }

.beatCheck10{ background-color: #007EB9; }
.beatCheck20{ background-color: #096E4C; }
.beatCheck30{ background-color: #F0444C; }
.beatCheck40{ background-color: #56577B; }

.beatFont10{ color: #00A7F5; }
.beatFont20{ color: #00BC7D; }
.beatFont30{ color: #F0444C; }
.beatFont40{ color: #56577B; }

.beatNode{ color: white; position: relative; font-weight: 600; display: block; position: relative; border-radius: 8px; cursor: pointer; text-decoration: none; }

.beatNode>div:nth-of-type(1){ padding: 0 8px; font-size: 1.5em; }
.beatNode>div:nth-of-type(2){ padding: 5px; font-size: 0.9em; text-align: center; word-break: break-all; white-space: normal; }
.beatNode>div:nth-of-type(3){ padding: 0 5px; background-color: red; position: absolute; right: -3px; top: -3px; font-size: 0.8em; border-radius: 50%; }

.logNode{ background-color: rgba(255,255,255,0.3); border-radius: 10px; overflow: hidden; font-weight: 600; margin-bottom: 10px; }
.logNode>div:nth-of-type(1){ padding: 0; }
.logNode>div:nth-of-type(1)>div:nth-of-type(1){ margin-left: 10px; font-size: 1.2em; }
.logNode>div:nth-of-type(1)>div:nth-of-type(2){ margin-right: 10px; }
.logNode>div:nth-of-type(2){ padding: 10px; word-break: break-all; white-space: normal; font-size: 1.2em; }

.machineNode{ background-color: #26274F; border-radius: 12px; padding: 15px; }
.machineNode>div:nth-of-type(1){ color: white; font-size: 1.1em; }
.machineNode>div:nth-of-type(2){ color: #9191A7; }
.machineNode>div:nth-of-type(3){ color: #9191A7; }
.machineNode>div:nth-of-type(4){ color: #9191A7; font-size: 0.9em;  }
.machineLock>div:nth-of-type(1){ color: #9191A7; font-size: 1.2em; }
.machineCheck{ background-color: #233371 !important; outline: 2px solid #1777FF; }

.machineShow{ background-color: #26274F; border-radius: 12px; padding: 15px; color: white; }
.machineShow>div:nth-of-type(1){ color: white; font-size: 1.1em; }
.machineShow>div:nth-of-type(2){ color: #9191A7; }
.machineShow>div:nth-of-type(3){ color: #9191A7; }
.machineShow>div:nth-of-type(4){ color: #9191A7; font-size: 0.9em;  }


.adminNode{ background-color: #0E0F35; color: white; border-radius: 12px; padding: 5px 8px; cursor: pointer; text-align: center; }
.adminCheck{ background-color: #00A6F4; }

.statusCheck{ padding: 5px 18px 5px 0; color: white; margin-bottom: 5px !important; background-color: #56577C; border-radius: 15px;}
.onCheck{  background-color: #0E0F35; }
.checked{ background-color: #00A6F4; }
.disabled { cursor: not-allowed !important;}