.calendar {
        max-width: 200px;
        max-height: max-content;
        border-width: 7px;
        border-style: solid;
        border-image: url('../media/brdr_ribbon.png') 30% / 15px / 0px 3px 0px 0px round;
        padding: 9px;
}

.cal_calendar {
        font-size: 10px;
        border: 1px solid #5D647B;
        border-radius: 2px;
        padding: 0;
        background: linear-gradient(#D1DFEF, #8BA0C1);
        width: 102%;
        height: 160px;
        margin: auto;
}

.cal_calendar th {
        font-size: 13px;
        font-family: spirit;
        color: white;
        text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000;
        border: 1px solid #5D647B;
        border-radius: 2px;
        background: linear-gradient(white 1%, #cadbe6 50%, #8BA0C1 85%);
        width: 10px;
}

.cal_calendar td {
        font-family: basiic;
        border: 1px solid #5D647B;
        border-radius: 2px;
        background: linear-gradient(white 1%, #D1DFEF 40%, #8BA0C1 85%);
        text-align: center;
        width: 10px;
}

.cal_today {
        color: #fafdff;
        font-family: spirit;
        font-size: 12px;
        color: white;
        text-shadow: -1px 0 #518acc, 0 1px #518acc, 1px 0 #518acc, 0 -1px #518acc;
        color: #fafafa;
}

.cal_days_bef_aft {
        font-family: spirit;
        color: white;
        text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000;
        color: #fafafa;
}

table>tbody>tr>* {
    height: 14px;
    padding: 2px 4px;
}

table>tbody>tr> :not(:last-child) {
        border-right: none;
}