.dynamic-height {
    max-height: calc(var(--vh, 1vh) * 100);
    overflow-y: auto;
    overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.fwv2-container {
    display: flex;
    flex-direction: column;
    position: relative;
    gap: 10px;
    padding: 0px 0px;
    border-radius: 10px;
    /* background-color: var(--fw-white-100); */
    /* width: 100%; */
    /* max-width: 100%; */
    margin: 0px auto 0px auto;
    box-sizing: border-box;
    /* min-height: calc(100dvh - 55px); */
    /* width: 99dvw; */
    height: 100%;
}

.fwv2-container-column {
    display: flex;
    flex-direction: column;
    gap: 15px;
    box-sizing: border-box;
    overflow: hidden;
    height: 100%;
    /* min-height: calc(100dvh - 55px); */
}

.fwv2-column-row {
    display: flex;
    position: relative;
    flex-direction: row;
    justify-content: start;
    align-items: start;
    box-sizing: border-box;
    height: 100%;
    /* min-height: calc(100dvh - 55px); */
}

.fwv2-main-col {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

#fwv2_col_1 {
    display: none;
    flex: 0 0 0%;
    box-sizing: border-box;
    position: sticky;
    top: 0px;
    justify-content: start;
    align-items: center;
    padding: 0px 0px 53px 0px;
    max-height: 100%;
}

#fwv2_col_2 {
    display: flex;
    flex: 1;
    position: relative;
    box-sizing: border-box;
    flex-direction: column;
    max-width: 100%;
    width: 100%;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    overflow-y: hidden;
    height: calc(100svh - 48px);
}

#fwv2_col_3 {
    display: none;
    padding: 0px 0px 53px 0px;
    border-right: 1px solid var(--fw-white-200);
    max-height: calc(100vh - 55px);
}

@media (min-width: 500px) {
    #fwv2_col_1 {
        display: flex;
        flex: 1;
        min-width: 62px;
        max-width: 62px;
    }

    #fwv2_col_2 {
        border-left: 1px solid var(--fw-white-200);
        border-right: 1px solid var(--fw-white-200);
    }
}

@media (min-width: 576px) {

    #fwv2_col_1,
    #fwv2_col_2,
    #fwv2_col_3 {
        padding: 0;
        height: 100vh ;
        max-height: 100vh;
    }
}

@media (min-width: 616px) {

    .layout-two-columns #fwv2_col_1,
    .layout-three-columns #fwv2_col_1 {
        display: flex;
        flex: 1;
        min-width: 80px;
        max-width: 80px;
    }
}

@media (min-width: 768px) {
    .fwv2-container {
        max-width: 720px;
    }
}

@media (min-width: 1004px) {
    .fwv2-container {
        max-width: 1080px;
    }

    #fwv2_col_2 {
        min-width: 600px;
    }

    .layout-three-columns #fwv2_col_3 {
        flex: 1;
        display: flex;
    }
}

@media (min-width: 1280px) {
    .fwv2-container {
        max-width: 1310px;
    }

    #fwv2_col_1 {
        display: flex;
        flex: 1;
        min-width: 300px !important;
        max-width: 300px !important;
        align-items: start;
        padding: 0px 10px;
    }

    #fwv2_col_2 {
        flex: 1;
    }

    .layout-three-columns #fwv2_col_3 {
        display: flex !important;
        flex: 1;
    }
}