.customLeftTitle,
.custom-left-title {
    display: flex;
    align-items: center;
    padding-left: 10px;
}

.customTopTitle,
.custom-Top-title {
    display: flex;
    align-items: center;
    padding-top: 10px;
}

.customFlex,
.custom-flex {
    display: flex;
}

.customColumns,
.custom-columns {
    flex-direction: row;
}

.customDivided,
.custom-divided {
    display: flex;
    align-items: center;
}

.customRow,
.custom-row {
    flex-direction: column;
}

.customCard,
.custom-card {
    background-color: white;
    border-radius: 20px;
    padding: 22px 16px;
    box-shadow: 0px 3px 16px #E1E1E1;
    margin-bottom: 16px;
}

.customDivider,
.custom-divider {
    flex-grow: 1;
    border-bottom: 1px solid lightgray;
    margin: 12px;
}

.customFlexSpaceAround,
.custom-flex-space-around {
    display: flex;
    justify-content: space-around;
}

.customSpaceBetween,
.custom-space-between {
    display: flex;
    justify-content: space-between;
}

.customWordBreak,
.custom-word-break {
    word-break: break-word;
}

.displayNone,
.display-none {
    display: none !important;
}

.custom-scroll-140px,
.customScroll-140px {
    height: 140px;
    overflow-y: auto;
    overflow-x: hidden;
}

.custom-scroll-350px,
.customScroll-350px {
    height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
}

.custom-overflow-hidden,
.customOverflowHidden {
    overflow: hidden;
}

.custom-overflow-auto-y,
.customOverflowAutoY {
    overflow-y: auto;
    overflow-x: hidden;
}

.custom-scroll-y-70,
.customScrollY-70 {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 70%;
}

.custom-clickable,
.customClickable {
    cursor: pointer;
    transition: background-color 0.3s ease, opacity 0.3s ease;
}

    .custom-clickable:hover {
        background-color: #f0f0f0;
        opacity: 0.8;
    }