@media only screen and (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    }

    /*.writer_page_content,
     .header_layout_center {
        padding-right: 3%;
    }*/
}

@media only screen and (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
    }

    /*.writer_page_content,
     .header_layout_center {
        padding-right: 5%;
    }*/

    .writer_page_content {

    }

}

@media only screen and (max-width: 1200px) {
    .header_layout_left {
        width: initial;
    }

    .header_layout_right {
        width: initial;
    }

    .page_layout_column_menu {
        width: initial;
    }

    .page_layout_column_right {
        width: initial;
    }
}

@media only screen and (max-width: 900px) {
    .page_layout_main {
        flex-direction: column;
    }

    .tool_header {
    }

    .page_layout_main {
    }

    .page_layout_column_menu {
        text-align: center;

        background-color: #fff;

        flex: initial;
    }
    
    .writer_content_wrapper {
        flex-direction: column-reverse;
    }

    .page_layout_column_right {
        flex: initial;
    }

    .writer_page_content {
        padding: 0em 0.2em 0em 0em;
    }

    .writer_page_default_content {
        padding: 0px 0.5em;
    }

    .header_layout_left {
        flex: 0;
    }

    .header_layout_right {
        flex: 0;
    }

    /* Toolbox */

    .toolbox_left {
        padding-left: 0.5em;
    }

    .toolbox_right {
        padding-right: 0.3em;
    }

    #controls_customize {
        flex-direction: column;
    }

    .controls_block {
        padding: 3px 5px;
    }

    .controls_block table {
        width: 100%;

        padding: 0.1em 0em 0.1em 0.8em;
    }

    .controls_block_primary {
        padding-top: 0.8em;
        padding-bottom: 0;
    }

    .controls_block_secondary {
        padding-top: 0.8em;
        padding-bottom: 0;
    }

    .controls_row {
        display: flex;

        margin-bottom: 0.3em;
    }

    .controls_cell_content_row {
        padding: 0px 0px 12px 3px;
    }

    .controls_cell_label {
        flex: 1;

        text-align: right;
    }

    .controls_cell_content {
        min-width: 7.5em;
    }

    .edit_mode_readonly, .edit_mode_default  {
        margin-right: 3px;
    }

    /* Options */

    .space_contents_list {
    	border: 0;
    }

    .options_section_container {
        flex-direction: column;

        padding-left: 0.8em;
        padding-right: 0.8em;

        border-right: 0;
    }

    .options_section_decoration {
        padding: 0.2em 0 0.2em 0.4em;
    }

    .options_section_content {
        padding: 0.5em 0.2em 0 0.2em;
    }

    .options_subsection_container {
        padding: 0 0.4em 0 0;

        border-right: 0;
    }

    .options_subsection_decoration {
        padding: 0.4em 0.7em;
    }

    .options_subsection_content {
        padding: 0 0.7em;
    }

    /* Menu */

    .space_contents_placeholder {
        display: flex;
        flex-direction: row-reverse;

        margin-right: 0;
    }

    .menu_user_orgs {
        padding-right: 0px;
        padding-top: 0.8em;
    }

    /* Special */

    .known_organisations_options button {
        display: block;
    }

    .known_organisations_options button:not(:first-child) {
        margin-top: 0.6em;
    }

    /* Space */

    .space_lanes {
        padding-left: 0px;
    }

    .space_lanes li {
        padding: 0.2em 0px;
    }

    /* Cookies */

    .cookies_popup {
    	top: 3%;
    	right: 3%;
    	left: 3%;
    	min-height: 60vh;
    }

    .cookies_content {
    	width: 94%;
    	padding: 0.5em 0.5em;
    }
}

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

    /* Layout */

    .page_space_main {
        padding: 0px 1.5em !important;
    }

    .control_row {
        flex-direction: column-reverse;

        padding: 0px;
    }

    #controls_main {
        padding-top: 0.6em;
        padding-right: 0;
    }

    #controls_customize {
        padding-right: 0;
    }

    .marker_mobile {
        display: inline-block !important;
        width: 0;
        height: 0;
    }

    /* Header */

    .header_button_home {
        padding-left: 0.9em;
    }

    .space_contents_header {
        margin-top: 0;
    }

    /*.space_contents_add {
        display: none;
    }*/

    .content_options {
        display: none;
    }

    /* Toolbox */

    /* https://cssgradient.io/ */
    .controls_block_primary, .controls_block_secondary {
        background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 77%, rgba(242,242,242,1) 96%, rgba(255,255,255,1) 100%);
    }

    .controls_block_primary {
        border-bottom: 1px dashed #999;
    }

    /* Menu */

    .space_contents_wrapper {
        width: 100%;

        padding-top: 0.4em;
        padding-left: 0.9em;
    }

    .website_contents_list,
     .space_contents_list {
    }

    .website_contents_list {
        padding-bottom: 0.8em;
    }

    .space_contents_entry_set {
        flex-wrap: wrap;
        flex-direction: initial;

        gap: 5px;
    }

    .space_contents_entry a {
        border-bottom: 0;

        padding: 0.4em 1.2em;

        margin-bottom: 0.3em;

        border: 1px dashed #888;
    }

    .space_contents_header {
        text-align: initial;
    }

    .space_contents_list {
        clear: both;
    }

    .space_contents_group {
        display: inline-block;
    }

    .space_contents_group:not(:last-child) {
        margin-right: 5px;
    }

    .space_contents_group_title {
        border: 1px solid #888;
        border-radius: 6px;

        padding: 0.5em 1.4em;

        display: table-cell;
    }

    .space_contents_group_content {
        margin-top: 7px;
    }

    .space_contents_group_full_title {
        padding-left: 1.5em;
    }

    .container_toc {
        padding-left: 1.6em;
        padding-right: 0.4em;
    }

    .entry_left {
        width: 26px !important;
        min-width: 26px !important;
    }

    .writer_content {
        padding-left: 0em;
        padding-top: 1.5em;
    }

    .file_container img {
        max-width: 95% !important;
    }

    .controls_cell_label {
    }

    .controls_cell_content {
    }

    /* Special */

    table.table_licenses tbody tr {
        display: block;
    }

    .ui-sortable {
        padding-left: 0.4em;
    }

    .lane_order_options {

    }

    /* Misc */

    .button_flex_size .span_in_button {
        white-space: nowrap;
        overflow: hidden;

        max-width: 5em;
    }

    .button_reduced_to_icon .span_in_button {
        display: none;
    }

    /* Cookies */

    .cookies_info {
        left: 2%;
        right: initial;
        bottom: 2%;
        box-sizing: border-box;
        width: 96%;
    }
}

@media (hover: none) {

    .shortcut_help {
        display: none !important;
    }

    button.button_mobile_only {
        display: inline-block;
    }

    .toolbox_switch_org_left {
    }

    .toolbox_other_organisations {
    }

    .content_switch_org {
        display: none;
    }

    /*.space_contents_option {
        display: none !important;
    }*/

    .content_options {
        display: none !important;
    }

    /* Edit Entry */

    .entry_toolbar {
        display: table;

        position: absolute;
        left: 30px;

        z-index: 10;

        padding-top: 0.2em;

        background: transparent;
    }

    .entry_toolbar_row {
        text-align: right;
    }

    .entry_toolbar_row:not(:first-child) {
        padding-top: 10px;
    }

    .entry_toolbar_row button:not(:first-child) {
        margin-left: 8px;
    }

    .entry_toolbar_row button {
        -webkit-box-shadow: 0px 0px 3px 9px #fff;
        -moz-box-shadow: 0px 0px 3px 9px #fff;
        box-shadow: 0px 0px 3px 9px #fff;
    }

    .entry_toolbar_left {
        display: table-cell;
    }

    .entry_toolbar_right {
        display: table-cell;
        width: 100%;

        padding-right: 0.6em;

        text-align: right;

        background: transparent;
    }

    .entry_toolbar button {
        padding: 0.5em 1.5em;

        border: 0;
    }

}