.t-box {
    background-repeat: no-repeat;
    background-image:
        linear-gradient(to right, #fff4da, #fff4da),
        linear-gradient(to right, #918b99, #918b99),
        linear-gradient(to right, #ffffff, #ffffff);
    background-position:
        7px 7px,
        6px 6px,
        0px 0px;
    background-size:
        calc(100% - 14px) calc(100% - 14px),
        calc(100% - 12px) calc(100% - 12px),
        100% 100%;
    border: 1px solid #4f3327;
    border-radius: 5px;
    padding: 7px;
}

.i-box {
    background-color: #ecdec4;
    border: 1px dashed #c6b493;
    border-radius: 5px;
}

.fancy {
	font-family: 'Christmas';
}

.title {
    width: 100%;
    text-align: center;
    font-size: 21px;
    padding: 6px 0;
    background-color: #b39a62;
    color: #fff;
    text-shadow:
    -1px -1px 0 #3e3624,  
     1px -1px 0 #3e3624,
     -1px 1px 0 #3e3624,
      1px 1px 0 #3e3624;
}

.bright {
    background-color: #ffe6ab;
}

.icon {
    text-shadow: none;
}

.subtitle {
    width: 100%;
    text-align: center;
    padding: 10px 0;
    background-color: #ddbf7f;
    color: #000;
}

.checkable {
    cursor: pointer;
}
.checkable:hover {
    background-color: #f0e0ba;
}