.w-50 {
    width: 50%;
}

.w-100 {
    width: 100%;
}

.h-50 {
    height: 50%;
}

.h-100 {
    height: 100%;
}

.flex-1 {
    flex: 1 !important;
}

.flex-2 {
    flex: 2 !important;
}

.flex-3 {
    flex: 3 !important;
}

.flex-4 {
    flex: 4 !important;
}

.flex-scroll {
    flex: 1 1 !important;
    overflow: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.flex-noscroll {
    flex: 1 1 !important;
    overflow: hidden;
}