/****************************************************************************************************
    mobile
****************************************************************************************************/

@media only screen and (max-width: 800px) {

    ._panel {
        width: calc(100% - 20px);
        max-width: none;
        background: none;
        margin: 10px;
    }

    ._panel ._column,
    ._panel ._column:nth-child(2)
    {
        width: 100%;
        margin-bottom: 10px;
        border-radius: 5px;
    }

    ._panel-double ._column:nth-child(1) ._column-header-row,
    ._panel-double ._column:nth-child(2) ._column-header-row
    {
        border-radius: 5px 5px 0 0;
    }

    ._panel-double ._column:nth-child(1) {
        background: #00000040;
    }

    .form-container {
        padding: 20px;
    }

}