.plan-info {
    background-color: var(--blue-7) !important;
    border-color: var(--blue-6) !important;
    color: var(--blue-6) !important;
}

/* show plan modal start */
#viewPlanModalContent .data {
    background-color: var(--blue-2);
    color: var(--white-1);
    padding: 10px 10px;
    border: solid 1px var(--gray-2);
}
#viewPlanModalContent .data .text {
    margin: 0 0.4rem;
}
#viewPlanModalContent .value {
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 10px 10px;
    color: var(--gray-4);
    border: solid 1px var(--gray-2);
}

#viewPlanModalContent .data:nth-of-type(1) {
    border-top-right-radius: 12px;
}
#viewPlanModalContent .value:nth-of-type(4) {
    border-top-left-radius: 12px;
}

#viewPlanModalContent .tap .btn {
    border-radius: 12px !important;
    border-bottom: solid 3px var(--blue-3);
}

#viewPlanModalContent .tap .btn .text {
    color: var(--blue-3);
    margin: 0 1rem;
}
#viewPlanModalContent .tap-content .data {
    background-color: var(--white-2);
    color: var(--blue-1);
}
/* show plan modal end */