/* Оформление панели */
#side-checkbox {
    display: none;
}
.side-panel {
    position: fixed;
    z-index: 999999;
    top: 0;
    right: -470px;
    background: white;
    transition: all 1s;
    width: 450px;
    height: 100vh;
    box-shadow: 10px 0 20px rgba(0,0,0,0.4);
    color: black;
    padding: 40px 20px;
    overflow-y: auto;
    overflow-x: hidden;
}
.side-panel table
{
    width: auto;
}
.side-panel table td
{
    padding: 0 10px;
}
.side-panel table th
{
    padding: 0 10px;
    padding-bottom: 10px;
}
.side-title {
    font-size: 30px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
#side-checkbox:checked + .side-panel {
    right: 0;
}
/* Оформление кнопки на панеле */
.side-button-2 {
    font-size: 30px;
    border-radius: 20px;
    position: absolute;
    z-index: 1;
    top: 8px;
    right: 8px;
    cursor: pointer;
    transform: rotate(45deg);
    color: #0094d2;
    transition: all 280ms ease-in-out;
}
.side-button-2:hover {
    transform: rotate(45deg) scale(1.1);
    color: #0d47a1;
}
@media screen and (max-width: 768px)
{
    #side-checkbox:checked + .side-panel
    {
        top: unset;
        bottom: 0;
        right: unset;
    }
    .side-panel
    {
        top: unset;
        bottom: -100vh;
        left: 0;
        width: 100vw;
        height: calc(100vh - 75px);
    }
}