@media (max-width: 768px){

    /*
       Generell
    */
    body {
        overflow: unset;
    }

    .show-mobile {
        display: block;
    }
    .actions > * {
        margin-left: 0;
    }



    .ajax-feedback-icon,
    .ajax-feedback-icon svg{
        width: 40px!important;
        height: 40px!important;
    }
    #ajax-spinner {
        border-top-width: 6px;
        border-bottom-width: 6px;
        border-left-width: 6px;
        border-right-width: 6px;
    }

    #customer-form .page-header {
        width: 100%;
    }

    .client-form-inner-wrapper {
        width: 100%;
        padding: 50px 15px 15px;
        height: 100%;
        border-radius: 0;
    }

    #customer-form .page-into h3 {
        top: -30px;
    }

    #customer-form .page-into h3 span {
        padding: 0 10px;
    }

    .sidebar, .sidebar .menu-top-bar {
        display: none;
    }

    .sidebar.open-menu {
        display: block;
    }

    .header-wrapper .account-icon {
        right: 50px;
    }

    .header-wrapper .menu-hamburger-icon {
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translate(0,-50%);
        justify-content: center;
        align-items: center;
        display: flex;
        cursor: pointer;
    }


    /*
        Dashboard
     */
    #dashboard .content {
        overflow-y: unset;
    }

    #dashboard table, #dashboard table tbody {
        display: block;
        max-width: 100%;
    }

    #dashboard table tbody tr {
        display: flex;
        flex-wrap: wrap;
        padding: 50px 0;
    }

    #dashboard table tbody tr td {
        height: auto;
    }

    #dashboard table tbody tr td:first-child {
        order: 3;
    }

    #dashboard table tbody tr td:last-child {
        order: 5;
        overflow: auto;
    }

    #dashboard table tbody tr td:nth-of-type(2) {
        order: 1;
    }

    #dashboard table tbody tr td .status-bar .status {
        /*display: none !important;*/
    }

    #dashboard table tbody tr td .status-bar .active:nth-last-of-type(0) {
        display: block !important;
    }

    .status-bar-wrapper {
        padding-left: 0;
    }



    /*
        Reservations Overview
    */
    .controls {
        flex-wrap: wrap;
    }

    .controls > div + div {
        margin-top: 25px;
    }

    .table_layout .tableFixHead {
        max-height: 100%;
        overflow: unset;
    }

    .table_layout thead {
        display: none;
    }

    .table_layout tbody tr {
        display: flex;
        flex-wrap: wrap;
    }

    .table_layout tbody tr + tr {
        margin-top: 25px;
    }

    .table_layout tbody tr .show-mobile {
        font-weight: 300;
    }

    .table_layout .actions > div {
        margin-right: 5px !important;
    }


    /*
        Create Reservation
    */
    #create_reservation .content {
        flex-wrap: wrap;
        max-height: 100%;
    }

    #create_reservation .content #new_reservations_table,
    #create_reservation .content #new_reservations_table > thead{
        display: block;
    }

    #create_reservation .content #new_reservations_table .input-header,
    #create_reservation .content .left #new_reservations_table tbody tr {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    #create_reservation .content #new_reservations_table .input-header > td,
    #create_reservation .content .left #new_reservations_table tbody tr > td {
        flex-basis: 50%;
    }

    #create_reservation .content #new_reservations_table .input-header > td:first-child,
    #create_reservation .content #new_reservations_table .input-header > td:last-child,
    #create_reservation .content .left #new_reservations_table tbody tr > td:first-child {
        flex-basis: 100%;
    }

    #create_reservation .content #new_reservations_table .input-header .checkbox-wrapper,
    #create_reservation .content .left #new_reservations_table tbody tr .checkbox-wrapper {
        height: 50px;
    }

    #create_reservation .content .left #new_reservations_table .black-tr {
        display: none;
    }

    #create_reservation .content .left #new_reservations_table tbody tr {
        margin: 50px 0;
    }

    #create_reservation .right {
        width: 100%;
        min-width: 100%;
        margin-bottom:50px;
    }

    #create_reservation .right .form {
        overflow: unset;
    }


    /*
        Popups
    */
    #popup-upload-file .popup-inner-wrapper {
        padding: 30px;
    }

    .upload-file-wrapper {
        width: 100%;
    }

    .upload-file-wrapper label .button {
        font-size: 14px;
    }

}