.x3fs1{
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;
    grid-gap:10px;
    padding:20px;
    border:1px solid var(--color-dark2);
}
.x3lb1, .x3lb2{
    font-family: var(--font-default);
    color:#fff;
    padding:10px;
    display:inline-block;
}
.x3in1,.x3sl1,.x3bt1{
    width:96%;
    margin:0 2%;
    border:none;
    box-sizing: border-box;
    padding:8px;
    font-size:1em;
}
.x3bt1{
    background:var(--color-button);
    color:#fff;
    cursor:pointer;
}
#x3d0_createButton{ grid-column:6/7}
.x3d1{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

/* modalbox form */
.x3d2{
    background:var(--color-dark);
    display: flex;
    justify-content: space-between;
    padding:0 20px;
    margin-bottom:2px;
    border-radius: 10px 10px 0 0;
}
.x3d2 ~ .x3d2{border-radius:0;}
.x3d2:last-child{border-radius: 0 0 10px 10px;}
.x3d2:nth-child(2n){ background:var(--color-dark3)}
/* field container */
.x3d3{
    width:50%;
}
.x3s2{
    font-family: var(--font-default);
    color:#fff;
    padding:10px 20px;
    width:100%;
}
.x3se2{clear:both; margin:20px;}
.x3s2:first-child{ border-right:2px solid var(--color-dark2);}
.x3h12{color: #e8f1f0; text-align: center;}
.x3h22{color:#e8f1f0; font-size:20px; font-weight: bold; margin-top:30px;}
.x3in2, .x3bt2{
    margin:5px;
    border:none;
    box-sizing: border-box;
    padding:8px;
    font-size:1em;
    border-radius:4px;
    background:var(--color-dark4);
    color:#fff;
    font-family: var(--font-default);
    width:100%;
}
.x3bt2{background:var(--color-button); border:2px solid var(--color-dark4)}
.x3s5{color: #fff;padding: 8px; font-size: 14px;font-family: var(--font-default);}
.x3s10 {
    display: block;
    color: #fff;
    font-family: var(--font-default);
    padding: 10px;
}
[data-check]:checked + label{
    background:var(--color-button);
}
[data-check] + label{
    font-family: var(--font-default);
    color:#fff;
    cursor:pointer;
    background:var(--color-dark4);
    margin:5px;
    border-radius: 4px;
}
[data-check]{display: none;}

[data-status="0"]{opacity:0.2}