.ystd .has-ys-blue-color,
.ystd .has-text-color.has-ys-blue-color,
.ystd .has-inline-color.has-ys-blue-color {
    color: #07689f;
}

.ystd .has-ys-blue-color:hover,
.ystd .has-text-color.has-ys-blue-color:hover,
.ystd .has-inline-color.has-ys-blue-color:hover {
    color: #07689f;
}

.ystd .has-ys-blue-background-color,
.ystd .has-background.has-ys-blue-background-color {
    background-color: #07689f;
}

.ystd .has-ys-blue-border-color,
.ystd .has-border.has-ys-blue-border-color {
    border-color: #07689f;
}

.ystd .has-ys-blue-fill,
.ystd .has-fill-color.has-ys-blue-fill {
    fill: #07689f;
}

.ystd .has-ys-light-blue-color,
.ystd .has-text-color.has-ys-light-blue-color,
.ystd .has-inline-color.has-ys-light-blue-color {
    color: #ceecfd;
}

.ystd .has-ys-light-blue-color:hover,
.ystd .has-text-color.has-ys-light-blue-color:hover,
.ystd .has-inline-color.has-ys-light-blue-color:hover {
    color: #ceecfd;
}

.ystd .has-ys-light-blue-background-color,
.ystd .has-background.has-ys-light-blue-background-color {
    background-color: #ceecfd;
}

.ystd .has-ys-light-blue-border-color,
.ystd .has-border.has-ys-light-blue-border-color {
    border-color: #ceecfd;
}

.ystd .has-ys-light-blue-fill,
.ystd .has-fill-color.has-ys-light-blue-fill {
    fill: #ceecfd;
}

.ystd .has-ys-red-color,
.ystd .has-text-color.has-ys-red-color,
.ystd .has-inline-color.has-ys-red-color {
    color: #ae3b43;
}

.ystd .has-ys-red-color:hover,
.ystd .has-text-color.has-ys-red-color:hover,
.ystd .has-inline-color.has-ys-red-color:hover {
    color: #ae3b43;
}

.ystd .has-ys-red-background-color,
.ystd .has-background.has-ys-red-background-color {
    background-color: #ae3b43;
}

.ystd .has-ys-red-border-color,
.ystd .has-border.has-ys-red-border-color {
    border-color: #ae3b43;
}

.ystd .has-ys-red-fill,
.ystd .has-fill-color.has-ys-red-fill {
    fill: #ae3b43;
}

.ystd .has-ys-light-red-color,
.ystd .has-text-color.has-ys-light-red-color,
.ystd .has-inline-color.has-ys-light-red-color {
    color: #f2d9db;
}

.ystd .has-ys-light-red-color:hover,
.ystd .has-text-color.has-ys-light-red-color:hover,
.ystd .has-inline-color.has-ys-light-red-color:hover {
    color: #f2d9db;
}

.ystd .has-ys-light-red-background-color,
.ystd .has-background.has-ys-light-red-background-color {
    background-color: #f2d9db;
}

.ystd .has-ys-light-red-border-color,
.ystd .has-border.has-ys-light-red-border-color {
    border-color: #f2d9db;
}

.ystd .has-ys-light-red-fill,
.ystd .has-fill-color.has-ys-light-red-fill {
    fill: #f2d9db;
}

.ystd .has-ys-green-color,
.ystd .has-text-color.has-ys-green-color,
.ystd .has-inline-color.has-ys-green-color {
    color: #007660;
}

.ystd .has-ys-green-color:hover,
.ystd .has-text-color.has-ys-green-color:hover,
.ystd .has-inline-color.has-ys-green-color:hover {
    color: #007660;
}

.ystd .has-ys-green-background-color,
.ystd .has-background.has-ys-green-background-color {
    background-color: #007660;
}

.ystd .has-ys-green-border-color,
.ystd .has-border.has-ys-green-border-color {
    border-color: #007660;
}

.ystd .has-ys-green-fill,
.ystd .has-fill-color.has-ys-green-fill {
    fill: #007660;
}

.ystd .has-ys-light-green-color,
.ystd .has-text-color.has-ys-light-green-color,
.ystd .has-inline-color.has-ys-light-green-color {
    color: #c8eae4;
}

.ystd .has-ys-light-green-color:hover,
.ystd .has-text-color.has-ys-light-green-color:hover,
.ystd .has-inline-color.has-ys-light-green-color:hover {
    color: #c8eae4;
}

.ystd .has-ys-light-green-background-color,
.ystd .has-background.has-ys-light-green-background-color {
    background-color: #c8eae4;
}

.ystd .has-ys-light-green-border-color,
.ystd .has-border.has-ys-light-green-border-color {
    border-color: #c8eae4;
}

.ystd .has-ys-light-green-fill,
.ystd .has-fill-color.has-ys-light-green-fill {
    fill: #c8eae4;
}

.ystd .has-ys-yellow-color,
.ystd .has-text-color.has-ys-yellow-color,
.ystd .has-inline-color.has-ys-yellow-color {
    color: #e29e21;
}

.ystd .has-ys-yellow-color:hover,
.ystd .has-text-color.has-ys-yellow-color:hover,
.ystd .has-inline-color.has-ys-yellow-color:hover {
    color: #e29e21;
}

.ystd .has-ys-yellow-background-color,
.ystd .has-background.has-ys-yellow-background-color {
    background-color: #e29e21;
}

.ystd .has-ys-yellow-border-color,
.ystd .has-border.has-ys-yellow-border-color {
    border-color: #e29e21;
}

.ystd .has-ys-yellow-fill,
.ystd .has-fill-color.has-ys-yellow-fill {
    fill: #e29e21;
}

.ystd .has-ys-light-yellow-color,
.ystd .has-text-color.has-ys-light-yellow-color,
.ystd .has-inline-color.has-ys-light-yellow-color {
    color: #ffedcc;
}

.ystd .has-ys-light-yellow-color:hover,
.ystd .has-text-color.has-ys-light-yellow-color:hover,
.ystd .has-inline-color.has-ys-light-yellow-color:hover {
    color: #ffedcc;
}

.ystd .has-ys-light-yellow-background-color,
.ystd .has-background.has-ys-light-yellow-background-color {
    background-color: #ffedcc;
}

.ystd .has-ys-light-yellow-border-color,
.ystd .has-border.has-ys-light-yellow-border-color {
    border-color: #ffedcc;
}

.ystd .has-ys-light-yellow-fill,
.ystd .has-fill-color.has-ys-light-yellow-fill {
    fill: #ffedcc;
}

.ystd .has-ys-orange-color,
.ystd .has-text-color.has-ys-orange-color,
.ystd .has-inline-color.has-ys-orange-color {
    color: #dc760a;
}

.ystd .has-ys-orange-color:hover,
.ystd .has-text-color.has-ys-orange-color:hover,
.ystd .has-inline-color.has-ys-orange-color:hover {
    color: #dc760a;
}

.ystd .has-ys-orange-background-color,
.ystd .has-background.has-ys-orange-background-color {
    background-color: #dc760a;
}

.ystd .has-ys-orange-border-color,
.ystd .has-border.has-ys-orange-border-color {
    border-color: #dc760a;
}

.ystd .has-ys-orange-fill,
.ystd .has-fill-color.has-ys-orange-fill {
    fill: #dc760a;
}

.ystd .has-ys-light-orange-color,
.ystd .has-text-color.has-ys-light-orange-color,
.ystd .has-inline-color.has-ys-light-orange-color {
    color: #fdebd8;
}

.ystd .has-ys-light-orange-color:hover,
.ystd .has-text-color.has-ys-light-orange-color:hover,
.ystd .has-inline-color.has-ys-light-orange-color:hover {
    color: #fdebd8;
}

.ystd .has-ys-light-orange-background-color,
.ystd .has-background.has-ys-light-orange-background-color {
    background-color: #fdebd8;
}

.ystd .has-ys-light-orange-border-color,
.ystd .has-border.has-ys-light-orange-border-color {
    border-color: #fdebd8;
}

.ystd .has-ys-light-orange-fill,
.ystd .has-fill-color.has-ys-light-orange-fill {
    fill: #fdebd8;
}

.ystd .has-ys-purple-color,
.ystd .has-text-color.has-ys-purple-color,
.ystd .has-inline-color.has-ys-purple-color {
    color: #711593;
}

.ystd .has-ys-purple-color:hover,
.ystd .has-text-color.has-ys-purple-color:hover,
.ystd .has-inline-color.has-ys-purple-color:hover {
    color: #711593;
}

.ystd .has-ys-purple-background-color,
.ystd .has-background.has-ys-purple-background-color {
    background-color: #711593;
}

.ystd .has-ys-purple-border-color,
.ystd .has-border.has-ys-purple-border-color {
    border-color: #711593;
}

.ystd .has-ys-purple-fill,
.ystd .has-fill-color.has-ys-purple-fill {
    fill: #711593;
}

.ystd .has-ys-light-purple-color,
.ystd .has-text-color.has-ys-light-purple-color,
.ystd .has-inline-color.has-ys-light-purple-color {
    color: #f6e3fd;
}

.ystd .has-ys-light-purple-color:hover,
.ystd .has-text-color.has-ys-light-purple-color:hover,
.ystd .has-inline-color.has-ys-light-purple-color:hover {
    color: #f6e3fd;
}

.ystd .has-ys-light-purple-background-color,
.ystd .has-background.has-ys-light-purple-background-color {
    background-color: #f6e3fd;
}

.ystd .has-ys-light-purple-border-color,
.ystd .has-border.has-ys-light-purple-border-color {
    border-color: #f6e3fd;
}

.ystd .has-ys-light-purple-fill,
.ystd .has-fill-color.has-ys-light-purple-fill {
    fill: #f6e3fd;
}

.ystd .has-ys-gray-color,
.ystd .has-text-color.has-ys-gray-color,
.ystd .has-inline-color.has-ys-gray-color {
    color: #656565;
}

.ystd .has-ys-gray-color:hover,
.ystd .has-text-color.has-ys-gray-color:hover,
.ystd .has-inline-color.has-ys-gray-color:hover {
    color: #656565;
}

.ystd .has-ys-gray-background-color,
.ystd .has-background.has-ys-gray-background-color {
    background-color: #656565;
}

.ystd .has-ys-gray-border-color,
.ystd .has-border.has-ys-gray-border-color {
    border-color: #656565;
}

.ystd .has-ys-gray-fill,
.ystd .has-fill-color.has-ys-gray-fill {
    fill: #656565;
}

.ystd .has-ys-light-gray-color,
.ystd .has-text-color.has-ys-light-gray-color,
.ystd .has-inline-color.has-ys-light-gray-color {
    color: #f1f1f3;
}

.ystd .has-ys-light-gray-color:hover,
.ystd .has-text-color.has-ys-light-gray-color:hover,
.ystd .has-inline-color.has-ys-light-gray-color:hover {
    color: #f1f1f3;
}

.ystd .has-ys-light-gray-background-color,
.ystd .has-background.has-ys-light-gray-background-color {
    background-color: #f1f1f3;
}

.ystd .has-ys-light-gray-border-color,
.ystd .has-border.has-ys-light-gray-border-color {
    border-color: #f1f1f3;
}

.ystd .has-ys-light-gray-fill,
.ystd .has-fill-color.has-ys-light-gray-fill {
    fill: #f1f1f3;
}

.ystd .has-ys-black-color,
.ystd .has-text-color.has-ys-black-color,
.ystd .has-inline-color.has-ys-black-color {
    color: #222222;
}

.ystd .has-ys-black-color:hover,
.ystd .has-text-color.has-ys-black-color:hover,
.ystd .has-inline-color.has-ys-black-color:hover {
    color: #222222;
}

.ystd .has-ys-black-background-color,
.ystd .has-background.has-ys-black-background-color {
    background-color: #222222;
}

.ystd .has-ys-black-border-color,
.ystd .has-border.has-ys-black-border-color {
    border-color: #222222;
}

.ystd .has-ys-black-fill,
.ystd .has-fill-color.has-ys-black-fill {
    fill: #222222;
}

.ystd .has-ys-white-color,
.ystd .has-text-color.has-ys-white-color,
.ystd .has-inline-color.has-ys-white-color {
    color: #ffffff;
}

.ystd .has-ys-white-color:hover,
.ystd .has-text-color.has-ys-white-color:hover,
.ystd .has-inline-color.has-ys-white-color:hover {
    color: #ffffff;
}

.ystd .has-ys-white-background-color,
.ystd .has-background.has-ys-white-background-color {
    background-color: #ffffff;
}

.ystd .has-ys-white-border-color,
.ystd .has-border.has-ys-white-border-color {
    border-color: #ffffff;
}

.ystd .has-ys-white-fill,
.ystd .has-fill-color.has-ys-white-fill {
    fill: #ffffff;
}

.ystd .has-x-small-font-size {
    font-size: 12px !important;
}

.ystd .has-small-font-size {
    font-size: 14px !important;
}

.ystd .has-normal-font-size {
    font-size: 16px !important;
}

.ystd .has-medium-font-size {
    font-size: 18px !important;
}

.ystd .has-large-font-size {
    font-size: 20px !important;
}

.ystd .has-x-large-font-size {
    font-size: 22px !important;
}

.ystd .has-xx-large-font-size {
    font-size: 26px !important;
}