:root {
    font-size:16px;
    --aoc_white: #ffffff;
    --aoc_orange: #f7941d;
    --aoc_yellow: #fbb92d;
    --aoc_pink: #c83687;
    --aoc_purple: #5500ff;
    --aoc_black: #171717;
    --aoc_light_blue:#52b6d6;
    --aoc_blue: #405692;
    --aoc_light_green:#7cb944;
    --aoc_green:#316944;
    --aoc_teal:#76bfac;
    --aoc_red:#e64030;
    --aoc_orange_rgba:rgba(247, 149, 29, 0.25);
    --aoc_yellow_rgba:rgba(251, 186, 45, 0.25);
    --aoc_pink_rgba:rgba(200, 54, 135, 0.25);
    --aoc_light_blue_rgba:rgba(82, 181, 214, 0.25);
    --aoc_blue_rgba:rgba(64, 86, 146, 0.25);
    --aoc_light_green_rgba:rgba(125, 185, 68, 0.25);
    --aoc_green_rgba:rgba(49, 105, 68, 0.25);
    --aoc_teal_rgba:rgba(118, 191, 172, 0.25);
    --aoc_red_rgba:rgba(230, 64, 48, 0.25);
}

.black_text {
    color:var(--aoc_black) !important;
}

.white_text {
    color:var(--aoc_white) !important;
}

.orange_text {
    color:var(--aoc_orange) !important;
}

.orange_bg {
    background-color:var(--aoc_orange) !important;
}

.orange_border {
    border-color:var(--aoc_orange) !important;
}

.box-orange {
    background-color:var(--aoc_orange_rgba) !important;
}

.yellow_text {
    color:var(--aoc_yellow) !important;
}

.yellow_bg {
    background-color:var(--aoc_yellow) !important;
}

.yellow_border {
    border-color:var(--aoc_yellow) !important;
}

.box-yellow {
    background-color:var(--aoc_yellow_rgba) !important;
}

.pink_text {
    color:var(--aoc_pink) !important;
}

.pink_bg {
    background-color:var(--aoc_pink) !important;
}

.pink_border {
    border-color:var(--aoc_pink) !important;
}

.box-pink {
    background-color:var(--aoc_pink_rgba) !important;
}

.light_blue_text {
    color:var(--aoc_light_blue) !important;
}

.light_blue_bg {
    background-color:var(--aoc_light_blue) !important;
}

.light_blue_border {
    border-color:var(--aoc_light_blue) !important;
}

.box-light-blue {
    background-color:var(--aoc_light_blue_rgba) !important;
}

.blue_text {
    color:var(--aoc_blue) !important;
}

.blue_bg {
    background-color:var(--aoc_blue) !important;
}

.blue_border {
    border-color:var(--aoc_blue) !important;
}

.box-blue {
    background-color:var(--aoc_blue_rgba) !important;
}

.light_green_text {
    color:var(--aoc_light_green) !important;
}

.light_green_bg {
    background-color:var(--aoc_light_green) !important;
}

.light_green_border {
    border-color:var(--aoc_light_green) !important;
}

.box-light-green {
    background-color:var(--aoc_light_green_rgba) !important;
}

.green_text {
    color:var(--aoc_green) !important;
}

.green_bg {
    background-color:var(--aoc_green) !important;
}

.green_border {
    border-color:var(--aoc_green) !important;
}

.box-green {
    background-color:var(--aoc_green_rgba) !important;
}

.teal_text {
    color:var(--aoc_teal) !important;
}

.teal_bg {
    background-color:var(--aoc_teal) !important;
}

.teal_border {
    border-color:var(--aoc_teal) !important;
}

.box-teal {
    background-color:var(--aoc_teal_rgba) !important;
}

.red_text {
    color:var(--aoc_red) !important;
}

.red_bg {
    background-color:var(--aoc_red) !important;
}

.red_border {
    border-color:var(--aoc_red) !important;
}

.box-red {
    background-color:var(--aoc_red_rgba) !important;
}