@media screen and (max-width:720px) {
    #layout > nav #logo, #layout > nav .logout {z-index: 5;}
    #layout > nav ul {position: absolute; top: 0px; left: 0px; width: 100%; height: 44px; padding: 0px; z-index: 1;}
    #layout > nav ul.activated {height: auto; z-index: 9; padding-top: 43px;}
    #layout > nav ul:before {content: ""; display: block; width: 30px; height: 5px; background-color: #999999; box-shadow: 0px 10px 0px 0px #999999, 0px -10px 0px 0px #999999; position: absolute; top: 19px; left: 62px; border-radius: 1px;}
    #layout > nav ul.activated:before {left: 48%; left: calc(50% - 18px);}
    #layout > nav ul li {display: none; width: 100%; text-align: center;}
    #layout > nav ul.activated li {display: block;}

    main {min-width: 0px;}
    .lbox {float: none;}
    .dm-list-data {width: 100%; overflow: auto;}

    main nav {position: absolute; z-index: 5; padding-bottom: 5px; background-color: rgba(234,234,234,0.8);}
    main > #content {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        -webkit-flex: 0 0 calc(100% - 62px);
        -ms-flex: 0 0 calc(100% - 62px);
        flex: 0 0 calc(100% - 62px);
        max-width: calc(100% - 62px);
    }
    .data-table .sticky, .button-width-holder.sticky, main.menu_collapsed .data-table .sticky, main.menu_collapsed .button-width-holder.sticky {max-width: calc(100vw - 92px);}
    .lbox header, .data-table header, .cont_box.moduly h2 {max-width: calc(100vw - 92px);}

    #content_menu {width: 100%; width: calc(100% - 1px); position: relative;}
    #content_menu:before {content: ""; display: block; width: 26px; height: 26px; box-shadow: inset 0px 6px 0px 0px #999999, inset 0px -6px 0px 0px #999999, inset 0px -10px 0px 0px #FFFFFF, inset 0px 10px 0px 0px #FFFFFF, inset 0px 0px 0px 13px #999999; position: absolute; top: 5px; right: 9px; border-radius: 1px; z-index: 5;}
    #content_menu li {width: 100%; border-top: 0px solid transparent;}
    #content_menu li a {display: none; padding: 0px 40px 0px 1em;}
    #content_menu li a.active {display: block; border-bottom: 1px dashed #AAA; height: calc(2.5em - 2px);}
    #content_menu.activated li {border-top: 1px solid transparent;}
    #content_menu.activated li a {display: block;}

    .data-table form table.table tr td {padding: 1px 0px; height: auto;}
    .data-table form fieldset, .data-table form table.table, .data-table form table.table tr, .data-table form table.table tr td {display: block; width: 100%;}
    .data-table form table.table tr.dm-form-more {display: none;}
    .data-table form table.table input:not([type=submit]):not([type="file"]):not([type="radio"]), .data-table form table.table textarea {width: 90%; width: calc(100% - 22px);}
    .data-table form table.table input[type="submit"], .data-table form table.table button, .data-table form table.table a.submit, .data-table form table.table span.submit {display: block; margin: 3px 0px 5px;}
    .ui-dialog .cont_box table tr td > div input.datepicker, .cont_box table tr td > div input.timepicker, .ui-dialog .cont_box table tr td > div input.box, .cont_box table tr td > div input[type="text"], .cont_box table tr td > div textarea {width: calc(100% - 22px) !important; display: block;}
    .data-table form table.table table {width: 100%; table-layout: fixed;}
    .input-height td {white-space: initial;}
    .input-height select {min-width: 0px; width: 100%;}
    .data-table form table.table .header {text-align: left;}
    .data-table form table.table .datepicker {width: calc(100% - 62px) !important;}

    .categoryselector .settingsbox {width: auto; margin: 0px 0px 40px}
    .categoryselector .activecats, .categoryselector .inactivecats {width: calc(45% - 30px); padding: 10px 10px 20px;}
    .categoryselector .activecats {margin-left: 0px;}
    .categoryselector .inactivecats {margin-right: 0px;}
    .categoryselector .switch {width: 31px;}
    .categoryselector .hideall, .categoryselector .showall {width: 31px; height: 36px; background-size: 100% 100%;}
    .categoryselector .placeholder {width: auto;}

    .table-filter select[name="ajax-table-saved-filter"] {width: 100%;}

    .cont_box.moduly {min-width: 0px;}
    .modul {min-width: 0px; width: auto; margin-left: 0px; height: auto;}
    .modul.prihlasovani {height: auto;}

    table.ticket-form > tbody > tr > td, table.mirror-base > tbody > tr > td {display: block; width: 100% !important;}
    .stock_row td {width: 100% !important; display: block; margin-bottom: 15px;}
    .mirror-table > tbody > tr > td {width: calc(100% - 2px) !important; display: block; margin-bottom: 15px;}
    .mirror-table > tbody > tr > td .cont_box, .mirror-table > tbody > tr > td .lbox {background-color: #EEE; padding: 5px;}
    .mirror-table > tbody > tr > td div[style*="padding: 15px;"] {padding: 0px !important;}
    .mirror-table > tbody > tr > td form {padding: 0px;}
    #layout main #content a.submit, #layout main #content span.submit {margin-bottom: 5px;}

    #item_table, #item_table thead, #item_table tbody, #item_table th, #item_table tr, #item_table td {display: block;}
    #item_table #aoeu {position: absolute; top: -9999px; left: -9999px;} /* Nepouzivat display: none kvuli cteckam */
    #item_table tr {margin-bottom: 25px; border-bottom: 1px solid #CCC;}
    #item_table tr[style="display: table-row;"] {display: block !important;}
    #item_table li[id^="item_option_"] input {width: 75% !important;}
    #item_table td input:not([type=submit]):not([type="file"]):not([type="radio"]), #item_table td textarea {width: auto;}
    #item_table td:before {content: attr(data-label); display: block;}
}