@media (max-width: 1459px) AND (min-width: 1320px) {

    /*** Dashboard Page ***/
    .header_flex_vm { grid-template-columns: [status] 20px [name] 1.8fr [ip] 1.5fr [location] 1fr [actions] 40px; }
    .body_flex_vm { grid-template-columns: [status] 20px [name] 1.8fr [ip] 1.5fr [location] 1fr [actions] 40px; }
    .header_flex_vm .flex_vm_elem:nth-child(5),
    .body_flex_vm .flex_vm_elem:nth-child(5) { display: none; }

    /*** Page backup ***/
    div.bloc_table table#listing_snapshot { margin: 0 auto; }
}

@media (max-width: 1319px) AND (min-width: 1200px) {

    /*** Dashboard Page ***/
    .header_flex_vm { grid-template-columns: [status] 20px [name] 1.8fr [ip] 1.3fr [location] 0.4fr [actions] 40px; }
    .body_flex_vm { grid-template-columns: [status] 20px [name] 1.8fr [ip] 1.3fr [location] 0.4fr [actions] 40px; }
    .header_flex_vm .flex_vm_elem:nth-child(5),
    .body_flex_vm .flex_vm_elem:nth-child(5) { display: none; }

    /*** Page View ***/
    .title-content.full { align-items: baseline; }
    .title-content.full > div:first-of-type { display: flex; flex-direction: row; gap: 10px; flex-wrap: wrap; }
    div.info_vm div.grid_elem p.tiny_txt { font-size: 0.875rem; }
    div.blocs_info { flex-direction: column; gap: 20px; }
    div.col_left, div.col_right { width: 100%; }

    /*** Page backup ***/
    div.bloc_table table#listing_snapshot { margin: 0 auto; }
    div.bloc_table table#listing_snapshot th:not(:last-of-type),
    div.bloc_table table#listing_snapshot td:not(:last-of-type) { width: 25% !important; }
    div.bloc_table table#listing_snapshot th:last-of-type,
    div.bloc_table table#listing_snapshot td:last-of-type { width: 50% !important; }

    /*** Page Snapshot ***/
    .flex_table#table-snap .top_table > div:nth-child(2),
    .flex_table#table-snap .content_table .line_table > div:nth-child(2) { width: 400px; }
    .flex_table#table-snap .top_table > div:last-child,
    .flex_table#table-snap .content_table .line_table > div:last-child { width: calc(100% - 800px); }

    /*** Page History ***/
    #listing_h ~ .flex_table .top_table > div:nth-child(2),
    #listing_h ~ .flex_table .content_table .line_table > div:nth-child(2) { width: 150px !important; }
    #listing_h ~ .flex_table .top_table > div:nth-child(3),
    #listing_h ~ .flex_table .content_table .line_table > div:nth-child(3) { width: calc(100% - 450px) !important; }
    #listing_h ~ .flex_table .top_table > div:nth-child(5),
    #listing_h ~ .flex_table .content_table .line_table > div:nth-child(5) { display: none; }

}

@media (max-width: 1199px) AND (min-width: 980px) {

    /*** Aside ***/
    aside.kvm_aside { width: 200px; }
    nav.nav_kvm,
    div.content-wrapper,
    footer { margin-left: 260px; }
    aside.kvm_aside div.brand_logo { font-size: 1.125rem; line-height: 1.5rem; }
    aside.kvm_aside div.brand_logo span.beta { font-size: 0.75rem; line-height: 1.25rem; }
    aside.kvm_aside div.menu_kvm a { font-size: 0.875rem; padding: 0.5rem 0.625rem; }
    aside.kvm_aside div.menu_kvm a svg { width: 18px; margin-right: 0.75rem; }
    aside.kvm_aside div.menu_kvm > div { gap: 10px; }
    aside.kvm_aside div.menu_kvm div.menu_bottom a { padding: 0 0.625rem; }
    .switch_mode { margin: auto; }

    /*** Dashboard Page ***/
    .header_flex_vm { grid-template-columns: [status] 20px [name] 1.2fr [ip] 1fr [actions] 40px; }
    .body_flex_vm { grid-template-columns: [status] 20px [name] 1.2fr [ip] 1fr [actions] 40px; padding: 0.938rem 1.25rem; margin-bottom: 1.25rem; }
    .header_flex_vm .flex_vm_elem:nth-child(4),
    .header_flex_vm .flex_vm_elem:nth-child(5),
    .body_flex_vm .flex_vm_elem:nth-child(4),
    .body_flex_vm .flex_vm_elem:nth-child(5) { display: none; }
    .body_flex_vm .flex_vm_elem span.name_vm { font-size: 1rem; }
    /*.body_flex_vm .flex_vm_elem img.distrib { display: none; }*/
    .body_flex_vm .flex_vm_elem .info_vm { font-size: 0.875rem; }

    /*** Page View ***/
    .title-content.full { flex-direction: column; justify-content: flex-start; gap: 20px; }
    .title-content > div:first-of-type { display: flex; flex-direction: row; gap: 10px; flex-wrap: wrap; }
    .title-content.full > div:first-of-type { display: flex; flex-direction: column; gap: 15px; }
    .title-content .switch_mode { margin-left: 1.25rem; }
    div.info_vm { grid-template-columns: repeat(4, 1fr); }
    div.info_vm div.grid_elem:last-of-type { display: none; }
    div.info_vm div.grid_elem p.tiny_txt { font-size: 0.875rem; }
    div.blocs_info { flex-direction: column; gap: 20px; }
    div.col_left, div.col_right { width: 100%; }

    /*** Page backup ***/
    div.bloc_table table#listing_snapshot { margin: 0 auto; }
    div.bloc_table table#listing_snapshot th:nth-child(1),
    div.bloc_table table#listing_snapshot td:nth-child(1) { width: 30% !important; }
    div.bloc_table table#listing_snapshot th:nth-child(2),
    div.bloc_table table#listing_snapshot td:nth-child(2) { width: 20% !important; }
    div.bloc_table table#listing_snapshot th:last-of-type,
    div.bloc_table table#listing_snapshot td:last-of-type { width: 50% !important; }

    /*** Page Snapshot ***/
    #table-snap { border: 0; }
    #table-snap .top_table { display: none; }
    #table-snap .content_table .line_table { position: relative; flex-direction: column; gap: 5px; }
    #table-snap .content_table .line_table > div { display:block; width: calc(100% - 230px) !important; padding: 0 0 10px !important; }
    #table-snap .content_table .line_table:not(:nth-child(1)) > div:nth-child(1) { margin-top: 20px; }
    #table-snap .content_table .line_table > div:nth-child(1):before { display: block; content: 'Nom'; font-size: 16px; line-height: 26px; font-weight: 600; }
    #table-snap .content_table .line_table > div:nth-child(2):before { display: block; content: 'Description'; font-size: 16px; line-height: 26px; font-weight: 600; }
    #table-snap .content_table .line_table > div:nth-child(3) { padding: 0 0 20px !important; }
    #table-snap .content_table .line_table:last-of-type > div:nth-child(3) { padding: 0 !important; }
    #table-snap .content_table .line_table > div:nth-child(3):before { display: block; content: 'Création'; font-size: 16px; line-height: 26px; font-weight: 600; }
    #table-snap .content_table .line_table > div:nth-child(4) { position: absolute; width: 200px !important; right: 0; top: 50%; transform: translateY(-50%); padding: 0 !important; }
    #table-snap .content_table .line_table > div:nth-child(4) > div { float: right; }
    #table-snap .dropdown-menu { width: 160px !important; }

    /*** Page History ***/
    #listing_h ~ .flex_table .top_table > div:nth-child(2),
    #listing_h ~ .flex_table .content_table .line_table > div:nth-child(2) { display: none; }
    #listing_h ~ .flex_table .top_table > div:nth-child(3),
    #listing_h ~ .flex_table .content_table .line_table > div:nth-child(3) { width: calc(100% - 300px) !important; }
    #listing_h ~ .flex_table .top_table > div:nth-child(5),
    #listing_h ~ .flex_table .content_table .line_table > div:nth-child(5) { display: none; }

    /** Custom Table SSH key **/
    #listing_sshkey thead tr th:nth-child(3) { display: none; }
    #listing_sshkey tbody tr td:first-of-type { width: 200px; }
    #listing_sshkey tbody tr td:nth-child(2) { width: 400px; }
    #listing_sshkey tbody tr td:nth-child(3) { display: none; }
    #listing_sshkey tbody tr td:nth-child(4) { width: 90px; }
}

@media (max-width: 979px) { /*AND (min-width: 600px)*/

    /*** Aside ***/
    aside.kvm_aside { width: 40px; padding: 0.938rem; }
    nav.nav_kvm,
    div.content-wrapper,
    footer { margin-left: 70px; }
    aside.kvm_aside div.brand_logo { font-size: 0; }
    aside.kvm_aside div.brand_logo img { width: 40px; margin: 0; }
    aside.kvm_aside div.brand_logo span.beta { display: none; }
    aside.kvm_aside div.menu_kvm a { padding: 0.5rem 0.625rem; }
    aside.kvm_aside div.menu_kvm > div { gap: 10px; }
    aside.kvm_aside div.menu_kvm div.menu_bottom a { padding: 0 0.625rem; }
    .switch_mode { display: none; }
    aside.kvm_aside div.menu_kvm a { position: relative; display: inline-flex; align-items: center; color: transparent; font-size: 0; }
    aside.kvm_aside div.menu_kvm a svg { z-index: 1; width: 20px; margin: 0; }
    aside.kvm_aside div.menu_kvm a::after { content: ""; position: absolute; inset: 0; }
    aside.kvm_aside div.menu_kvm ul.sub_menu { display: none; }
    aside.kvm_aside div.menu_kvm .menu_vm_responsive { display: flex; flex-direction: column; gap: 10px; justify-content: center; align-items: center; margin: 10px 0; }
    aside.kvm_aside div.menu_kvm .menu_vm_responsive a { background-color: #ececec; opacity: 1; }
    aside.kvm_aside div.menu_kvm .menu_vm_responsive div.active a { background-color: var(--bck-menu-active); }
    aside.kvm_aside div.menu_kvm .menu_vm_responsive a svg,
    aside.kvm_aside div.menu_kvm .menu_vm_responsive a img { z-index: 1; width: 20px; height: auto; margin: 0; }
    aside.kvm_aside div.menu_kvm .menu_vm_responsive a svg .st0 { fill: #292f34; }
    aside.kvm_aside div.menu_kvm .menu_vm_responsive div.active a svg .st0 { fill: var(--text-link-color); opacity: 1; }
    aside.kvm_aside div.menu_kvm div.menu_bottom .menu_switch_responsive { display: flex; }
    aside.kvm_aside div.menu_kvm div.menu_bottom .menu_switch_responsive a { background-color: var(--bck-menu-active); opacity: 1; padding: 0.5rem 0.625rem; border-radius: 10px; }
    aside.kvm_aside div.menu_kvm div.menu_bottom .menu_switch_responsive a svg .st0 { fill: var(--text-link-color); opacity: 1; }


    /*** Dashboard Page ***/
    .header_flex_vm { grid-template-columns: [status] 20px [name] 1.2fr [ip] 1fr [actions] 40px; }
    .body_flex_vm { grid-template-columns: [status] 20px [name] 1.2fr [ip] 1fr [actions] 40px; padding: 0.938rem 1.25rem; margin-bottom: 1.25rem; }
    .header_flex_vm .flex_vm_elem:nth-child(4),
    .header_flex_vm .flex_vm_elem:nth-child(5),
    .body_flex_vm .flex_vm_elem:nth-child(4),
    .body_flex_vm .flex_vm_elem:nth-child(5) { display: none; }
    .body_flex_vm .flex_vm_elem span.name_vm { font-size: 1rem; }
    /*.body_flex_vm .flex_vm_elem img.distrib,*/
    .body_flex_vm .flex_vm_elem .label.label-info.tronc { display: none; }
    .body_flex_vm .flex_vm_elem .info_vm { font-size: 0.875rem; }

    /*** Page View ***/
    .title-content.full { flex-direction: column; justify-content: flex-start; gap: 20px; }
    .title-content > div:first-of-type { display: flex; flex-direction: flex; gap: 10px; flex-wrap: wrap; }
    .title-content.full > div:first-of-type { display: flex; flex-direction: column; gap: 15px; }
    .title-content .switch_mode { display:block; margin-left: 1.25rem; }
    div.info_vm { grid-template-columns: repeat(3, 1fr); }
    div.info_vm div.grid_elem:nth-child(4),
    div.info_vm div.grid_elem:last-of-type { display: none; }
    div.info_vm div.grid_elem p.tiny_txt { font-size: 0.875rem; }
    div.blocs_info { flex-direction: column; gap: 20px; }
    div.col_left, div.col_right { width: 100%; }

    /*** Page backup ***/
    div.bloc_table table#listing_snapshot { margin: 0 auto; }
    div.bloc_table table#listing_snapshot th:nth-child(1),
    div.bloc_table table#listing_snapshot td:nth-child(1) { width: 30% !important; }
    div.bloc_table table#listing_snapshot th:nth-child(2),
    div.bloc_table table#listing_snapshot td:nth-child(2) { width: 20% !important; }
    div.bloc_table table#listing_snapshot th:last-of-type,
    div.bloc_table table#listing_snapshot td:last-of-type { width: 50% !important; }

    /*** Page Snapshot ***/
    #table-snap { border: 0; }
    #table-snap .top_table { display: none; }
    #table-snap .content_table .line_table { position: relative; flex-direction: column; gap: 5px; }
    #table-snap .content_table .line_table > div { display:block; width: calc(100% - 150px) !important; padding: 0 0 10px !important; }
    #table-snap .content_table .line_table:not(:nth-child(1)) > div:nth-child(1) { margin-top: 20px; }
    #table-snap .content_table .line_table > div:nth-child(1):before { display: block; content: 'Nom'; font-size: 16px; line-height: 26px; font-weight: 600; }
    #table-snap .content_table .line_table > div:nth-child(2):before { display: block; content: 'Description'; font-size: 16px; line-height: 26px; font-weight: 600; }
    #table-snap .content_table .line_table > div:nth-child(3) { padding: 0 0 20px !important; }
    #table-snap .content_table .line_table:last-of-type > div:nth-child(3) { padding: 0 !important; }
    #table-snap .content_table .line_table > div:nth-child(3):before { display: block; content: 'Création'; font-size: 16px; line-height: 26px; font-weight: 600; }
    #table-snap .content_table .line_table > div:nth-child(4) { position: absolute; width: 120px !important; right: 0; top: 50%; transform: translateY(-50%); padding: 0 !important; }
    #table-snap .content_table .line_table > div:nth-child(4) > div { float: right; }
    #table-snap .dropdown-menu { width: 160px !important; }

    /*** Page History ***/
    #listing_h { justify-content: center; margin-bottom: 70px; }
    #listing_h span.label.label_history { margin-left: 0; }
    #listing_h #history_filter { top: 50px; z-index: 99; }
    #listing_h div.filter { top: 95px; z-index: 98; }
    #listing_h ~ .flex_table { border: 0; }
    #listing_h ~ .flex_table .top_table { display: none; }
    #listing_h ~ .flex_table .content_table .line_table { position: relative; display: flex; flex-direction: row; flex-wrap: wrap; gap: 0; justify-content: space-between; }
    #listing_h ~ .flex_table .content_table .line_table > div { display: block; padding: 5px 0; }
    #listing_h ~ .flex_table .content_table .line_table:not(:nth-child(1)) > div:nth-child(2) { margin-top: 10px; }
    #listing_h ~ .flex_table .content_table .line_table > div:before { display: block; font-size: 16px; line-height: 26px; font-weight: 600; }
    #listing_h ~ .flex_table .content_table .line_table > div:nth-child(1) { position: absolute; right: 0; top: 15px; }
    #listing_h ~ .flex_table .content_table .line_table:not(:nth-child(1)) > div:nth-child(1) { position: absolute; right: 0; top: 20px; }
    #listing_h ~ .flex_table .content_table .line_table > div:nth-child(2) { width: 100%; }
    #listing_h ~ .flex_table .content_table .line_table > div:nth-child(3) { width: 100%; padding: 5px 0 15px; }
    #listing_h ~ .flex_table .content_table .line_table > div:nth-child(4),
    #listing_h ~ .flex_table .content_table .line_table > div:nth-child(5),
    #listing_h ~ .flex_table .content_table .line_table > div:nth-child(6) { padding: 5px 0 15px; }
    #listing_h ~ .flex_table .content_table .line_table > div:nth-child(2):before { content: 'Type'; }
    #listing_h ~ .flex_table .content_table .line_table > div:nth-child(3):before { content: 'Description'; }
    #listing_h ~ .flex_table .content_table .line_table > div:nth-child(4):before { content: 'Serveur'; }
    #listing_h ~ .flex_table .content_table .line_table > div:nth-child(5):before { content: 'IP'; }
    #listing_h ~ .flex_table .content_table .line_table > div:nth-child(6):before { content: 'Date'; }

    /* SSH KEY */
    .ssh-fingerprint { word-break: break-all; }

    /** Custom Table SSH key **/
    #listing_sshkey thead tr th:nth-child(3) { display: none; }
    #listing_sshkey tbody tr td:first-of-type { width: 200px; }
    #listing_sshkey tbody tr td:nth-child(2) { width: 400px; }
    #listing_sshkey tbody tr td:nth-child(3) { display: none; }
    #listing_sshkey tbody tr td:nth-child(4) { width: 90px; }
}

@media (max-width: 767px) {
    .container { max-width: 100% !important; }
    .title-content { flex-direction: column; justify-content: flex-start; gap: 20px; font-size: 1.5rem; }
    nav.nav_kvm .lang-switcher { border-right: 0 !important; padding-right: 0 !important; }
    nav.nav_kvm .lang-switcher .selected-lang span,
    nav.nav_kvm .lang-switcher .lang-options span { display: none; }
    nav.nav_kvm .user { display: none !important; }
    .body_flex_vm .flex_vm_elem img.distrib,
    .body_flex_vm .flex_vm_elem .label.label-info.tronc { display: block; }
    .header_flex_vm,
    .body_flex_vm .flex_vm_elem:nth-child(3) { display: none; }
    .body_flex_vm { width: 320px; max-width: 100%; grid-template-columns: [status] 20px [name] 1fr; grid-gap: 0 1.25rem; margin: 0 auto 1.875rem; }
    .body_flex_vm.current_install { grid-template-columns: 1fr; gap: 10px; border-left: 10px solid #F60; }
    .body_flex_vm.current_install .flex_vm_elem:nth-child(1) { display: none; }
    .body_flex_vm.current_install .flex_vm_elem:nth-child(3) { display: block; }
    div.label_vps { width: unset; max-width: 100%; text-align: left; line-height: 18px; }
    footer p { text-align: center; }
    .modal_kvm > div.content_modal { max-width: calc(100% - 30px); max-height: unset; }
    .modal_kvm div.bloc_form form { width: 100%; }
    .modal_kvm > div.content_modal div.footer_modal { justify-content: center; }

    div.info_vm { grid-template-columns: 1fr; padding: 0.938rem; width: max-content; max-width: 100%; margin: 0 auto; }
    div.info_vm div.grid_elem { display:flex !important; flex-direction: row; align-items: center; gap: 20px; justify-content: left; }
    div.info_vm div.grid_elem div.logo { margin: 0; }
    div.info_vm div.grid_elem img { width: 25px; }
    div.info_vm div.grid_elem:not(:last-of-type) { border-right: 0; }

    div.bloc_content, div.bloc_table, div.bloc_content_page { padding: 1.25rem 0.938rem; margin-top: 20px !important; }
    .col_full > .bloc_content:first-of-type,
    .col_full > .bloc_content_page:first-of-type { margin-top: 0 !important; }
    div.blocs_info,
    .col_right .bloc_content:first-child { margin-top: 0 !important; }

    /* SSH KEY */
    div.bloc_content_page div.content div.select_box { width: 100% !important; }
    .ssh-key { width: 100%; padding: 8px; align-items:center; }

    /* Graph */
    div.bloc_graph { padding: 0.938rem 0.625rem 0; }
    .ct-chart .ct-legend { position: relative; left: 0; right: unset; top: -10px; }
    g.ct-labels { display: none; }

    /* Flash Message */
    div.flash_message { max-width: calc(100vw - 125px); }
    div.flash_message div.message { padding: 10px; }
    div.flash_message div.message div.exit { display: none; }

    /** Custom Table SSH key **/
    #listing_sshkey { width: calc(100% - 20px); }
    #listing_sshkey thead { display: none; }
    #listing_sshkey tbody tr { display: flex; flex-direction: column; align-items: center; }
    #listing_sshkey tbody tr td { display: flex !important; flex-direction: row; flex-wrap: wrap; gap: 4px; align-items: baseline; width: 100% !important; max-width: unset; text-align: left; }
    #listing_sshkey tbody tr td:first-of-type { padding: 20px 10px 10px; }
    #listing_sshkey tbody tr td:last-of-type { padding: 10px 10px 20px; }
    #listing_sshkey tbody tr td:not(:last-of-type):before { display: block; content: attr(data-label) " : "; font-size: 1rem; line-height: 1.5rem; font-weight: 600; text-align: center; margin-bottom: 10px; }

    /* History */
    #listing_h { flex-wrap: wrap; }

    /* Networking */
    .flex_table.table_ip .top_table { display: none; }
    .flex_table.table_ip .content_table .line_table { flex-wrap: wrap; gap: 0 8px; justify-content: center; }
    .flex_table.table_ip .content_table .line_table > div { display: flex; flex-direction: row; gap: 6px; width: unset !important; }
    .flex_table.table_ip .content_table .line_table > div:nth-child(1),
    .flex_table.table_ip .content_table .line_table > div:nth-child(2) { padding: 15px 0 0; }
    .flex_table.table_ip .content_table .line_table > div:nth-child(3) { width: 100% !important; justify-content: center; padding: 10px 0 0; }
    .flex_table.table_ip .content_table .line_table > div:not(:last-of-type):not(:nth-child(2)):before { display: block; content: attr(data-label) " : "; font-size: 1rem; line-height: 1.5rem; font-weight: 600; text-align: center; }

    /* Push Message */
    .push_message { flex-direction: column; margin-bottom: 20px !important; }
    .push_message > .text > *,
    .push_message .left * { text-align: center; }
    .push_message > img,
    .push_message .left img { display: none; }

    /* Tableau ISO */
    .table-tools { flex-direction: column; gap: 20px; align-items: center; justify-content: center; }
    .table-tools input { width: 400px; max-width: 100%; }
    #isoTable tr { display: flex; flex-direction: column; align-items: center; text-align: center; }
    #isoTable tr:not(:first-of-type) { padding-top: 20px; }
    #isoTable tr:not(:last-of-type) { border-bottom: 1px solid #ececec; padding-bottom: 20px; }
    #isoTable tr td { background: #fff !important; }
    .num-pager { justify-content: center;}
    .num-pager > button { display: none; }
}

@media (max-width: 599px) {
    .title-content > div:first-of-type,
    div.bloc_content div.title.primary h4 { justify-content: center; align-items: center; text-align: center; }
    div.bloc_content div.title { justify-content: center; }
    div.bloc_content div.title a[class^="btn-"] { display: none; }
    div.bloc_content div.d-flex-col { align-items: center; }
    .map_locate { position: relative; display: block; float: unset; top: unset; right: unset; margin: 20px auto 0; }
    div.activity_list { gap: 10px; }
    div.bloc_content div.activity_list div.list-element { flex-direction: column; gap: 0; width: 100%; padding-bottom: 10px; border-bottom: 1px solid #ececec; }
    div.bloc_content div.activity_list div.list-element:last-of-type { padding-bottom: 0; border-bottom: 0; }
    div.bloc_content div.activity_list div.list-element img,
    div.bloc_content div.title.primary svg,
    div.bloc_content div.title.primary img { display: none; }
    div.bloc_content div.activity_list div.list-element div.time { margin-left: 0; text-align: left; }
    div.bloc_content div.action_btn { text-align: center; }

    /* Sauvegarde */
    div.bloc_table table#listing_snapshot thead { display: none; }
    div.bloc_table table#listing_snapshot tbody tr { display: flex; flex-direction: column; width: 100%; }
    div.bloc_table table#listing_snapshot td:nth-child(1),
    div.bloc_table table#listing_snapshot td:nth-child(2),
    div.bloc_table table#listing_snapshot td:nth-child(3) { display: block; width: calc(100% - 30px) !important;  max-width: calc(100% - 30px) !important; text-align: center !important; }
    div.bloc_table table#listing_snapshot td:nth-child(1) { padding: 20px 10px 10px; }
    div.bloc_table table#listing_snapshot td:nth-child(3) { padding: 10px 10px 20px; }

    /* Bloc content page */
    div.bloc_content_page h5,
    div.bloc_content_page div.content p { text-align: center; }
    div.bloc_content_page div.content { justify-content: center; align-items:center; }
    div.bloc_content_page div.content div.action_btn { flex-wrap: wrap; justify-content: center; gap: 20px; }

    /* Rebuild SSH Key */
    ul.dropd_select li span.label { display: none; }

    /* Bloc Graph */
    .title.primary.d-flex-row .select.floatr { display: none; }
    .title.primary.d-flex-row div.bloc_resp { display: block; }
    .title.primary.d-flex-row div.bloc_resp p { font-size: 1rem; line-height: 1.5rem; }
    .title.primary.d-flex-row div.bloc_resp p:not(:last-of-type) { margin-bottom: 20px; }
    .bloc_graph { display: none; }
    .wrapper_apb { width: calc(100% - 40px); }
    .wrapper_apb .status .state { display: none; }

    /** Custom Table SSH key **/
    #listing_sshkey tbody tr td { flex-direction: column; gap: 4px; align-items: center; text-align: center; }
    #listing_sshkey tbody tr td:not(:last-of-type):before { margin-bottom: 6px; }

    /* History */
    #listing_h ~ .flex_table .content_table .line_table { flex-direction: column; justify-content: center; align-items: center; }
    #listing_h ~ .flex_table .content_table .line_table > div { text-align: center; width: 100%; }
    #listing_h ~ .flex_table .content_table .line_table > div:nth-child(2) { margin-top: 0 !important; padding: 20px 0 0; }
    #listing_h ~ .flex_table .content_table .line_table > div:nth-child(6) { padding: 5px 0 20px; }
    #listing_h ~ .flex_table .content_table .line_table > div:nth-child(3),
    #listing_h ~ .flex_table .content_table .line_table > div:nth-child(4),
    #listing_h ~ .flex_table .content_table .line_table > div:nth-child(5) { padding: 5px 0 0; }
    #listing_h ~ .flex_table .content_table .line_table > div:nth-child(1) { display: none; }
    
    /* NetWorking */
    .flex_table.table_ip .content_table .line_table > div { flex-direction: column; gap: 6px; }
    .flex_table.table_ip .content_table .line_table > div:nth-child(2) { width: 100% !important; padding: 10px 0; }
    .flex_table.table_ip .content_table .line_table > div:not(:last-of-type):not(:nth-child(2)):before { content: attr(data-label); }
}

@media (max-width: 499px) {
    aside.kvm_aside { padding: 0.938rem 0.5rem; }
    nav.nav_kvm,
    div.content-wrapper,
    footer { margin-left: 56px; }
    div.content-wrapper { padding: 1.25rem; min-height: calc(100vh - 178px); }
    .body_flex_vm .flex_vm_elem .label.label-info.tronc { display: none; }
    .body_flex_vm { width: unset; grid-template-columns: 1fr; justify-items: center; border-left: 10px solid #F84B4B; }
    .body_flex_vm.on { border-left: 10px solid #17CB87; }
    .body_flex_vm.current_install { grid-template-columns: 1fr; gap: 10px; border-left: 10px solid #F60; }
    .body_flex_vm .flex_vm_elem { width: 100%; }
    .body_flex_vm .flex_vm_elem:nth-child(1),
    .body_flex_vm .flex_vm_elem:nth-child(6) { display: none; }

    div.info_vm div.grid_elem p.tiny_txt { display: none; }
    div.info_vm div.grid_elem p.quota { font-size: 1rem; }
    div.bloc_content div.simple_list { flex-direction: column; align-items: center; justify-content: center; }
    div.bloc_content div.simple_list div.ip { position: relative; }
    div.bloc_content div.simple_list div.ip span.copy-status { position: absolute; right: 20px; top: 0; }

    div.bloc_content_page div.content div.action_btn a[class^="btn-"],
    div.bloc_content div.action_btn a[class^="btn-"] { width: unset; max-width: 100%; }
    div.bloc_content_page div.content div.action_btn a[class^="btn-"] img.icon-btn { margin-right: 12px; }

    /* Snasphots */
    #table-snap .content_table .line_table { align-items: center; }
    #table-snap .content_table .line_table * { text-align: center; }
    #table-snap .content_table .line_table > div:nth-child(4) { position: relative; top: unset; transform: unset; margin-top: 10px; }
    #table-snap .dropdown-menu { left: -60px !important; bottom: 50px !important; }
    #table-snap .content_table .line_table > div,
    #table-snap .content_table .line_table > div:nth-child(4) { width: max-content !important; padding-bottom: 15px; }
    #table-snap .content_table .line_table > div:nth-child(4) > div:not(.flex_vm_elem) { background: #ececec; border-radius: 10px; padding: 5px 10px; }

    /* Modal */
    .modal_kvm > div.content_modal div.footer_modal { flex-direction: column; }
    .modal_kvm > div.content_modal div.footer_modal a:first-of-type { order: 2; }
    .modal_kvm > div.content_modal div.footer_modal a:nth-child(2) { order: 1; }

    /* Label in title */
    .title-content > div:first-of-type { width: 245px; }
    .title-content span.label { width: 215px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0; display: unset; }
    .title-content span.label.label-white img { position: relative; top: 4px; }
    .title.primary.d-flex-row { flex-direction: column; align-items: center; gap: 15px; }
    .title.primary.d-flex-row .select.floatr { margin-left: 0; float: unset; }

    /* Rebuild SSH Key */
    ul.dropd_select li { justify-content: center; }
    ul.dropd_select li > div { flex-direction: column; text-align: center; }

    /* Flash Message */
    div.flash_message div.message div.text p.title { font-size: 14px; line-height: 20px; }
    div.flash_message div.message div.text p.content { font-size: 12px; line-height: 18px; }

    /* History */
    span.label.label_filter { position: unset; }
}

@media (max-width: 399px) {
    div.bloc_content div.title svg { display: none; }
    #listing_h div.filter { top: 135px; right: unset; }
}

@media (max-width: 1024px) {
    #btn_vnc { display: none; }
    .title-content .switch_mode { margin-left: 0; }
}