#cardWithHeaderLine {
    background-color: #fff;
    -ms-border-top-left-radius: 9px;
    border-top-left-radius: 9px;
}

#cardWithHeaderLine .cardBackground {
        width: 270px;
        height: 10px;
        -webkit-border-top-left-radius: 25px;
        -moz-border-radius-topleft: 25px;
        border-top-left-radius: 25px;
    }
#cardWithHeaderLine .headerText {
        margin: 19px 0 24px 11.6px;
        font-weight: 600;
        font-stretch: normal;
        text-align: left;
}
#cardWithHeaderLine .contentText {
        margin: 14.6px 12px 30px 30px;
        font-weight: 300;
        font-stretch: normal;
        text-align: left;
    }
    .card-with-header-line-padding-top-None {
        padding-top: 0
    }

.card-with-header-line-padding-top-Regular {
    padding-top: 30px
}

.card-with-header-line-padding-top-Max {
    padding-top: 100px
}

.card-with-header-line-padding-bottom-None {
    padding-bottom: 0
}

.card-with-header-line-padding-bottom-Regular {
    padding-bottom: 30px
}

.card-with-header-line-padding-bottom-Max {
    padding-bottom: 100px
}


.card-with-header-line-padding-left-None {
    padding-left: 0
}

.card-with-header-line-padding-left-Regular {
    padding-left: 30px
}

.card-with-header-line-padding-left-Max {
    padding-left: 100px
}


.card-with-header-line-padding-right-None {
    padding-right: 0
}

.card-with-header-line-padding-right-Regular {
    padding-right: 30px
}

.card-with-header-line-padding-right-Max {
    padding-right: 100px
}



.card-with-header-line-text-size-Small {
    font-size: 14px
}

.card-with-header-line-text-size-Regular {
    font-size: var(--default-font-size);
}

.card-with-header-line-text-size-Large {
    font-size: 24px;
}

.card-with-header-line-text-weight-Regular {
    font-weight: 300;
}

.card-with-header-line-text-weight-Bold {
    font-weight: bold;
}