.cma-title-children1 {
    color: var(--color-green);
}

.cma-title-children2 {
    background-color: var(--color-green);
}

#empty-div {
    display: none;
}

#history-div img {
    width: 250px;
    height: auto;
}

#div-item-history > div:nth-child(1) {
    float: left;
}

#div-item-history > div:nth-child(2) {
    height: 100%;
    width: calc(100% - 50px);
}

#div-item-history > div:nth-child(3) {
    float: right;
    margin-top: -100px;
}

.div-border-bottom-blue {
    border-bottom: 3px solid var(--color-blue);
}

.div-border-bottom-green {
    border-bottom: 3px solid var(--color-green);
}

.div-border-bottom-red {
    border-bottom: 3px solid var(--color-red);
}

.div-item-history {
    padding: 0px;
    box-shadow: 0px 2px 11px 1px rgb(29 159 240 / 10%);
}

.div-item-history svg {
    font-size: 35px;
    transform: scaleX(-1);
}

.icon-blue {
    color: var(--color-blue);
}

.icon-green {
    color: var(--color-green);
}

.icon-red {
    color: var(--color-red);
}

.align-items-middle {
    align-items: center;
}

.fs-14 {
    font-size: 14px;
}

#div-loading {
    display: none;
}

#div-loading img {
    position: absolute;
    width: 55px;
    margin-top: 9px;
    left: calc(50% - 27.5px);
}

#div-btn-show-more {
    text-align: center;
}

.custom-btn-show-more {
    background-color: var(--color-red);
    color: var(--color-white);
    border: none;
    width: 150px;
    height: 40px;
    border-radius: 3px;
    box-shadow: 2px 2px 2px 0px rgb(0 0 0 / 20%);
}

.custom-btn-show-more:hover {
    background-color: rgba(164, 28, 31, 0.95);
}

@media only screen and ( max-width: 767px ) {
    .div-item-history > div:nth-child(1) > img {
        width: 100%;
        height: 250px;
        object-fit: cover;
    }
}