/*
 ! Supprimer tout ça ici quand on va avoir passer à react complet :D
*/

.flex-panel {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.flex-panel.flex-panel-horizontal {
    flex-direction: row;
}

.flex-panel>.flex-panel-header {
    flex: 0 0 auto;
}

.flex-panel>.flex-panel-body {
    flex: 1 1 auto;
}

.flex-panel.flex-panel-horizontal>.flex-panel-body>.flex-panel.flex-panel-horizontal {
    height: auto;
}

.flex-panel:not(.flex-panel-horizontal):not(.flex-panel-full-height)>.flex-panel-body {
    height: 0px;
    width: 100%;
}

.flex-panel>.flex-panel-footer {
    flex: 0 0 auto;
}

@media (max-width : 835px) {

    .flex-items.flex-panel-responsive-sm,
    .flex-panel.flex-panel-responsive-sm {
        display: block;
    }

    .flex-panel.flex-panel-responsive-sm.flex-panel-horizontal>.flex-panel-body>.flex-panel.flex-panel-horizontal {
        height: auto;
    }

    .flex-panel.flex-panel-responsive-sm:not(.flex-panel-horizontal):not(.flex-panel-full-height)>.flex-panel-body {
        height: auto;
    }
}

@media (max-width : 767px) {

    .flex-items.flex-panel-responsive-sm2,
    .flex-panel.flex-panel-responsive-sm2 {
        display: block;
    }

    .flex-panel.flex-panel-responsive-sm2.flex-panel-horizontal>.flex-panel-body>.flex-panel.flex-panel-horizontal {
        height: auto;
    }

    .flex-panel.flex-panel-responsive-sm2:not(.flex-panel-horizontal):not(.flex-panel-full-height)>.flex-panel-body {
        height: auto;
    }
}

@media (max-width : 479px) {

    .flex-items.flex-panel-responsive,
    .flex-panel.flex-panel-responsive {
        display: block;
    }

    .flex-panel.flex-panel-responsive.flex-panel-horizontal>.flex-panel-body>.flex-panel.flex-panel-horizontal {
        height: auto;
    }

    .flex-panel.flex-panel-responsive:not(.flex-panel-horizontal):not(.flex-panel-full-height)>.flex-panel-body {
        height: auto;
    }
}

.flex-centered-content {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-centered-content-vertically {
    height: 100%;
    display: flex;
    /* justify-content: center; */
    align-items: center;
}

.flex-centered-content-horizontally {
    height: 100%;
    display: flex;
    justify-content: center;
    /* align-items: center; */
}