/* ===== Base ===== */
/* Flex */
.display-flex {
    display: flex;
}

.display-flex-col {
    display: flex;
    flex-direction: column;
}

.display-flex-item-end-col {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.display-flex-item-end-row {
    display: flex;
    justify-content: flex-end;
}

.display-flex-item-between-row {
    display: flex;
    justify-content: space-between;
}

.flex-start-i {
    justify-content: flex-start !important;
}

/* Block */
.show {
    display: block !important;
}

/* ===== Overflow ===== */
.overflow-x-hidden {
    overflow-x: hidden;
}

.overflow-y-hidden {
    overflow-y: hidden;
}

.overflow-auto {
    overflow: auto;
}

/* ===== Other ===== */
/* Specific */
.overlay {
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 111111;
    opacity: 0.7;
    background: #222;
    display: none;
}

.overlay__inner {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.overlay__content {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}