.align-items-center {
    align-items: center;
}
.bg-color-grey {
    background-color: #f9f9f9;
}
.bottom-50pc {
    bottom: 50%;
}
.cursor-pointer {
    cursor: pointer;
}
.display-block {
    display: block;
}
.display-flex {
    display: flex;
}
.display-none {
    display: none;
}
.flex-dir-col {
    flex-direction: column;
}
.flex-dir-row {
    flex-direction: row;
}
.font-size-12 {
    font-size: 12px;
}
.h100pc {
    height: 100%;
}
.h90pc {
    height: 90%;
}
.max-h-500px {
    max-height: 500px;
}
.max-w-350 {
    max-width: 350px;
}
.mb10 {
    margin-bottom: 10px;
}
.mb16 {
    margin-bottom: 16px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb7 {
    margin-bottom: 7px;
}
.min-h-100 {
    min-height: 100px;
}
.min-w-160 {
    min-width: 160px;
}
.mlauto {
    margin-left: auto;
}
.mr5 {
    margin-right: 5px;
}
.overflow-y-scroll {
    overflow-y: scroll;
}
.pb16 {
    padding-bottom: 16px;
}
.position-absolute {
    position: absolute;
}
.position-fixed {
    position: fixed;
}
.position-relative {
    position: relative;
}
.pt12 {
    padding-top: 12px;
}
.right-50pc {
    right: 50%;
}
.text-color-blue {
    color: #0047FF;
}
.text-color-grey-mid {
    color: #787878;
}
.text-color-orange {
    color: #BF4A01;
}
.text-color-red {
    color: #ff0000;
}
.transform-translate-x-50pc-translate-y-50pc {
    transform: translateX(50%) translateY(50%);
}
.w100pc {
    width: 100%;
}
.w33pc {
    width: 33%;
}
.w90pc {
    width: 90%;
}
.z-index-1 {
    z-index: 1;
}
@media (min-width: 768px) {
    .gteq768\:p30 {
        padding: 30px;
    }
}