body {
background-color:#FFF !important;
}

#_cuP {
padding:20px;
}

._cuX {
margin:6px;
padding:10px;
border:solid 1px #888;
float:left;
width:100px;
height:150px;
border-radius:12px;
position:relative;
overflow:hidden;
}

._cuX .NOTE_NAME {
text-align:center;
position:absolute;
top:10px;
left:0px;
width:100%;
}

._cuX ._cuZ svg {
width:50px !important;
}

._cuX ._DC svg {
width:30px !important;
}

._cuX.SLEEP {
font-weight:bold;
padding-top:15px;
font-size:70px;
text-align:center;
color:#888;
background-color:#DDD;
}

._cuX.ACTIVE {
padding:10px 1px;
font-weight:bold;
font-size:50px;

text-align:center;
color:#0088FF;
background-color:#88CCFF;

border:solid 1px #0088FF;
}

._cuX.GOOD {
background-color:#8F8;
}

._cuX.KO {
background-color:#F88;
}

._cvB {
margin:4px;
border:solid 3px #888;
}

#_cvA {
clear:both;
}

._cuY {
float:left;
width:30px;
height:30px;
background-color:#F00;
color:#FFF;
font-size:11px;
margin:1px;
}