:root {
    --size: 28px;
    --size-b1: 30px;
    --size-b2: 32px;
    --size-b3: 36px;
    --size-s1: 26px;
    --size-s2: 24px;
    --c333: #333333;
    --c666: #666666;
    --c999: #999999;
    --rgba73: rgba(73,73,73,1);
    --rgbared: rgba(255,44,44,1);
    --rgba102: rgba(102,102,102,1);
    --rgba30: rgba(30,30,30,1);
    --rgba243: rgba(243,243,243,1);
    --rgba153: rgba(153,153,153,1);
    --rgba215: rgba(215,215,215,1);
    --rgba255: rgba(255,255,255,1);
    --rgba51: rgba(51,51,51,1);
    --graylight: #f0f4f9;
    --mr: #1E2344;
    --light: #b2bbf7;
    --light2: #d0d5fa;
    --mrlight: #000561;
    --mrdark: #0f1433;
    --white: #ffffff;
    --blue: #006af7;
    --purple: #6659b0;
    --pink: #f45c8d;
    --green: rgba(0, 194, 8, 1);
    --orange: rgba(0, 153, 255, 1);
    --red: #ea4231;
    --orange-dark: #014baa;
    --gradient-mr: linear-gradient(135deg, var(--mrlight) 20%, var(--mr) 100%);
    --gradient-purple-1: linear-gradient(125deg, #d3b0f5 0%, #945bca 100%);
}


.color--rgba73 {
    color: var(--rgba73);
}

.color--rgbared {
    color: var(--rgbared);
}

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

.color--orange {
    color: var(--orange);
}

.color--white {
    color: #ffffff;
}

.bg--white {
    background-color: #ffffff;
}

.color--rgba30 {
    color: var(--rgba30);
}

.color--rgba102 {
    color: var(--rgba102);
}

.color--rgba153 {
    color: var(--rgba153);
}

.color--rgba243 {
    color: var(--rgba243);
}

.color--rgba255 {
    color: var(--rgba255);
}

.color--rgba51 {
    color: var(--rgba51);
}

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

.color-white {
    color: var(--white );
}

.bg-light {
    background: #f0f4f9
}

.bg-red {
    background: var(--red);
}

.bg-white {
    /*background: #ffffff*/
}

.jb-red {
    background: linear-gradient(45deg, #0099ff, #014baa);
}

.jb-blue-light {
    background: linear-gradient(198deg, #b3dcff, #e8f4ff);
}

.jb-green {
    background: linear-gradient(45deg, #53a706, #2185d0);
}

.dapei-blue {
    background: var(--blue-light);
    color: var(--blue);
    border-color: var(--blue)
}

.dapei-red {
    background: #f7dbdb;
    color: #ff1300;
    border-color: #f7dbdb
}

.dapei-purple {
    background: #e1e6f4;
    color: #5a73ba;
    border-color: #e1e6f4
}

.dapei-yellow {
    background: #e8f3ff;
    color: var(--orange-dark);
    border-color: var(--orange-dark)
}

.dapei-green {
    background: #e9fde2;
    color: #257608;
    border-color: var(--orange-dark)
}