@import"https://fonts.googleapis.com/css?family=Oswald";

:root {
    --color-blue-900: rgba(0, 86, 203, 1);
    --color-blue-700: rgba(0, 129, 255, 1);
    --color-blue-700-opacity-20: rgba(0, 129, 255, .2);
    --color-blue-400: rgba(86, 176, 255, 1);
    --color-blue-200: rgba(226, 241, 255, 1);
    --color-navy-900: rgba(2, 32, 71, 1);
    --color-navy-700: rgba(0, 53, 133, 1);
    --color-carbon-50: rgba(255, 255, 255, 0);
    --color-navy-700-opacity-20: rgba(0, 53, 133, .2);
    --color-navy-400: rgba(109, 132, 191, 1);
    --color-navy-200: rgba(230, 233, 244, 1);
    --color-ocher-900: rgba(126, 90, 35, 1);
    --color-ocher-700: rgba(220, 168, 94, 1);
    --color-ocher-400: rgba(230, 192, 137, 1);
    --color-ocher-200: rgba(248, 240, 226, 1);
    --color-amathyst-900: rgba(70, 0, 233, 1);
    --color-amathyst-700: rgba(146, 64, 254, 1);
    --color-amathyst-400: rgba(168, 105, 255, 1);
    --color-amathyst-200: rgba(242, 230, 255, 1);
    --color-carbon-lighter-900: rgba(78, 85, 108, 1);
    --color-carbon-lighter-700: rgba(85, 95, 131, 1);
    --color-carbon-lighter-400: rgba(173, 186, 230, 1);
    --color-carbon-lighter-400-opacity-40: rgba(173, 186, 230, .4);
    --color-carbon-lighter-300: rgba(223, 229, 249, 1);
    --color-carbon-lighter-200: rgba(239, 242, 252, 1);
    --color-carbon-lighter-200-opacity-40: rgba(239, 242, 252, .4);
    --color-carbon-lighter-50: rgba(255, 255, 255, 1);
    --color-carbon-lighter-50-opacity-20: rgba(255, 255, 255, .2);
    --color-carbon-darker-1000: rgba(27, 28, 30, 1);
    --color-carbon-darker-900: rgba(51, 51, 51, 1);
    --color-carbon-darker-700: rgba(137, 141, 149, 1);
    --color-carbon-darker-400: rgba(205, 205, 205, 1);
    --color-semantic-success-900: rgba(17, 120, 71, 1);
    --color-semantic-success-700: rgba(0, 202, 130, 1);
    --color-semantic-success-400: rgba(134, 224, 183, 1);
    --color-semantic-success-200: rgba(226, 248, 237, 1);
    --color-semantic-info-900: rgba(46, 71, 131, 1);
    --color-semantic-info-700: rgba(49, 135, 255, 1);
    --color-semantic-info-400: rgba(67, 165, 255, 1);
    --color-semantic-info-200: rgba(227, 242, 255, 1);
    --color-semantic-alert-900: rgba(183, 95, 14, 1);
    --color-semantic-alert-700: rgba(255, 170, 49, 1);
    --color-semantic-alert-400: rgba(255, 205, 132, 1);
    --color-semantic-alert-200: rgba(255, 243, 225, 1);
    --color-semantic-danger-900: rgba(152, 27, 31, 1);
    --color-semantic-danger-700: rgba(226, 76, 76, 1);
    --color-semantic-danger-400: rgba(218, 109, 110, 1);
    --color-semantic-danger-200: rgba(253, 234, 237, 1);
    --color-product-black-700: rgba(26, 28, 31, 1);
    --color-product-black-400: rgba(83, 87, 93, 1);
    --color-product-gold-700: rgba(173, 163, 119, 1);
    --color-product-gold-200: rgba(231, 214, 137, 1);
    --color-product-silver-700: rgba(152, 152, 152, 1);
    --color-product-silver-200: rgba(240, 240, 240, 1);
    --color-product-bronze-700: rgba(141, 100, 60, 1);
    --color-product-bronze-200: rgba(193, 151, 106, 1);
    --color-product-regular-700: rgba(1, 46, 101, 1);
    --color-product-regular-400: rgba(0, 99, 220, 1);
    --color-product-infinitive-700: rgba(12, 27, 43, 1);
    --color-product-infinitive-400: rgba(48, 113, 183, 1);
    --color-product-unicef-400: rgba(0, 185, 242, 1);
    --color-product-unicef-200: rgba(181, 235, 251, 1);
    --color-product-pets-700: rgba(2, 40, 71, 1);
    --color-product-pets-400: rgba(0, 160, 210, 1);
    --color-product-traveler-700: rgba(214, 53, 53, 1);
    --color-product-traveler-200: rgba(255, 206, 157, 1);
    --color-product-tuplus-700: rgba(7, 165, 178, 1);
    --color-product-tuplus-200: rgba(162, 239, 225, 1);
    --color-segments-advance-700: rgba(0, 36, 111, 1);
    --color-segments-advance-700--opacity-40: rgba(0, 36, 111, 1);
    --color-segments-advance-400: rgba(0, 86, 203, 1);
    --color-segments-preferente-900: rgba(0, 29, 64, 1);
    --color-segments-preferente-400: rgba(1, 54, 118, 1);
    --color-segments-elite-900: rgba(0, 18, 39, 1);
    --color-segments-elite-700: rgba(0, 36, 79, 1);
    --color-pfm-payments-600: rgba(0, 98, 255, 1);
    --color-pfm-payments-400: rgba(51, 129, 255, 1);
    --color-pfm-payments-200: rgba(102, 161, 255, 1);
    --color-pfm-payments-100: rgba(153, 192, 255, 1);
    --color-pfm-advances-600: rgba(252, 175, 30, 1);
    --color-pfm-advances-400: rgba(253, 191, 75, 1);
    --color-pfm-advances-200: rgba(253, 207, 121, 1);
    --color-pfm-advances-100: rgba(254, 223, 165, 1);
    --color-pfm-transfers-600: rgba(126, 203, 64, 1);
    --color-pfm-transfers-400: rgba(152, 213, 102, 1);
    --color-pfm-transfers-200: rgba(178, 224, 140, 1);
    --color-pfm-transfers-100: rgba(203, 234, 178, 1);
    --color-pfm-buys-600: rgba(124, 60, 187, 1);
    --color-pfm-buys-400: rgba(150, 99, 201, 1);
    --color-pfm-buys-200: rgba(176, 138, 214, 1);
    --color-pfm-buys-100: rgba(204, 177, 228, 1)
}

.font-blue-900 {
    color: #0056cb;
    color: var(--color-blue-900)
}

.font-blue-700 {
    color: #0081ff;
    color: var(--color-blue-700)
}

.font-blue-400 {
    color: #56b0ff;
    color: var(--color-blue-400)
}

.font-blue-200 {
    color: #e2f1ff;
    color: var(--color-blue-200)
}

.font-navy-900 {
    color: #022047;
    color: var(--color-navy-900)
}

.font-navy-700 {
    color: #003585;
    color: var(--color-navy-700)
}

.font-navy-400 {
    color: #6d84bf;
    color: var(--color-navy-400)
}

.font-navy-200 {
    color: #e6e9f4;
    color: var(--color-navy-200)
}

.font-ocher-900 {
    color: #7e5a23;
    color: var(--color-ocher-900)
}

.font-ocher-700 {
    color: #dca85e;
    color: var(--color-ocher-700)
}

.font-ocher-400 {
    color: #e6c089;
    color: var(--color-ocher-400)
}

.font-ocher-200 {
    color: #f8f0e2;
    color: var(--color-ocher-200)
}

.font-amathyst-900 {
    color: #4600e9;
    color: var(--color-amathyst-900)
}

.font-amathyst-700 {
    color: #9240fe;
    color: var(--color-amathyst-700)
}

.font-amathyst-400 {
    color: #a869ff;
    color: var(--color-amathyst-400)
}

.font-amathyst-200 {
    color: #f2e6ff;
    color: var(--color-amathyst-200)
}

.font-semantic-success-900 {
    color: #117847;
    color: var(--color-semantic-success-900)
}

.font-semantic-success-700 {
    color: #00ca82;
    color: var(--color-semantic-success-700)
}

.font-semantic-success-400 {
    color: #86e0b7;
    color: var(--color-semantic-success-400)
}

.font-semantic-success-200 {
    color: #e2f8ed;
    color: var(--color-semantic-success-200)
}

.font-semantic-info-900 {
    color: #2e4783;
    color: var(--color-semantic-info-900)
}

.font-semantic-info-700 {
    color: #3187ff;
    color: var(--color-semantic-info-700)
}

.font-semantic-info-400 {
    color: #43a5ff;
    color: var(--color-semantic-info-400)
}

.font-semantic-info-200 {
    color: #e3f2ff;
    color: var(--color-semantic-info-200)
}

.font-semantic-alert-900 {
    color: #b75f0e;
    color: var(--color-semantic-alert-900)
}

.font-semantic-alert-700 {
    color: #ffaa31;
    color: var(--color-semantic-alert-700)
}

.font-semantic-alert-400 {
    color: #ffcd84;
    color: var(--color-semantic-alert-400)
}

.font-semantic-alert-200 {
    color: #fff3e1;
    color: var(--color-semantic-alert-200)
}

.font-semantic-danger-900 {
    color: #981b1f;
    color: var(--color-semantic-danger-900)
}

.font-semantic-danger-700 {
    color: #e24c4c;
    color: var(--color-semantic-danger-700)
}

.font-semantic-danger-400 {
    color: #da6d6e;
    color: var(--color-semantic-danger-400)
}

.font-semantic-danger-200 {
    color: #fdeaed;
    color: var(--color-semantic-danger-200)
}

:root {
    --gradient-blue-top-900: linear-gradient(0deg, #0056cb 0%, #00246f 100%);
    --gradient-blue-right-900: linear-gradient(90deg, #0056cb 0%, #00246f 100%);
    --gradient-blue-bottom-900: linear-gradient(180deg, #0056cb 0%, #00246f 100%);
    --gradient-blue-left-900: linear-gradient(270deg, #0056cb 0%, #00246f 100%);
    --gradient-blue-top-700: linear-gradient(0deg, #0081ff 0%, #0056cb 100%);
    --gradient-blue-right-700: linear-gradient(90deg, #0081ff 0%, #0056cb 100%);
    --gradient-blue-bottom-700: linear-gradient(180deg, #0081ff 0%, #0056cb 100%);
    --gradient-blue-left-700: linear-gradient(270deg, #0081ff 0%, #0056cb 100%);
    --gradient-navy-top-900: linear-gradient(0deg, #022047 0%, #003585 100%);
    --gradient-navy-right-900: linear-gradient(90deg, #022047 0%, #003585 100%);
    --gradient-navy-bottom-900: linear-gradient(180deg, #022047 0%, #003585 100%);
    --gradient-navy-left-900: linear-gradient(270deg, #022047 0%, #003585 100%);
    --gradient-navy-top-700: linear-gradient(0deg, #6d84bf 0%, #003585 100%);
    --gradient-navy-right-700: linear-gradient(90deg, #6d84bf 0%, #003585 100%);
    --gradient-navy-bottom-700: linear-gradient(180deg, #6d84bf 0%, #003585 100%);
    --gradient-navy-left-700: linear-gradient(270deg, #6d84bf 0%, #003585 100%);
    --gradient-ocher-top-900: linear-gradient(0deg, #dca85e 0%, #7e5a23 100%);
    --gradient-ocher-right-900: linear-gradient(90deg, #dca85e 0%, #7e5a23 100%);
    --gradient-ocher-bottom-900: linear-gradient(180deg, #dca85e 0%, #7e5a23 100%);
    --gradient-ocher-left-900: linear-gradient(270deg, #dca85e 0%, #7e5a23 100%);
    --gradient-ocher-top-400: linear-gradient(0deg, #f8f0e2 0%, #e6c089 100%);
    --gradient-ocher-right-400: linear-gradient(90deg, #f8f0e2 0%, #e6c089 100%);
    --gradient-ocher-bottom-400: linear-gradient(180deg, #f8f0e2 0%, #e6c089 100%);
    --gradient-ocher-left-400: linear-gradient(270deg, #f8f0e2 0%, #e6c089 100%);
    --gradient-amathyst-top-900: linear-gradient(0deg, #9240fe 0%, #4600e9 100%);
    --gradient-amathyst-right-900: linear-gradient(90deg, #9240fe 0%, #4600e9 100%);
    --gradient-amathyst-bottom-900: linear-gradient(180deg, #9240fe 0%, #4600e9 100%);
    --gradient-amathyst-left-900: linear-gradient(270deg, #9240fe 0%, #4600e9 100%);
    --gradient-amathyst-top-400: linear-gradient(0deg, #f2e6ff 0%, #a869ff 100%);
    --gradient-amathyst-right-400: linear-gradient(90deg, #f2e6ff 0%, #a869ff 100%);
    --gradient-amathyst-bottom-400: linear-gradient(180deg, #f2e6ff 0%, #a869ff 100%);
    --gradient-amathyst-left-400: linear-gradient(270deg, #f2e6ff 0%, #a869ff 100%);
    --gradient-success-top-900: linear-gradient(0deg, #00935e 0%, #0b502f 100%);
    --gradient-success-right-900: linear-gradient(90deg, #00935e 0%, #0b502f 100%);
    --gradient-success-bottom-900: linear-gradient(180deg, #00935e 0%, #0b502f 100%);
    --gradient-success-left-900: linear-gradient(270deg, #00935e 0%, #0b502f 100%);
    --gradient-success-top-700: linear-gradient(0deg, #00ca82 0%, #117847 100%);
    --gradient-success-right-700: linear-gradient(90deg, #00ca82 0%, #117847 100%);
    --gradient-success-bottom-700: linear-gradient(180deg, #00ca82 0%, #117847 100%);
    --gradient-success-left-700: linear-gradient(270deg, #00ca82 0%, #117847 100%);
    --gradient-alert-top-900: linear-gradient(0deg, #ffaa31 0%, #b75f0e 100%);
    --gradient-alert-right-900: linear-gradient(90deg, #ffaa31 0%, #b75f0e 100%);
    --gradient-alert-bottom-900: linear-gradient(180deg, #ffaa31 0%, #b75f0e 100%);
    --gradient-alert-left-900: linear-gradient(270deg, #ffaa31 0%, #b75f0e 100%);
    --gradient-alert-top-400: linear-gradient(0deg, #fff3e1 0%, #ffcd84 100%);
    --gradient-alert-right-400: linear-gradient(90deg, #fff3e1 0%, #ffcd84 100%);
    --gradient-alert-bottom-400: linear-gradient(180deg, #fff3e1 0%, #ffcd84 100%);
    --gradient-alert-left-400: linear-gradient(270deg, #fff3e1 0%, #ffcd84 100%);
    --gradient-danger-top-900: linear-gradient(0deg, #981b1f 0%, #981b1f 100%);
    --gradient-danger-right-900: linear-gradient(90deg, #981b1f 0%, #981b1f 100%);
    --gradient-danger-bottom-900: linear-gradient(180deg, #981b1f 0%, #981b1f 100%);
    --gradient-danger-left-900: linear-gradient(270deg, #981b1f 0%, #981b1f 100%);
    --gradient-danger-top-700: linear-gradient(0deg, #e24c4c 0%, #981b1f 100%);
    --gradient-danger-right-700: linear-gradient(90deg, #e24c4c 0%, #981b1f 100%);
    --gradient-danger-bottom-700: linear-gradient(180deg, #e24c4c 0%, #981b1f 100%);
    --gradient-danger-left-700: linear-gradient(270deg, #e24c4c 0%, #981b1f 100%);
    --gradient-danger-top-400: linear-gradient(0deg, #fdeaed 0%, #da6d6e 100%);
    --gradient-danger-right-400: linear-gradient(90deg, #fdeaed 0%, #da6d6e 100%);
    --gradient-danger-bottom-400: linear-gradient(180deg, #fdeaed 0%, #da6d6e 100%);
    --gradient-danger-left-400: linear-gradient(270deg, #fdeaed 0%, #da6d6e 100%);
    --gradient-carbon-darker-top-1000: linear-gradient(0deg, #898d95 0%, #1a1c1f 100%);
    --gradient-carbon-darker-right-1000: linear-gradient(90deg, #898d95 0%, #1a1c1f 100%);
    --gradient-carbon-darker-bottom-1000: linear-gradient(180deg, #898d95 0%, #1a1c1f 100%);
    --gradient-carbon-darker-left-1000: linear-gradient(270deg, #898d95 0%, #1a1c1f 100%);
    --gradient-carbon-lighter-top-200: linear-gradient(0deg, #ffffff 0%, #dfe5f9 100%);
    --gradient-carbon-lighter-right-200: linear-gradient(90deg, #ffffff 0%, #dfe5f9 100%);
    --gradient-carbon-lighter-bottom-200: linear-gradient(180deg, #ffffff 0%, #dfe5f9 100%);
    --gradient-carbon-lighter-left-200: linear-gradient(270deg, #ffffff 0%, #dfe5f9 100%);
    --gradient-product-blue: radial-gradient(132.98% 166.25% at 81.54% 7.45%, #0056cb 0%, #00246f 100%);
    --gradient-product-black: radial-gradient(132.98% 166.25% at 81.54% 7.45%, #53575d 0%, #12151c 100%);
    --gradient-product-digital: linear-gradient(90deg, #012e65 0%, #0063dc 100%), linear-gradient(0deg, #0081ff, #0081ff);
    --gradient-product-classic-latam: linear-gradient(90deg, #12a2da 0%, #4cc4e9 100%), linear-gradient(0deg, #12a2da, #12a2da);
    --gradient-product-gold: radial-gradient(132.98% 166.25% at 81.54% 7.45%, #e7d689 0%, #ada377 100%);
    --gradient-product-gold-free: linear-gradient(90deg, #1d78a9 0%, #5ebee6 100%), linear-gradient(0deg, #1d78a9, #1d78a9);
    --gradient-product-red: linear-gradient(#ffce9d, #d63535);
    --gradient-product-silver: radial-gradient(132.98% 166.25% at 81.54% 7.45%, #f0f0f0 0%, #989898 100%);
    --gradient-product-bronze: radial-gradient(132.98% 166.25% at 81.54% 7.45%, #c1976a 0%, #8d643c 100%);
    --gradient-product-traveler: radial-gradient(132.98% 166.25% at 81.54% 7.45%, #ffce9d 0%, #d63535 100%);
    --gradient-product-infinitive: radial-gradient(132.98% 166.25% at 81.54% 7.45%, #006484 0%, #001c3e 100%);
    --gradient-product-regular: linear-gradient(90deg, #012e65 0%, #0063dc 100%);
    --gradient-product-pets: radial-gradient(132.98% 166.25% at 81.54% 7.45%, #00a0d2 0%, #022847 100%);
    --gradient-product-unicef: radial-gradient(132.98% 166.25% at 81.54% 7.45%, #b5ebfb 0%, #00b9f2 100%);
    --gradient-product-tuplus: radial-gradient(132.98% 166.25% at 81.54% 7.45%, #a2efe1 0%, #07a5b2 100%);
    --gradient-segments-preference: linear-gradient(180deg, #0055cc 0%, #00246f 100%);
    --gradient-segments-preference-plus: linear-gradient(180deg, #163467 0%, #0a1d3d 100%);
    --gradient-segments-selecto: linear-gradient(180deg, #002449 0%, #0055b3 100%);
    --gradient-segments-elite: linear-gradient(180deg, #00244f 0%, #001227 100%);
    --gradient-overlay-blue: linear-gradient(180deg, rgba(0, 53, 133, 0) 0%, #003585 59.72%);
    --gradient-overlay-white: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 60.42%);
    --gradient-segment-preference-active: linear-gradient(180deg, #ffffff 0%, #dfe5f9 100%);
    --gradient-segment-preference-plus-active: radial-gradient(132.98% 166.25% at 81.54% 7.45%, #f0f0f0 0%, #989898 100%);
    --gradient-segment-selecto-active: linear-gradient(180deg, #002449 0%, #0055b3 100%);
    --gradient-segment-selecto-aval-active: linear-gradient(180deg, #ffffff 0%, #dfe5f9 100%);
    --gradient-segment-elite-active: radial-gradient(132.98% 166.25% at 81.54% 7.45%, #c1976a 0%, #8d643c 100%)
}

:root {
    --color-bocc-900: var(--color-blue-900);
    --color-bocc-700: var(--color-blue-700);
    --color-bocc-400: var(--color-blue-400);
    --color-bocc-200: var(--color-blue-200);
    --gradient-bocc-top-900: var(--gradient-blue-top-900);
    --gradient-bocc-right-900: var(--gradient-blue-right-900);
    --gradient-bocc-bottom-900: var(--gradient-blue-bottom-900);
    --gradient-bocc-left-900: var(--gradient-blue-left-900);
    --gradient-bocc-top-700: var(--gradient-blue-top-700);
    --gradient-bocc-right-700: var(--gradient-blue-right-700);
    --gradient-bocc-bottom-700: var(--gradient-blue-bottom-700);
    --gradient-bocc-left-700: var(--gradient-blue-left-700)
}

*[bocc-theme=blue] {
    --color-bocc-900: var(--color-blue-900);
    --color-bocc-700: var(--color-blue-700);
    --color-bocc-400: var(--color-blue-400);
    --color-bocc-200: var(--color-blue-200);
    --gradient-bocc-top-900: var(--gradient-blue-top-900);
    --gradient-bocc-right-900: var(--gradient-blue-right-900);
    --gradient-bocc-bottom-900: var(--gradient-blue-bottom-900);
    --gradient-bocc-left-900: var(--gradient-blue-left-900);
    --gradient-bocc-top-700: var(--gradient-blue-top-700);
    --gradient-bocc-right-700: var(--gradient-blue-right-700);
    --gradient-bocc-bottom-700: var(--gradient-blue-bottom-700);
    --gradient-bocc-left-700: var(--gradient-blue-left-700)
}

*[bocc-theme=navy] {
    --color-bocc-900: var(--color-navy-900);
    --color-bocc-700: var(--color-navy-700);
    --color-bocc-400: var(--color-navy-400);
    --color-bocc-200: var(--color-navy-200);
    --gradient-bocc-top-900: var(--gradient-navy-top-900);
    --gradient-bocc-right-900: var(--gradient-navy-right-900);
    --gradient-bocc-bottom-900: var(--gradient-navy-bottom-900);
    --gradient-bocc-left-900: var(--gradient-navy-left-900);
    --gradient-bocc-top-700: var(--gradient-navy-top-700);
    --gradient-bocc-right-700: var(--gradient-navy-right-700);
    --gradient-bocc-bottom-700: var(--gradient-navy-bottom-700);
    --gradient-bocc-left-700: var(--gradient-navy-left-700)
}

*[bocc-theme=ocher] {
    --color-bocc-900: var(--color-ocher-900);
    --color-bocc-700: var(--color-ocher-700);
    --color-bocc-400: var(--color-ocher-400);
    --color-bocc-200: var(--color-ocher-200);
    --gradient-bocc-top-900: var(--gradient-ocher-top-900);
    --gradient-bocc-right-900: var(--gradient-ocher-right-900);
    --gradient-bocc-bottom-900: var(--gradient-ocher-bottom-900);
    --gradient-bocc-left-900: var(--gradient-ocher-left-900);
    --gradient-bocc-top-700: var(--gradient-ocher-top-400);
    --gradient-bocc-right-700: var(--gradient-ocher-right-400);
    --gradient-bocc-bottom-700: var(--gradient-ocher-bottom-400);
    --gradient-bocc-left-700: var(--gradient-ocher-left-400)
}

*[bocc-theme=amathyst] {
    --color-bocc-900: var(--color-amathyst-900);
    --color-bocc-700: var(--color-amathyst-700);
    --color-bocc-400: var(--color-amathyst-400);
    --color-bocc-200: var(--color-amathyst-200);
    --gradient-bocc-top-900: var(--gradient-amathyst-top-900);
    --gradient-bocc-right-900: var(--gradient-amathyst-right-900);
    --gradient-bocc-bottom-900: var(--gradient-amathyst-bottom-900);
    --gradient-bocc-left-900: var(--gradient-amathyst-left-900);
    --gradient-bocc-top-700: var(--gradient-amathyst-top-400);
    --gradient-bocc-right-700: var(--gradient-amathyst-right-400);
    --gradient-bocc-bottom-700: var(--gradient-amathyst-bottom-400);
    --gradient-bocc-left-700: var(--gradient-amathyst-left-400)
}

*[bocc-theme=success] {
    --color-bocc-900: var(--color-semantic-success-900);
    --color-bocc-700: var(--color-semantic-success-700);
    --color-bocc-400: var(--color-semantic-success-400);
    --color-bocc-200: var(--color-semantic-success-200);
    --gradient-bocc-top-900: var(--gradient-success-top-900);
    --gradient-bocc-right-900: var(--gradient-success-right-900);
    --gradient-bocc-bottom-900: var(--gradient-success-bottom-900);
    --gradient-bocc-left-900: var(--gradient-success-left-900);
    --gradient-bocc-top-700: var(--gradient-success-top-700);
    --gradient-bocc-right-700: var(--gradient-success-right-700);
    --gradient-bocc-bottom-700: var(--gradient-success-bottom-700);
    --gradient-bocc-left-700: var(--gradient-success-left-700)
}

*[bocc-theme=alert] {
    --color-bocc-900: var(--color-semantic-alert-900);
    --color-bocc-700: var(--color-semantic-alert-700);
    --color-bocc-400: var(--color-semantic-alert-400);
    --color-bocc-200: var(--color-semantic-alert-200);
    --gradient-bocc-top-900: var(--gradient-alert-top-900);
    --gradient-bocc-right-900: var(--gradient-alert-right-900);
    --gradient-bocc-bottom-900: var(--gradient-alert-bottom-900);
    --gradient-bocc-left-900: var(--gradient-alert-left-900);
    --gradient-bocc-top-700: var(--gradient-alert-top-400);
    --gradient-bocc-right-700: var(--gradient-alert-right-400);
    --gradient-bocc-bottom-700: var(--gradient-alert-bottom-400);
    --gradient-bocc-left-700: var(--gradient-alert-left-400)
}

*[bocc-theme=danger] {
    --color-bocc-900: var(--color-semantic-danger-900);
    --color-bocc-700: var(--color-semantic-danger-700);
    --color-bocc-400: var(--color-semantic-danger-400);
    --color-bocc-200: var(--color-semantic-danger-200);
    --gradient-bocc-top-900: var(--gradient-danger-top-900);
    --gradient-bocc-right-900: var(--gradient-danger-right-900);
    --gradient-bocc-bottom-900: var(--gradient-danger-bottom-900);
    --gradient-bocc-left-900: var(--gradient-danger-left-900);
    --gradient-bocc-top-700: var(--gradient-danger-top-700);
    --gradient-bocc-right-700: var(--gradient-danger-right-700);
    --gradient-bocc-bottom-700: var(--gradient-danger-bottom-700);
    --gradient-bocc-left-700: var(--gradient-danger-left-700)
}

:root {
    --spacing-1: 1px;
    --spacing-2: 2px;
    --spacing-3: 3px;
    --spacing-4: 4px;
    --spacing-6: 6px;
    --spacing-8: 8px;
    --spacing-10: 10px;
    --spacing-12: 12px;
    --spacing-13: 13px;
    --spacing-14: 14px;
    --spacing-16: 16px;
    --spacing-18: 18px;
    --spacing-20: 20px;
    --spacing-22: 22px;
    --spacing-24: 24px;
    --spacing-26: 26px;
    --spacing-28: 28px;
    --spacing-30: 30px;
    --spacing-32: 32px;
    --spacing-34: 34px;
    --spacing-35: 35px;
    --spacing-36: 36px;
    --spacing-38: 38px;
    --spacing-40: 40px;
    --spacing-42: 42px;
    --spacing-44: 44px;
    --spacing-46: 46px;
    --spacing-48: 48px;
    --spacing-50: 50px;
    --spacing-52: 52px;
    --spacing-54: 54px;
    --spacing-56: 56px;
    --spacing-58: 58px;
    --spacing-60: 60px;
    --spacing-62: 62px;
    --spacing-64: 64px;
    --spacing-80: 80px;
    --spacing-196: 196px;
    --spacing-form: 20px
}

@supports (padding-top: constant(safe-area-inset-top)) {
    :root {
        --spacing-safe-top: constant(safe-area-inset-top);
        --spacing-safe-bottom: constant(safe-area-inset-bottom);
        --spacing-safe-left: constant(safe-area-inset-left);
        --spacing-safe-right: constant(safe-area-inset-right)
    }
}

@supports (padding-top: env(safe-area-inset-top)) {
    :root {
        --spacing-safe-top: env(safe-area-inset-top);
        --spacing-safe-bottom: env(safe-area-inset-bottom);
        --spacing-safe-left: env(safe-area-inset-left);
        --spacing-safe-right: env(safe-area-inset-right)
    }
}

@media only screen and (max-width: 320px) {
    :root {
        --spacing-form: 16px
    }
}

@media only screen and (min-width: 321px) and (max-width: 375px) {
    :root {
        --spacing-form: 18px
    }
}

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica
}

html {
    font-family: Poppins;
    font-family: var(--bocc-font-family, var(--default-font-family));
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%
}

body {
    position: absolute;
    inset: 0rem;
    margin: 0rem;
    padding: 0rem;
    text-rendering: optimizeLegibility;
    touch-action: manipulation;
    -webkit-user-drag: none;
    -ms-content-zooming: none;
    word-wrap: break-word;
    overscroll-behavior-y: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

[hidden] {
    display: none !important
}

button,
input,
textarea {
    font-family: Poppins;
    font-family: var(--bocc-font-family, var(--default-font-family))
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
pre {
    margin: 0rem
}

:root {
    --z-index-2: 2;
    --z-index-4: 4;
    --z-index-8: 8;
    --z-index-16: 16;
    --z-index-24: 24;
    --z-index-32: 32;
    --z-bottom-lighter-2: 0px 2px 2px rgba(173, 186, 230, .4);
    --z-bottom-lighter-4: 0px 4px 4px rgba(173, 186, 230, .4);
    --z-bottom-lighter-8: 0px 8px 8px rgba(173, 186, 230, .4);
    --z-bottom-lighter-16: 0px 16px 16px rgba(173, 186, 230, .4);
    --z-bottom-lighter-24: 0px 24px 24px rgba(173, 186, 230, .4);
    --z-bottom-lighter-32: 0px 32px 32px rgba(173, 186, 230, .4);
    --z-top-lighter-2: 0px -2px 2px rgba(173, 186, 230, .4);
    --z-top-lighter-4: 0px -4px 4px rgba(173, 186, 230, .4);
    --z-top-lighter-8: 0px -8px 8px rgba(173, 186, 230, .4);
    --z-top-lighter-16: 0px -16px 16px rgba(173, 186, 230, .4);
    --z-top-lighter-24: 0px -24px 24px rgba(173, 186, 230, .4);
    --z-top-lighter-32: 0px -32px 32px rgba(173, 186, 230, .4);
    --z-right-lighter-2: 2px 0px 2px rgba(173, 186, 230, .4);
    --z-right-lighter-4: 4px 0px 4px rgba(173, 186, 230, .4);
    --z-right-lighter-8: 8px 0px 8px rgba(173, 186, 230, .4);
    --z-right-lighter-16: 16px 0px 16px rgba(173, 186, 230, .4);
    --z-right-lighter-24: 24px 0px 24px rgba(173, 186, 230, .4);
    --z-right-lighter-32: 32px 0px 32px rgba(173, 186, 230, .4);
    --z-left-lighter-2: -2px 0px 2px rgba(173, 186, 230, .4);
    --z-left-lighter-4: -4px 0px 4px rgba(173, 186, 230, .4);
    --z-left-lighter-8: -8px 0px 8px rgba(173, 186, 230, .4);
    --z-left-lighter-16: -16px 0px 16px rgba(173, 186, 230, .4);
    --z-left-lighter-24: -24px 0px 24px rgba(173, 186, 230, .4);
    --z-left-lighter-32: -32px 0px 32px rgba(173, 186, 230, .4);
    --z-center-lighter-2: 4px 4px 4px 0px rgba(173, 186, 230, .4);
    --z-center-lighter-4: 4px 4px 4px 0px rgba(173, 186, 230, .4);
    --z-center-lighter-8: 8px 8px 8px 0px rgba(173, 186, 230, .4);
    --z-center-lighter-16: 16px 16px 16px 0px rgba(173, 186, 230, .4);
    --z-center-lighter-24: 24px 24px 24px 0px rgba(173, 186, 230, .4);
    --z-center-lighter-32: 32px 32px 32px 0px rgba(173, 186, 230, .4);
    --z-bottom-darker-2: 0px 2px 2px rgba(0, 36, 111, .4);
    --z-bottom-darker-4: 0px 4px 4px rgba(0, 36, 111, .4);
    --z-bottom-darker-8: 0px 8px 8px rgba(0, 36, 111, .4);
    --z-bottom-darker-16: 0px 16px 16px rgba(0, 36, 111, .4);
    --z-bottom-darker-24: 0px 24px 24px rgba(0, 36, 111, .4);
    --z-bottom-darker-32: 0px 32px 32px rgba(0, 36, 111, .4);
    --z-top-darker-2: 0px -2px 2px rgba(0, 36, 111, .4);
    --z-top-darker-4: 0px -4px 4px rgba(0, 36, 111, .4);
    --z-top-darker-8: 0px -8px 8px rgba(0, 36, 111, .4);
    --z-top-darker-16: 0px -16px 16px rgba(0, 36, 111, .4);
    --z-top-darker-24: 0px -24px 24px rgba(0, 36, 111, .4);
    --z-top-darker-32: 0px -32px 32px rgba(0, 36, 111, .4);
    --z-right-darker-2: 2px 0px 2px rgba(0, 36, 111, .4);
    --z-right-darker-4: 4px 0px 4px rgba(0, 36, 111, .4);
    --z-right-darker-8: 8px 0px 8px rgba(0, 36, 111, .4);
    --z-right-darker-16: 16px 0px 16px rgba(0, 36, 111, .4);
    --z-right-darker-24: 24px 0px 24px rgba(0, 36, 111, .4);
    --z-right-darker-32: 32px 0px 32px rgba(0, 36, 111, .4);
    --z-left-darker-2: -2px 0px 2px rgba(0, 36, 111, .4);
    --z-left-darker-4: -4px 0px 4px rgba(0, 36, 111, .4);
    --z-left-darker-8: -8px 0px 8px rgba(0, 36, 111, .4);
    --z-left-darker-16: -16px 0px 16px rgba(0, 36, 111, .4);
    --z-left-darker-24: -24px 0px 24px rgba(0, 36, 111, .4);
    --z-left-darker-32: -32px 0px 32px rgba(0, 36, 111, .4);
    --z-center-darker-2: 4px 4px 4px 0px rgba(0, 36, 111, .4);
    --z-center-darker-4: 4px 4px 4px 0px rgba(0, 36, 111, .4);
    --z-center-darker-8: 8px 8px 8px 0px rgba(0, 36, 111, .4);
    --z-center-darker-16: 16px 16px 16px 0px rgba(0, 36, 111, .4);
    --z-center-darker-24: 24px 24px 24px 0px rgba(0, 36, 111, .4);
    --z-center-darker-32: 32px 32px 32px 0px rgba(0, 36, 111, .4)
}

:root {
    --standard-curve: cubic-bezier(.4, 0, .2, 1);
    --deceleration-curve: cubic-bezier(0, 0, .2, 1);
    --acceleration-curve: cubic-bezier(.4, 0, 1, 1);
    --sharp-curve: cubic-bezier(.4, 0, .6, 1);
    --bocc-animation-delay: 30ms;
    --bocc-animation-duration: .27s
}

.page-fade-in-left-big {
    animation-name: fadeInLeftBig;
    animation-duration: .27s;
    animation-duration: var(--bocc-animation-duration);
    animation-delay: 30ms;
    animation-delay: var(--bocc-animation-delay);
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(.4, 0, .2, 1);
    animation-timing-function: var(--standard-curve)
}

.page-fade-in-right-big {
    animation-name: fadeInRightBig;
    animation-duration: .27s;
    animation-duration: var(--bocc-animation-duration);
    animation-delay: 30ms;
    animation-delay: var(--bocc-animation-delay);
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(.4, 0, .2, 1);
    animation-timing-function: var(--standard-curve)
}

.fade-in {
    animation-name: fadeIn;
    animation-duration: .27s;
    animation-duration: var(--bocc-animation-duration);
    animation-delay: 30ms;
    animation-delay: var(--bocc-animation-delay);
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(.4, 0, .2, 1);
    animation-timing-function: var(--standard-curve)
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fade-out {
    animation-name: fadeOut;
    animation-duration: .27s;
    animation-duration: var(--bocc-animation-duration);
    animation-delay: 30ms;
    animation-delay: var(--bocc-animation-delay);
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(.4, 0, .2, 1);
    animation-timing-function: var(--standard-curve)
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animated {
    animation-duration: .5s;
    animation-fill-mode: both
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate3d(-125%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate3d(125%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

:root {
    --border-1: 1px;
    --border-2: 2px;
    --border-4: 4px;
    --border-6: 6px;
    --border-8: 8px;
    --border-12: 12px;
    --border-16: 16px;
    --border-24: 24px;
    --border-32: 32px;
    --border-56: 56px;
    --border-136: 136px
}

.bocc-grid__col--4 {
    display: grid;
    grid-template-columns: repeat(4, 25%)
}

.bocc-small__col-1-1 {
    grid-column: 1/span 1;
    justify-self: start;
    width: calc(100% - 8px);
    width: calc(100% - var(--spacing-8))
}

.bocc-small__col-1-2 {
    grid-column: 1/span 2;
    justify-self: start;
    width: calc(100% - 8px);
    width: calc(100% - var(--spacing-8))
}

.bocc-small__col-1-3 {
    grid-column: 1/span 3;
    justify-self: start;
    width: calc(100% - 8px);
    width: calc(100% - var(--spacing-8))
}

.bocc-small__col-1-4 {
    grid-column: 1/span 4
}

.bocc-small__col-2-1 {
    grid-column: 2/span 1;
    justify-self: center;
    width: calc(100% - 16px);
    width: calc(100% - var(--spacing-16))
}

.bocc-small__col-2-2 {
    grid-column: 2/span 2;
    justify-self: center;
    width: calc(100% - 16px);
    width: calc(100% - var(--spacing-16))
}

.bocc-small__col-2-3 {
    grid-column: 2/span 3;
    justify-self: end;
    width: calc(100% - 8px);
    width: calc(100% - var(--spacing-8))
}

.bocc-small__col-3-1 {
    grid-column: 3/span 1;
    justify-self: center;
    width: calc(100% - 16px);
    width: calc(100% - var(--spacing-16))
}

.bocc-small__col-3-2 {
    grid-column: 3/span 2;
    justify-self: end;
    width: calc(100% - 8px);
    width: calc(100% - var(--spacing-8))
}

.bocc-small__col-4-1 {
    grid-column: 4/span 1;
    justify-self: end;
    width: calc(100% - 8px);
    width: calc(100% - var(--spacing-8))
}

audio,
canvas,
progress,
video {
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

b,
strong {
    font-weight: 700
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    height: 1px;
    border-width: 0;
    box-sizing: content-box
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

label,
input,
select,
textarea {
    font-family: inherit;
    line-height: normal
}

textarea {
    overflow: auto;
    height: auto
}

textarea::-moz-placeholder {
    padding-left: 2px
}

textarea::placeholder {
    padding-left: 2px
}

form,
input,
optgroup,
select {
    margin: 0
}

html input[type=button],
input[type=reset],
input[type=submit] {
    --webkit-appearance: button
}

a,
a div,
a span,
a ion-icon,
a ion-label,
button,
button div,
button span,
button ion-icon,
button ion-label,
.ion-tappable,
[tappable],
[tappable] div,
[tappable] span,
[tappable] ion-icon,
[tappable] ion-label,
input,
textarea {
    touch-action: manipulation
}

a ion-label,
button ion-label {
    pointer-events: none
}

button {
    border: 0;
    border-radius: 0;
    font-family: inherit;
    font-style: inherit;
    font-feature-settings: inherit;
    font-variant: inherit;
    line-height: 1;
    text-transform: none;
    --webkit-appearance: button
}

a[disabled],
button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0
}

input[type=checkbox],
input[type=radio] {
    padding: 0;
    box-sizing: border-box
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    --webkit-appearance: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

::-webkit-scrollbar {
    width: 4px;
    position: fixed;
    margin: 8px
}

::-webkit-scrollbar-thumb {
    background: rgba(239, 242, 252, 1);
    background: var(--color-carbon-lighter-200);
    border-radius: 6px;
    margin: 8px
}

::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 6px;
    margin: 8px
}

:root {
    --overlay-blue-80: rgba(0, 53, 133, .8);
    --overlay-blue-60: rgba(0, 53, 133, .6);
    --overlay-blue-40: rgba(0, 53, 133, .4);
    --overlay-blue-20: rgba(0, 53, 133, .2);
    --overlay-dgrey-80: rgba(85, 97, 111, .8);
    --overlay-dgrey-60: rgba(85, 97, 111, .6);
    --overlay-dgrey-40: rgba(85, 97, 111, .4);
    --overlay-dgrey-20: rgba(85, 97, 111, .2);
    --overlay-lgrey-80: rgba(239, 242, 252, .8);
    --overlay-lgrey-60: rgba(239, 242, 252, .6);
    --overlay-lgrey-40: rgba(239, 242, 252, .4);
    --overlay-lgrey-20: rgba(239, 242, 252, .2);
    --overlay-white-80: rgba(255, 255, 255, .8);
    --overlay-white-60: rgba(255, 255, 255, .6);
    --overlay-white-40: rgba(255, 255, 255, .4);
    --overlay-white-20: rgba(255, 255, 255, .2)
}

:root {
    --font-size-html: 16px;
    --font-weight-thin: 100;
    --font-weight-extralight: 200;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --heading1-size: 32px;
    --heading1-letter-spacing: 0em;
    --heading1-line-height: 48px;
    --heading2-size: 28px;
    --heading2-letter-spacing: .02em;
    --heading2-line-height: 40px;
    --heading3-size: 24px;
    --heading3-letter-spacing: .05em;
    --heading3-line-height: 32px;
    --heading4-size: 22px;
    --heading4-letter-spacing: .05em;
    --heading4-line-height: 24px;
    --heading5-size: 20px;
    --heading5-letter-spacing: .05em;
    --heading5-line-height: 24px;
    --subtitle1-size: 18px;
    --subtitle1-letter-spacing: .03em;
    --subtitle1-line-height: 24px;
    --subtitle2-size: 16px;
    --subtitle2-letter-spacing: .03em;
    --subtitle2-line-height: 24px;
    --body1-size: .95rem;
    --body1-letter-spacing: .03em;
    --body1-line-height: 24px;
    --body2-size: 14px;
    --body2-letter-spacing: .05em;
    --body2-line-height: 20px;
    --smalltext-size: 12px;
    --smalltext-letter-spacing: .07em;
    --smalltext-line-height: 20px;
    --caption-size: 11px;
    --caption-letter-spacing: .07em;
    --caption-line-height: 16px;
    --overline-size: .65rem;
    --overline-letter-spacing: .1em;
    --overline-line-height: 16px
}

.h1-default,
.h1-bold,
.h1-semibold,
.h1-medium,
.h1-regular {
    font-size: 32px;
    font-size: var(--heading1-size);
    letter-spacing: 0em;
    letter-spacing: var(--heading1-letter-spacing);
    min-height: 48px;
    min-height: var(--heading1-line-height);
    line-height: 48px;
    line-height: var(--heading1-line-height)
}

.h2-default,
.h2-bold,
.h2-semibold,
.h2-medium,
.h2-regular {
    font-size: 28px;
    font-size: var(--heading2-size);
    letter-spacing: .02em;
    letter-spacing: var(--heading2-letter-spacing);
    min-height: 40px;
    min-height: var(--heading2-line-height);
    line-height: 40px;
    line-height: var(--heading2-line-height)
}

.h3-default,
.h3-bold,
.h3-semibold,
.h3-medium,
.h3-regular {
    font-size: 24px;
    font-size: var(--heading3-size);
    letter-spacing: .05em;
    letter-spacing: var(--heading3-letter-spacing);
    min-height: 32px;
    min-height: var(--heading3-line-height);
    line-height: 32px;
    line-height: var(--heading3-line-height)
}

.h4-default,
.h4-bold,
.h4-semibold,
.h4-medium,
.h4-regular {
    font-size: 22px;
    font-size: var(--heading4-size);
    letter-spacing: .05em;
    letter-spacing: var(--heading4-letter-spacing);
    min-height: 24px;
    min-height: var(--heading4-line-height);
    line-height: 24px;
    line-height: var(--heading4-line-height)
}

.h5-default,
.h5-bold,
.h5-semibold,
.h5-medium,
.h5-regular {
    font-size: 20px;
    font-size: var(--heading5-size);
    letter-spacing: .05em;
    letter-spacing: var(--heading5-letter-spacing);
    min-height: 24px;
    min-height: var(--heading5-line-height);
    line-height: 24px;
    line-height: var(--heading5-line-height)
}

.subtitle1-default,
.subtitle1-bold,
.subtitle1-semibold,
.subtitle1-medium,
.subtitle1-regular {
    font-size: 18px;
    font-size: var(--subtitle1-size);
    letter-spacing: .03em;
    letter-spacing: var(--subtitle1-letter-spacing);
    min-height: 24px;
    min-height: var(--subtitle1-line-height);
    line-height: 24px;
    line-height: var(--subtitle1-line-height)
}

.subtitle2-default,
.subtitle2-bold,
.subtitle2-semibold,
.subtitle2-medium,
.subtitle2-regular {
    font-size: 16px;
    font-size: var(--subtitle2-size);
    letter-spacing: .03em;
    letter-spacing: var(--subtitle2-letter-spacing);
    min-height: 24px;
    min-height: var(--subtitle2-line-height);
    line-height: 24px;
    line-height: var(--subtitle2-line-height)
}

.body1-default,
.body1-bold,
.body1-semibold,
.body1-medium,
.body1-regular {
    font-size: .95rem;
    font-size: var(--body1-size);
    letter-spacing: .03em;
    letter-spacing: var(--body1-letter-spacing);
    min-height: 24px;
    min-height: var(--body1-line-height);
    line-height: 24px;
    line-height: var(--body1-line-height)
}

.body2-default,
.body2-bold,
.body2-semibold,
.body2-medium,
.body2-regular {
    font-size: 14px;
    font-size: var(--body2-size);
    letter-spacing: .05em;
    letter-spacing: var(--body2-letter-spacing);
    min-height: 20px;
    min-height: var(--body2-line-height);
    line-height: 20px;
    line-height: var(--body2-line-height)
}

.smalltext-default,
.smalltext-bold,
.smalltext-semibold,
.smalltext-medium,
.smalltext-regular {
    font-size: 12px;
    font-size: var(--smalltext-size);
    letter-spacing: .07em;
    letter-spacing: var(--smalltext-letter-spacing);
    min-height: 20px;
    min-height: var(--smalltext-line-height);
    line-height: 20px;
    line-height: var(--smalltext-line-height)
}

.caption-default,
.caption-bold,
.caption-semibold,
.caption-medium,
.caption-regular {
    font-size: 11px;
    font-size: var(--caption-size);
    letter-spacing: .07em;
    letter-spacing: var(--caption-letter-spacing);
    min-height: 16px;
    min-height: var(--caption-line-height);
    line-height: 16px;
    line-height: var(--caption-line-height)
}

.overline-default,
.overline-bold,
.overline-semibold,
.overline-medium,
.overline-regular {
    font-size: .65rem;
    font-size: var(--overline-size);
    letter-spacing: .1em;
    letter-spacing: var(--overline-letter-spacing);
    min-height: 16px;
    min-height: var(--overline-line-height);
    line-height: 16px;
    line-height: var(--overline-line-height)
}

.h1-regular {
    font-weight: 400;
    font-weight: var(--font-weight-regular)
}

.h1-medium {
    font-weight: 500;
    font-weight: var(--font-weight-medium)
}

.h1-semibold {
    font-weight: 600;
    font-weight: var(--font-weight-semibold)
}

.h1-bold {
    font-weight: 700;
    font-weight: var(--font-weight-bold)
}

.h2-regular {
    font-weight: 400;
    font-weight: var(--font-weight-regular)
}

.h2-medium {
    font-weight: 500;
    font-weight: var(--font-weight-medium)
}

.h2-semibold {
    font-weight: 600;
    font-weight: var(--font-weight-semibold)
}

.h2-bold {
    font-weight: 700;
    font-weight: var(--font-weight-bold)
}

.h3-regular {
    font-weight: 400;
    font-weight: var(--font-weight-regular)
}

.h3-medium {
    font-weight: 500;
    font-weight: var(--font-weight-medium)
}

.h3-semibold {
    font-weight: 600;
    font-weight: var(--font-weight-semibold)
}

.h3-bold {
    font-weight: 700;
    font-weight: var(--font-weight-bold)
}

.h4-regular {
    font-weight: 400;
    font-weight: var(--font-weight-regular)
}

.h4-medium {
    font-weight: 500;
    font-weight: var(--font-weight-medium)
}

.h4-semibold {
    font-weight: 600;
    font-weight: var(--font-weight-semibold)
}

.h4-bold {
    font-weight: 700;
    font-weight: var(--font-weight-bold)
}

.h5-regular {
    font-weight: 400;
    font-weight: var(--font-weight-regular)
}

.h5-medium {
    font-weight: 500;
    font-weight: var(--font-weight-medium)
}

.h5-semibold {
    font-weight: 600;
    font-weight: var(--font-weight-semibold)
}

.h5-bold {
    font-weight: 700;
    font-weight: var(--font-weight-bold)
}

.subtitle1-regular {
    font-weight: 400;
    font-weight: var(--font-weight-regular)
}

.subtitle1-medium {
    font-weight: 500;
    font-weight: var(--font-weight-medium)
}

.subtitle1-semibold {
    font-weight: 600;
    font-weight: var(--font-weight-semibold)
}

.subtitle1-bold {
    font-weight: 700;
    font-weight: var(--font-weight-bold)
}

.subtitle2-regular {
    font-weight: 400;
    font-weight: var(--font-weight-regular)
}

.subtitle2-medium {
    font-weight: 500;
    font-weight: var(--font-weight-medium)
}

.subtitle2-semibold {
    font-weight: 600;
    font-weight: var(--font-weight-semibold)
}

.subtitle2-bold {
    font-weight: 700;
    font-weight: var(--font-weight-bold)
}

.body1-regular {
    font-weight: 400;
    font-weight: var(--font-weight-regular)
}

.body1-medium {
    font-weight: 500;
    font-weight: var(--font-weight-medium)
}

.body1-semibold {
    font-weight: 600;
    font-weight: var(--font-weight-semibold)
}

.body1-bold {
    font-weight: 700;
    font-weight: var(--font-weight-bold)
}

.body2-regular {
    font-weight: 400;
    font-weight: var(--font-weight-regular)
}

.body2-medium {
    font-weight: 500;
    font-weight: var(--font-weight-medium)
}

.body2-semibold {
    font-weight: 600;
    font-weight: var(--font-weight-semibold)
}

.body2-bold {
    font-weight: 700;
    font-weight: var(--font-weight-bold)
}

.smalltext-regular {
    font-weight: 400;
    font-weight: var(--font-weight-regular)
}

.smalltext-medium {
    font-weight: 500;
    font-weight: var(--font-weight-medium)
}

.smalltext-semibold {
    font-weight: 600;
    font-weight: var(--font-weight-semibold)
}

.smalltext-bold {
    font-weight: 700;
    font-weight: var(--font-weight-bold)
}

.caption-regular {
    font-weight: 400;
    font-weight: var(--font-weight-regular)
}

.caption-medium {
    font-weight: 500;
    font-weight: var(--font-weight-medium)
}

.caption-semibold {
    font-weight: 600;
    font-weight: var(--font-weight-semibold)
}

.caption-bold {
    font-weight: 700;
    font-weight: var(--font-weight-bold)
}

.overline-regular {
    font-weight: 400;
    font-weight: var(--font-weight-regular)
}

.overline-medium {
    font-weight: 500;
    font-weight: var(--font-weight-medium)
}

.overline-semibold {
    font-weight: 600;
    font-weight: var(--font-weight-semibold)
}

.overline-bold {
    font-weight: 700;
    font-weight: var(--font-weight-bold)
}

:root {
    --font-family-icons: "BoccIcons"
}

@font-face {
    font-family: BoccIcons;
    src: url(bocc-icons.5d0a3a2c1245a940ffb5.eot?o0rq6w);
    src: url(bocc-icons.5d0a3a2c1245a940ffb5.eot?o0rq6w#iefix) format("embedded-opentype"), url(bocc-icons.c91a8f759083f206b601.ttf?o0rq6w) format("truetype"), url(bocc-icons.660bb3d52d1a90b396ea.woff?o0rq6w) format("woff"), url(bocc-icons.1912f082d18fdf02d9e4.svg?o0rq6w#bocc-icons) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class^=bocc-icon-],
[class*=" bocc-icon-"] {
    font-family: BoccIcons !important;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.bocc-icon-cloud-lightning-storm:before {
    content: "\e900"
}

.bocc-icon-cloud-sun:before {
    content: "\e901"
}

.bocc-icon-cloud-moon:before {
    content: "\e902"
}

.bocc-icon-cloud-night-moon-snow-rain:before {
    content: "\e903"
}

.bocc-icon-cloud-rain-1:before {
    content: "\e904"
}

.bocc-icon-cloud-rain-2:before {
    content: "\e905"
}

.bocc-icon-cloud:before {
    content: "\e906"
}

.bocc-icon-moon-night:before {
    content: "\e907"
}

.bocc-icon-moon:before {
    content: "\e908"
}

.bocc-icon-snow:before {
    content: "\e909"
}

.bocc-icon-stars:before {
    content: "\e90a"
}

.bocc-icon-sun-1:before {
    content: "\e90b"
}

.bocc-icon-sun-2:before {
    content: "\e90c"
}

.bocc-icon-sunrise:before {
    content: "\e90d"
}

.bocc-icon-sunset-2:before {
    content: "\e90e"
}

.bocc-icon-sunset:before {
    content: "\e90f"
}

.bocc-icon-temperature-celsius:before {
    content: "\e910"
}

.bocc-icon-temperature-thermometer-plus:before {
    content: "\e911"
}

.bocc-icon-temperature-thermometer:before {
    content: "\e912"
}

.bocc-icon-umbrella:before {
    content: "\e913"
}

.bocc-icon-wind-1:before {
    content: "\e914"
}

.bocc-icon-wind-2:before {
    content: "\e915"
}

.bocc-icon-airbnb-socialmedia:before {
    content: "\e93d"
}

.bocc-icon-android-socialmedia:before {
    content: "\eafb"
}

.bocc-icon-apple-socialmedia:before {
    content: "\eb10"
}

.bocc-icon-chrome-socialmedia:before {
    content: "\eb11"
}

.bocc-icon-drive-socialmedia:before {
    content: "\eb14"
}

.bocc-icon-dropbox-socialmedia:before {
    content: "\eb15"
}

.bocc-icon-email-socialmedia:before {
    content: "\eb18"
}

.bocc-icon-facebook-socialmedia:before {
    content: "\eb1d"
}

.bocc-icon-github-socialmedia:before {
    content: "\eb23"
}

.bocc-icon-google-analytics-socialmedia:before {
    content: "\eb24"
}

.bocc-icon-google-play-socialmedia:before {
    content: "\eb28"
}

.bocc-icon-google-socialmedia:before {
    content: "\eb2a"
}

.bocc-icon-instagram-socialmedia:before {
    content: "\eb2c"
}

.bocc-icon-linkedin-socialmedia:before {
    content: "\eb30"
}

.bocc-icon-opera-socialmedia:before {
    content: "\eb31"
}

.bocc-icon-paypal-socialmedia:before {
    content: "\eb32"
}

.bocc-icon-skype-socialmedia:before {
    content: "\eb34"
}

.bocc-icon-twitter-socialmedia:before {
    content: "\eb35"
}

.bocc-icon-uber-socialmedia:before {
    content: "\eb39"
}

.bocc-icon-whatsapp-socialmedia:before {
    content: "\eb3a"
}

.bocc-icon-windows-socialmedia:before {
    content: "\eb3b"
}

.bocc-icon-yahoo-socialmedia:before {
    content: "\eb41"
}

.bocc-icon-youtube-socialmedia:before {
    content: "\eb42"
}

.bocc-icon-zoom-socialmedia:before {
    content: "\eb43"
}

.bocc-icon-basket-shopping-cart-1:before {
    content: "\eb44"
}

.bocc-icon-bag-shopping-add-plus:before {
    content: "\ea0e"
}

.bocc-icon-bag-gift-package-pack:before {
    content: "\ea0f"
}

.bocc-icon-bag-shopping-search:before {
    content: "\ea10"
}

.bocc-icon-barcode-1:before {
    content: "\ea11"
}

.bocc-icon-barcode-2:before {
    content: "\ea12"
}

.bocc-icon-basket-1:before {
    content: "\ea13"
}

.bocc-icon-basket-pack-1:before {
    content: "\ea14"
}

.bocc-icon-basket-pack-2:before {
    content: "\ea15"
}

.bocc-icon-cashbox:before {
    content: "\eb45"
}

.bocc-icon-item-receip:before {
    content: "\ea16"
}

.bocc-icon-products-bags-add:before {
    content: "\ea17"
}

.bocc-icon-qr-code-1:before {
    content: "\ea18"
}

.bocc-icon-qr-code-2:before {
    content: "\ea19"
}

.bocc-icon-qr-code-3-aval:before {
    content: "\ea1a"
}

.bocc-icon-recipe-accepted-check-mark:before {
    content: "\ea1b"
}

.bocc-icon-recipe:before {
    content: "\ea1c"
}

.bocc-icon-scaner:before {
    content: "\ea1d"
}

.bocc-icon-shopping-bag-package-pack-1:before {
    content: "\ea1e"
}

.bocc-icon-money-euro:before {
    content: "\eb46"
}

.bocc-icon-coins:before {
    content: "\e98a"
}

.bocc-icon-money-banknote-repeat:before {
    content: "\eb47"
}

.bocc-icon-banknote-back:before {
    content: "\eb48"
}

.bocc-icon-coins1:before {
    content: "\e98b"
}

.bocc-icon-hand-arm-coins:before {
    content: "\e98c"
}

.bocc-icon-money-banknote-2:before {
    content: "\e98d"
}

.bocc-icon-money-banknote-deposit:before {
    content: "\e98e"
}

.bocc-icon-money-banknote-hand:before {
    content: "\e98f"
}

.bocc-icon-money-banknote-withdraw:before {
    content: "\e990"
}

.bocc-icon-money-coins-2:before {
    content: "\e991"
}

.bocc-icon-money-coins-3:before {
    content: "\e992"
}

.bocc-icon-money-dollar:before {
    content: "\e993"
}

.bocc-icon-money-percent:before {
    content: "\e994"
}

.bocc-icon-multi-payment:before {
    content: "\e995"
}

.bocc-icon-payment-bill:before {
    content: "\e996"
}

.bocc-icon-pILa-payment:before {
    content: "\e997"
}

.bocc-icon-wallet-1:before {
    content: "\e998"
}

.bocc-icon-wallet-add:before {
    content: "\e999"
}

.bocc-icon-alculator:before {
    content: "\e99a"
}

.bocc-icon-browser-internet-web-network_-mail:before {
    content: "\e9b2"
}

.bocc-icon-browser-internet-web-network-site:before {
    content: "\e9b3"
}

.bocc-icon-browser-internet-web-network-window-wifi:before {
    content: "\e9b4"
}

.bocc-icon-cloud-sync-synchronize-reload-loading:before {
    content: "\e9b5"
}

.bocc-icon-cloud-storage-add:before {
    content: "\e9b6"
}

.bocc-icon-cloud-storage-download:before {
    content: "\e9b7"
}

.bocc-icon-cloud-storage-refresh:before {
    content: "\e9b8"
}

.bocc-icon-cloud-storage-upload:before {
    content: "\e9b9"
}

.bocc-icon-document-conten-edit:before {
    content: "\e9db"
}

.bocc-icon-document-content-2:before {
    content: "\eb49"
}

.bocc-icon-document_content-11:before {
    content: "\eb4a"
}

.bocc-icon-notebook_check_list:before {
    content: "\eb4b"
}

.bocc-icon-bookmark-notes:before {
    content: "\e9dc"
}

.bocc-icon-calendar-add-plus:before {
    content: "\e9dd"
}

.bocc-icon-content-edit-pen:before {
    content: "\e9de"
}

.bocc-icon-document-1-secure:before {
    content: "\e9df"
}

.bocc-icon-document-content-2-edit-2:before {
    content: "\e9e0"
}

.bocc-icon-document-content-3-copy:before {
    content: "\e9e1"
}

.bocc-icon-document-content-4-copy-2:before {
    content: "\e9e2"
}

.bocc-icon-document-content-5-copy-3:before {
    content: "\e9e3"
}

.bocc-icon-document-content-notes-planner:before {
    content: "\e9e4"
}

.bocc-icon-document-content-5-pen-2:before {
    content: "\e9e5"
}

.bocc-icon-document-content-6-edit-1:before {
    content: "\e9e6"
}

.bocc-icon-document-pin-2:before {
    content: "\e9e7"
}

.bocc-icon-notepad-1:before {
    content: "\e9e8"
}

.bocc-icon-notes-edit-3:before {
    content: "\e9e9"
}

.bocc-icon-notes-edit-4-planner-1:before {
    content: "\e9ea"
}

.bocc-icon-pen-edit-5:before {
    content: "\e9eb"
}

.bocc-icon-pen-edit-2:before {
    content: "\eb4c"
}

.bocc-icon-plus-2-add-2-add-new:before {
    content: "\e9ec"
}

.bocc-icon-arrow-rotate-1:before {
    content: "\ea22"
}

.bocc-icon-arrow-7:before {
    content: "\eb4d"
}

.bocc-icon-arrow-8:before {
    content: "\eb4e"
}

.bocc-icon-arrow-9:before {
    content: "\eb4f"
}

.bocc-icon-arrow-10:before {
    content: "\eb50"
}

.bocc-icon-arrow-12:before {
    content: "\eb51"
}

.bocc-icon-arrow-13:before {
    content: "\ea23"
}

.bocc-icon-arrow-14:before {
    content: "\eb52"
}

.bocc-icon-arrow-15:before {
    content: "\eb53"
}

.bocc-icon-arrow-1:before {
    content: "\ea24"
}

.bocc-icon-arrow-2:before {
    content: "\ea25"
}

.bocc-icon-arrow-3:before {
    content: "\ea26"
}

.bocc-icon-arrow-4:before {
    content: "\ea27"
}

.bocc-icon-arrow-5:before {
    content: "\ea28"
}

.bocc-icon-arrow-6:before {
    content: "\ea29"
}

.bocc-icon-arrow_10-sort:before {
    content: "\ea2a"
}

.bocc-icon-arrow-71:before {
    content: "\ea2b"
}

.bocc-icon-arrow-81:before {
    content: "\ea2c"
}

.bocc-icon-arrow-91:before {
    content: "\ea2d"
}

.bocc-icon-arrow-11-download-save:before {
    content: "\ea2e"
}

.bocc-icon-arrow-12-upload:before {
    content: "\ea2f"
}

.bocc-icon-arrow-12-trm-business-increase:before {
    content: "\ea30"
}

.bocc-icon-arrow-drag-direction-move:before {
    content: "\eb40"
}

.bocc-icon-arrow-13-statistics:before {
    content: "\ea31"
}

.bocc-icon-arrow-14-repeat-transfer-currency:before {
    content: "\ea32"
}

.bocc-icon-arrow-14-repeat-rotate-2:before {
    content: "\ea33"
}

.bocc-icon-arrow-15-shuffle:before {
    content: "\ea34"
}

.bocc-icon-transfer:before {
    content: "\ea35"
}

.bocc-icon-log-in:before {
    content: "\ea36"
}

.bocc-icon-log-out:before {
    content: "\ea37"
}

.bocc-icon-camera-iris:before {
    content: "\eb54"
}

.bocc-icon-camera:before {
    content: "\eb55"
}

.bocc-icon-idback:before {
    content: "\eb56"
}

.bocc-icon-idfront:before {
    content: "\eb57"
}

.bocc-icon-catabot-bot:before {
    content: "\eb58"
}

.bocc-icon-motorbike:before {
    content: "\ea38"
}

.bocc-icon-accessibility-1:before {
    content: "\ea39"
}

.bocc-icon-accessibility-2:before {
    content: "\ea3a"
}

.bocc-icon-add-page:before {
    content: "\ea3b"
}

.bocc-icon-airplay-signal-airdrop:before {
    content: "\ea3c"
}

.bocc-icon-alarm-clock-timer-add-1:before {
    content: "\ea3d"
}

.bocc-icon-alarm-clock-timer-add-2:before {
    content: "\ea3e"
}

.bocc-icon-alarm-clock-timer-arrow:before {
    content: "\eb12"
}

.bocc-icon-alarm-clock-timer-checkmar:before {
    content: "\ea3f"
}

.bocc-icon-alarm-clock-timer-fast:before {
    content: "\ea40"
}

.bocc-icon-alarm-clock-timer-time-1:before {
    content: "\ea41"
}

.bocc-icon-alarm-clock-timer-time-2:before {
    content: "\ea42"
}

.bocc-icon-alarm-clock-timer-time-3:before {
    content: "\ea43"
}

.bocc-icon-alarm-clock-time-timer-add:before {
    content: "\ea44"
}

.bocc-icon-alarm-clock-time-timer-fast-2:before {
    content: "\ea45"
}

.bocc-icon-alarm-clock-check:before {
    content: "\ea46"
}

.bocc-icon-app-icon:before {
    content: "\ea47"
}

.bocc-icon-arrow-location-direction:before {
    content: "\eb13"
}

.bocc-icon-arrow-rotate-dots:before {
    content: "\ea48"
}

.bocc-icon-asterisk-rotate-arrow-circle:before {
    content: "\ea49"
}

.bocc-icon-asterisk-rotate-arrow:before {
    content: "\ea4a"
}

.bocc-icon-asterisk-square:before {
    content: "\ea4b"
}

.bocc-icon-attachment-link-1:before {
    content: "\ea4c"
}

.bocc-icon-attachment-link-2:before {
    content: "\ea4d"
}

.bocc-icon-attachment-link-3:before {
    content: "\ea4e"
}

.bocc-icon-attachment-link-circle-delete:before {
    content: "\ea4f"
}

.bocc-icon-attachment-link-file-add:before {
    content: "\ea50"
}

.bocc-icon-backspace-delete-button-checkmark:before {
    content: "\ea51"
}

.bocc-icon-backspace-delete-button:before {
    content: "\ea52"
}

.bocc-icon-battery-charge-1:before {
    content: "\ea53"
}

.bocc-icon-battery-charge-2:before {
    content: "\ea54"
}

.bocc-icon-battery-charge-3:before {
    content: "\ea55"
}

.bocc-icon-battery-charge-4:before {
    content: "\ea56"
}

.bocc-icon-bell-notification-1:before {
    content: "\ea57"
}

.bocc-icon-bell-notification-2:before {
    content: "\ea58"
}

.bocc-icon-bell-notification-circle:before {
    content: "\ea59"
}

.bocc-icon-bell-notifications-3:before {
    content: "\ea5a"
}

.bocc-icon-bell-notifications-4:before {
    content: "\ea5b"
}

.bocc-icon-bell-notifications-5:before {
    content: "\ea5c"
}

.bocc-icon-bell-notifications-6:before {
    content: "\ea5d"
}

.bocc-icon-block-delete-stop:before {
    content: "\eb16"
}

.bocc-icon-bluetooth-circle:before {
    content: "\ea5e"
}

.bocc-icon-box-delete-spam-cross:before {
    content: "\ea5f"
}

.bocc-icon-bracket-add-checkmark:before {
    content: "\ea60"
}

.bocc-icon-brackets-circle:before {
    content: "\ea61"
}

.bocc-icon-broken-link-unlink-attachment-1:before {
    content: "\ea62"
}

.bocc-icon-calendar:before {
    content: "\ea63"
}

.bocc-icon-certificate-medal1:before {
    content: "\ea64"
}

.bocc-icon-check-2:before {
    content: "\eb1e"
}

.bocc-icon-check-single:before {
    content: "\ea65"
}

.bocc-icon-check-double:before {
    content: "\ea66"
}

.bocc-icon-circle-delete:before {
    content: "\ea67"
}

.bocc-icon-circle-attachment-link:before {
    content: "\ea68"
}

.bocc-icon-circle-delete-cross:before {
    content: "\ea69"
}

.bocc-icon-cmd-keyboard:before {
    content: "\ea6a"
}

.bocc-icon-code-search:before {
    content: "\ea6b"
}

.bocc-icon-code-text:before {
    content: "\ea6c"
}

.bocc-icon-compass-map-2:before {
    content: "\ea6d"
}

.bocc-icon-compass-map-circle:before {
    content: "\ea6e"
}

.bocc-icon-compass-map:before {
    content: "\ea6f"
}

.bocc-icon-copy-cut-item-text:before {
    content: "\ea70"
}

.bocc-icon-copy-grid-plus:before {
    content: "\ea71"
}

.bocc-icon-copy-grid:before {
    content: "\ea72"
}

.bocc-icon-copy-image-select:before {
    content: "\ea73"
}

.bocc-icon-copy-item-arrow:before {
    content: "\ea74"
}

.bocc-icon-copy-move-cut:before {
    content: "\ea75"
}

.bocc-icon-copy-paste-select-add-plus-2:before {
    content: "\ea76"
}

.bocc-icon-copy:before {
    content: "\ea77"
}

.bocc-icon-crop-arrow-sync:before {
    content: "\ea78"
}

.bocc-icon-cursor-click-select-1:before {
    content: "\ea79"
}

.bocc-icon-cursor-click-select-2:before {
    content: "\ea7a"
}

.bocc-icon-cursor-click-select:before {
    content: "\ea7b"
}

.bocc-icon-cursor-more-dots:before {
    content: "\ea7c"
}

.bocc-icon-cursor-selec-click:before {
    content: "\ea7d"
}

.bocc-icon-cursor-select-circle:before {
    content: "\ea7e"
}

.bocc-icon-cursor-swipe-left:before {
    content: "\ea7f"
}

.bocc-icon-cursor-swipe-right:before {
    content: "\ea80"
}

.bocc-icon-dashboard-1:before {
    content: "\ea81"
}

.bocc-icon-dashboard-circle-1:before {
    content: "\ea82"
}

.bocc-icon-dashboard-clock-time:before {
    content: "\ea83"
}

.bocc-icon-delete-1:before {
    content: "\ea84"
}

.bocc-icon-delete-2:before {
    content: "\ea85"
}

.bocc-icon-delete-3:before {
    content: "\ea86"
}

.bocc-icon-delete-4:before {
    content: "\ea87"
}

.bocc-icon-delete-disabled-1:before {
    content: "\ea88"
}

.bocc-icon-direction-square-arrows:before {
    content: "\ea89"
}

.bocc-icon-divide:before {
    content: "\ea8a"
}

.bocc-icon-done-check-checkmark:before {
    content: "\ea8b"
}

.bocc-icon-dots-menu:before {
    content: "\ea8c"
}

.bocc-icon-dots:before {
    content: "\ea8d"
}

.bocc-icon-dowload-save:before {
    content: "\ea8e"
}

.bocc-icon-download-arrow:before {
    content: "\ea8f"
}

.bocc-icon-download-save-upload:before {
    content: "\ea90"
}

.bocc-icon-dropdown-menu-item:before {
    content: "\ea91"
}

.bocc-icon-dropdown-menu:before {
    content: "\ea92"
}

.bocc-icon-ear:before {
    content: "\ea93"
}

.bocc-icon-emails-letter-mail-2:before {
    content: "\eb27"
}

.bocc-icon-emails-letter-mail:before {
    content: "\ea94"
}

.bocc-icon-enter-password:before {
    content: "\ea95"
}

.bocc-icon-exit-door-log-out-2:before {
    content: "\ea96"
}

.bocc-icon-exit-door-log-out1:before {
    content: "\ea97"
}

.bocc-icon-exit-log-out-arrow:before {
    content: "\ea98"
}

.bocc-icon-eye-1:before {
    content: "\ea99"
}

.bocc-icon-eye-2:before {
    content: "\ea9a"
}

.bocc-icon-eye-3:before {
    content: "\ea9b"
}

.bocc-icon-eye-4:before {
    content: "\ea9c"
}

.bocc-icon-eye-target:before {
    content: "\ea9d"
}

.bocc-icon-eye-hidden:before {
    content: "\ea9e"
}

.bocc-icon-eye-show-visible-1:before {
    content: "\ea9f"
}

.bocc-icon-eye-show-visible:before {
    content: "\eaa0"
}

.bocc-icon-favorite-bookmark-checkmark:before {
    content: "\eaa1"
}

.bocc-icon-favorite-3:before {
    content: "\eaa2"
}

.bocc-icon-file-zip-rar:before {
    content: "\eb2d"
}

.bocc-icon-filedown:before {
    content: "\eaa3"
}

.bocc-icon-fileup-mail:before {
    content: "\eaa4"
}

.bocc-icon-filter-sort-a-z-1:before {
    content: "\eaa5"
}

.bocc-icon-filter-sort-a-z-2:before {
    content: "\eaa6"
}

.bocc-icon-filter-sort-1:before {
    content: "\eaa7"
}

.bocc-icon-filter-sort-check-mark:before {
    content: "\eaa8"
}

.bocc-icon-filter-sort-delete:before {
    content: "\eaa9"
}

.bocc-icon-filter-sort-menu:before {
    content: "\eaaa"
}

.bocc-icon-flag:before {
    content: "\eaab"
}

.bocc-icon-flashlight-on:before {
    content: "\eaac"
}

.bocc-icon-flashlight-off:before {
    content: "\eaad"
}

.bocc-icon-floppy-save-check-mark:before {
    content: "\eaae"
}

.bocc-icon-floppy-save-disabled:before {
    content: "\eaaf"
}

.bocc-icon-floppy-save:before {
    content: "\eab0"
}

.bocc-icon-full-screen-arrow:before {
    content: "\eab1"
}

.bocc-icon-heart-favorie-delete:before {
    content: "\eab2"
}

.bocc-icon-heart-favorite-add:before {
    content: "\eab3"
}

.bocc-icon-home-house-1:before {
    content: "\eab4"
}

.bocc-icon-home-house-2:before {
    content: "\eab5"
}

.bocc-icon-home-house-line:before {
    content: "\eab6"
}

.bocc-icon-horn-trumpet-2:before {
    content: "\eab7"
}

.bocc-icon-horn-trumpet:before {
    content: "\eab8"
}

.bocc-icon-http-square:before {
    content: "\eab9"
}

.bocc-icon-ico-icon-circle:before {
    content: "\eaba"
}

.bocc-icon-id-square:before {
    content: "\eabb"
}

.bocc-icon-image-picture-text-edit:before {
    content: "\eabc"
}

.bocc-icon-inbox-male-incoming:before {
    content: "\eabd"
}

.bocc-icon-infornation-info-1:before {
    content: "\eabe"
}

.bocc-icon-input-password-protection:before {
    content: "\eabf"
}

.bocc-icon-item-documents-files:before {
    content: "\eac0"
}

.bocc-icon-item-notification:before {
    content: "\eac1"
}

.bocc-icon-key-circle-1:before {
    content: "\eac2"
}

.bocc-icon-key-circle-2:before {
    content: "\eac3"
}

.bocc-icon-key-token:before {
    content: "\eac4"
}

.bocc-icon-key-2:before {
    content: "\eac5"
}

.bocc-icon-light-bulb-1:before {
    content: "\eac6"
}

.bocc-icon-light-bulb-2:before {
    content: "\eac7"
}

.bocc-icon-list-tasks-add-plus:before {
    content: "\eac8"
}

.bocc-icon-loading-plus-circle-add:before {
    content: "\eac9"
}

.bocc-icon-loading-waiting:before {
    content: "\eaca"
}

.bocc-icon-location:before {
    content: "\eacb"
}

.bocc-icon-marker-pin-add-plus:before {
    content: "\eacc"
}

.bocc-icon-marker-pin-checkmark:before {
    content: "\eacd"
}

.bocc-icon-lock-1:before {
    content: "\eace"
}

.bocc-icon-lock-select:before {
    content: "\eacf"
}

.bocc-icon-lock-arrow-add-plus-circle:before {
    content: "\ead0"
}

.bocc-icon-lock-arrow-up:before {
    content: "\ead1"
}

.bocc-icon-lock-unlock:before {
    content: "\ead2"
}

.bocc-icon-lock-password:before {
    content: "\ead3"
}

.bocc-icon-lock-protection-checkmark:before {
    content: "\ead4"
}

.bocc-icon-mail-email-letter-all-mailboxes:before {
    content: "\ead5"
}

.bocc-icon-mailbox-archive-new-one-click:before {
    content: "\ead6"
}

.bocc-icon-menu-dots-circle-1:before {
    content: "\ead7"
}

.bocc-icon-menu-dots-circle-2:before {
    content: "\ead8"
}

.bocc-icon-menu-dots-square-1:before {
    content: "\ead9"
}

.bocc-icon-menu-dots-square-2:before {
    content: "\eada"
}

.bocc-icon-mic-rec-1:before {
    content: "\eadb"
}

.bocc-icon-mic-rec:before {
    content: "\eadc"
}

.bocc-icon-microphone-mute-slash:before {
    content: "\eadd"
}

.bocc-icon-mouse-scroll-down:before {
    content: "\eade"
}

.bocc-icon-mouse-scroll-up:before {
    content: "\eadf"
}

.bocc-icon-news-bookmark:before {
    content: "\eae0"
}

.bocc-icon-news:before {
    content: "\eae1"
}

.bocc-icon-no-wi-fi:before {
    content: "\eae2"
}

.bocc-icon-note-document-clip-attachment:before {
    content: "\eae3"
}

.bocc-icon-numerical-character:before {
    content: "\eae4"
}

.bocc-icon-pin-2:before {
    content: "\eae5"
}

.bocc-icon-pin-location:before {
    content: "\eae6"
}

.bocc-icon-plus-sum:before {
    content: "\eae7"
}

.bocc-icon-position-target:before {
    content: "\eae8"
}

.bocc-icon-power-appliances-shutdown:before {
    content: "\eae9"
}

.bocc-icon-printer-print-add-plus:before {
    content: "\eaea"
}

.bocc-icon-printer-print-checkmark:before {
    content: "\eaeb"
}

.bocc-icon-private-incognito-square:before {
    content: "\eaec"
}

.bocc-icon-private-incognito:before {
    content: "\eaed"
}

.bocc-icon-read:before {
    content: "\eaee"
}

.bocc-icon-receipt-plus:before {
    content: "\eaef"
}

.bocc-icon-recicle:before {
    content: "\eaf0"
}

.bocc-icon-refresh-reload-loading-arrow:before {
    content: "\eaf1"
}

.bocc-icon-rotate_3D:before {
    content: "\eaf2"
}

.bocc-icon-scissors-cut:before {
    content: "\eaf3"
}

.bocc-icon-search-2:before {
    content: "\eaf4"
}

.bocc-icon-search-radar-location:before {
    content: "\eaf5"
}

.bocc-icon-search:before {
    content: "\eaf6"
}

.bocc-icon-settings-circle:before {
    content: "\eaf7"
}

.bocc-icon-settings-options:before {
    content: "\eaf8"
}

.bocc-icon-settings-square-2:before {
    content: "\eaf9"
}

.bocc-icon-settings-tool:before {
    content: "\eafa"
}

.bocc-icon-settings-filter-2:before {
    content: "\eb2e"
}

.bocc-icon-menu-burger-circle-4:before {
    content: "\eafc"
}

.bocc-icon-menu-burger-circle-3:before {
    content: "\eafd"
}

.bocc-icon-settings-filter:before {
    content: "\eafe"
}

.bocc-icon-settings-select:before {
    content: "\eaff"
}

.bocc-icon-settings:before {
    content: "\eb00"
}

.bocc-icon-sleep-snooze-zzz:before {
    content: "\eb01"
}

.bocc-icon-special-character:before {
    content: "\eb02"
}

.bocc-icon-star-checkmark:before {
    content: "\eb03"
}

.bocc-icon-star-search:before {
    content: "\eb04"
}

.bocc-icon-switch-1:before {
    content: "\eb05"
}

.bocc-icon-switches-2:before {
    content: "\eb06"
}

.bocc-icon-text-square-2:before {
    content: "\eb07"
}

.bocc-icon-text-square-1:before {
    content: "\eb08"
}

.bocc-icon-uppercase:before {
    content: "\eb09"
}

.bocc-icon-watch-clock-time-1:before {
    content: "\eb0a"
}

.bocc-icon-watch-clock-time-2:before {
    content: "\eb0b"
}

.bocc-icon-wi-fi:before {
    content: "\eb0c"
}

.bocc-icon-wi-fi-2:before {
    content: "\eb0d"
}

.bocc-icon-wifi-error:before {
    content: "\eb0e"
}

.bocc-icon-wifi-question:before {
    content: "\eb0f"
}

.bocc-icon-bluetooth-off:before {
    content: "\eb17"
}

.bocc-icon-burger-1:before {
    content: "\eb19"
}

.bocc-icon-task-list-numeric:before {
    content: "\eb1a"
}

.bocc-icon-burger-2:before {
    content: "\eb1b"
}

.bocc-icon-menu-burger-2:before {
    content: "\eb1c"
}

.bocc-icon-check-1:before {
    content: "\eb1f"
}

.bocc-icon-delete-disabled-2:before {
    content: "\eb20"
}

.bocc-icon-clip:before {
    content: "\eb21"
}

.bocc-icon-copy-arrow:before {
    content: "\eb22"
}

.bocc-icon-drag-hover:before {
    content: "\eb25"
}

.bocc-icon-email:before {
    content: "\eb26"
}

.bocc-icon-exit-door-log-out:before {
    content: "\eb29"
}

.bocc-icon-favorite-2-heart:before {
    content: "\eb2b"
}

.bocc-icon-gift-box:before {
    content: "\eb2f"
}

.bocc-icon-lowercase:before {
    content: "\eb33"
}

.bocc-icon-special-character1:before {
    content: "\eb36"
}

.bocc-icon-minus-rest-delete:before {
    content: "\eb37"
}

.bocc-icon-plus-sum1:before {
    content: "\eb38"
}

.bocc-icon-share:before {
    content: "\eb3c"
}

.bocc-icon-tuPlus:before {
    content: "\eb3d"
}

.bocc-icon-warning-1:before {
    content: "\eb3e"
}

.bocc-icon-warning-2:before {
    content: "\eb3f"
}

.bocc-icon-notebook:before {
    content: "\eb59"
}

.bocc-icon-user-profile-message:before {
    content: "\eb5a"
}

.bocc-icon-group-user-1:before {
    content: "\e916"
}

.bocc-icon-single-user:before {
    content: "\e917"
}

.bocc-icon-user-profile-circle-1:before {
    content: "\e918"
}

.bocc-icon-user-profile-2:before {
    content: "\e919"
}

.bocc-icon-user-profile-3:before {
    content: "\e91a"
}

.bocc-icon-user-profile-6:before {
    content: "\e91b"
}

.bocc-icon-user-profile-7:before {
    content: "\e91c"
}

.bocc-icon-user-profile-12:before {
    content: "\e91d"
}

.bocc-icon-user-profile-13:before {
    content: "\e91e"
}

.bocc-icon-user-profile-15:before {
    content: "\e91f"
}

.bocc-icon-user-profile-edit:before {
    content: "\e920"
}

.bocc-icon-user-walking:before {
    content: "\e921"
}

.bocc-icon-justify-center:before {
    content: "\e922"
}

.bocc-icon-justify-left-1:before {
    content: "\e923"
}

.bocc-icon-justify-left-2:before {
    content: "\e924"
}

.bocc-icon-justify-left:before {
    content: "\e925"
}

.bocc-icon-justify-right:before {
    content: "\e926"
}

.bocc-icon-margin-right-1:before {
    content: "\e927"
}

.bocc-icon-margin-right:before {
    content: "\e928"
}

.bocc-icon-sort-ascending:before {
    content: "\e929"
}

.bocc-icon-sort-decending:before {
    content: "\e92a"
}

.bocc-icon-text-size:before {
    content: "\e92b"
}

.bocc-icon-airplane-plane-trip-travel:before {
    content: "\e92c"
}

.bocc-icon-baggage-2:before {
    content: "\e92d"
}

.bocc-icon-plane-take-off:before {
    content: "\e92e"
}

.bocc-icon-plane-boarding-pass-2:before {
    content: "\e92f"
}

.bocc-icon-sun-sea-sunrise:before {
    content: "\e930"
}

.bocc-icon-travel-vacation-holiday-umbrella:before {
    content: "\e931"
}

.bocc-icon-chat-messages-bubble:before {
    content: "\e932"
}

.bocc-icon-headphones-customer-support:before {
    content: "\e933"
}

.bocc-icon-messages-chat-1:before {
    content: "\e934"
}

.bocc-icon-question-loading:before {
    content: "\e935"
}

.bocc-icon-certificate-medal2:before {
    content: "\e936"
}

.bocc-icon-cup:before {
    content: "\e937"
}

.bocc-icon-favorite-star:before {
    content: "\e938"
}

.bocc-icon-medal-prize-reward-1:before {
    content: "\e939"
}

.bocc-icon-medal-prize-reward-3:before {
    content: "\e93a"
}

.bocc-icon-medal-prize-reward-4:before {
    content: "\e93b"
}

.bocc-icon-medal-prize-reward-5:before {
    content: "\e93c"
}

.bocc-icon-face-1:before {
    content: "\e93e"
}

.bocc-icon-face-2:before {
    content: "\e93f"
}

.bocc-icon-face-3:before {
    content: "\e940"
}

.bocc-icon-face-7:before {
    content: "\e941"
}

.bocc-icon-blackboard:before {
    content: "\e942"
}

.bocc-icon-book-graduate-hat:before {
    content: "\e943"
}

.bocc-icon-calendar-schedule:before {
    content: "\e944"
}

.bocc-icon-glasses:before {
    content: "\e945"
}

.bocc-icon-notebook1:before {
    content: "\e946"
}

.bocc-icon-pencil-ruler:before {
    content: "\e947"
}

.bocc-icon-school:before {
    content: "\e948"
}

.bocc-icon-ertificate-diploma:before {
    content: "\e949"
}

.bocc-icon-hand-key:before {
    content: "\e94a"
}

.bocc-icon-house-certificate:before {
    content: "\e94b"
}

.bocc-icon-house-checkmark:before {
    content: "\e94c"
}

.bocc-icon-house-key:before {
    content: "\e94d"
}

.bocc-icon-house-location-pin:before {
    content: "\e94e"
}

.bocc-icon-shield-protected-refresh-loading:before {
    content: "\eb5b"
}

.bocc-icon-biometric-face-touch:before {
    content: "\e94f"
}

.bocc-icon-chat-messages-bubble-shield:before {
    content: "\e950"
}

.bocc-icon-credit-card-lock:before {
    content: "\e951"
}

.bocc-icon-face-iD:before {
    content: "\e952"
}

.bocc-icon-fingerprint:before {
    content: "\e953"
}

.bocc-icon-key:before {
    content: "\e954"
}

.bocc-icon-lock-2:before {
    content: "\e955"
}

.bocc-icon-lock-4:before {
    content: "\e956"
}

.bocc-icon-lock-5:before {
    content: "\e957"
}

.bocc-icon-world-internet-lock:before {
    content: "\e958"
}

.bocc-icon-number-keyboard:before {
    content: "\e959"
}

.bocc-icon-phone-call-2:before {
    content: "\e95a"
}

.bocc-icon-phone-call-3:before {
    content: "\e95b"
}

.bocc-icon-phone-call-5:before {
    content: "\e95c"
}

.bocc-icon-phone-call-8:before {
    content: "\e95d"
}

.bocc-icon-phone-call-10:before {
    content: "\e95e"
}

.bocc-icon-phone-call-plus-add:before {
    content: "\e95f"
}

.bocc-icon-voicemail:before {
    content: "\e960"
}

.bocc-icon-safe_deposit_box:before {
    content: "\eb5c"
}

.bocc-icon-dollar-atm:before {
    content: "\eb5d"
}

.bocc-icon-Bloquear:before {
    content: "\eb5e"
}

.bocc-icon-aTM-1:before {
    content: "\e961"
}

.bocc-icon-aTM-2:before {
    content: "\e962"
}

.bocc-icon-atm-creditcard:before {
    content: "\e963"
}

.bocc-icon-atm-recipe-checkmark:before {
    content: "\e964"
}

.bocc-icon-calendar-coins-money:before {
    content: "\e965"
}

.bocc-icon-check-payment-pen:before {
    content: "\e966"
}

.bocc-icon-coins-money-plus-add:before {
    content: "\e967"
}

.bocc-icon-conversion-exchange-checkmark:before {
    content: "\e968"
}

.bocc-icon-credit-card-1:before {
    content: "\e969"
}

.bocc-icon-credit-card-2:before {
    content: "\e96a"
}

.bocc-icon-credit-card-3:before {
    content: "\e96b"
}

.bocc-icon-credit-card-6:before {
    content: "\e96c"
}

.bocc-icon-credit-card-7:before {
    content: "\e96d"
}

.bocc-icon-credit-card-8:before {
    content: "\e96e"
}

.bocc-icon-credit-card-9:before {
    content: "\e96f"
}

.bocc-icon-credit-card-atm-slide-out:before {
    content: "\e970"
}

.bocc-icon-credit-card-atm:before {
    content: "\e971"
}

.bocc-icon-credit-card-cash-deposit:before {
    content: "\e972"
}

.bocc-icon-credit-card-cash-withdraw:before {
    content: "\e973"
}

.bocc-icon-credit-card-delete-lockout:before {
    content: "\e974"
}

.bocc-icon-credit-card-payment-action-2:before {
    content: "\e975"
}

.bocc-icon-credit-card-payment-action-3:before {
    content: "\e976"
}

.bocc-icon-credit-card-transfer-send-1:before {
    content: "\e977"
}

.bocc-icon-credit-cards:before {
    content: "\e978"
}

.bocc-icon-credit-card-checkmark:before {
    content: "\e979"
}

.bocc-icon-credit-card-search-loupe:before {
    content: "\e97a"
}

.bocc-icon-dollar-payments-conversion:before {
    content: "\e97b"
}

.bocc-icon-dollar-payments-onversion-1:before {
    content: "\e97c"
}

.bocc-icon-notebook-credit-card-transfer-send:before {
    content: "\e97d"
}

.bocc-icon-piggy-bank-coin:before {
    content: "\e97e"
}

.bocc-icon-products-mobile-certifications:before {
    content: "\e97f"
}

.bocc-icon-tax-certifications-currency:before {
    content: "\e980"
}

.bocc-icon-world-transaction-transfer:before {
    content: "\e981"
}

.bocc-icon-cup-pen-writing-tools:before {
    content: "\e982"
}

.bocc-icon-folders-archive:before {
    content: "\e983"
}

.bocc-icon-office-desk:before {
    content: "\e984"
}

.bocc-icon-office-folder:before {
    content: "\e985"
}

.bocc-icon-paper-clip-attache:before {
    content: "\e986"
}

.bocc-icon-presentation-board:before {
    content: "\e987"
}

.bocc-icon-shredder:before {
    content: "\e988"
}

.bocc-icon-suitcase-portfolio1:before {
    content: "\e989"
}

.bocc-icon-dual-sim-1:before {
    content: "\e99b"
}

.bocc-icon-no-sim:before {
    content: "\e99c"
}

.bocc-icon-shield-signal-protection:before {
    content: "\e99d"
}

.bocc-icon-sim-refresh-update:before {
    content: "\e99e"
}

.bocc-icon-wiFi-full:before {
    content: "\e99f"
}

.bocc-icon-mobile-devices-wifi:before {
    content: "\eb5f"
}

.bocc-icon-mobile_devices_messages:before {
    content: "\eb60"
}

.bocc-icon-mobile-devices-rotate:before {
    content: "\e9a0"
}

.bocc-icon-mobile-devices-vibration:before {
    content: "\e9a1"
}

.bocc-icon-mobile-devices:before {
    content: "\e9a2"
}

.bocc-icon-mobile-laptop-wifi:before {
    content: "\e9a3"
}

.bocc-icon-chat-messages-bubble-1:before {
    content: "\e9a4"
}

.bocc-icon-chat-messages-bubble-3:before {
    content: "\e9a5"
}

.bocc-icon-messages-chat-info:before {
    content: "\e9a6"
}

.bocc-icon-messages-chat-11:before {
    content: "\e9a7"
}

.bocc-icon-messages-chat-2:before {
    content: "\e9a8"
}

.bocc-icon-messages-chat-3:before {
    content: "\e9a9"
}

.bocc-icon-messages-chat-5:before {
    content: "\e9aa"
}

.bocc-icon-calendar-court-legal-law:before {
    content: "\e9ab"
}

.bocc-icon-certificate-medal:before {
    content: "\e9ac"
}

.bocc-icon-contract-document-pen:before {
    content: "\e9ad"
}

.bocc-icon-document-legal-law-hammer:before {
    content: "\e9ae"
}

.bocc-icon-document-legal-users:before {
    content: "\e9af"
}

.bocc-icon-hammer-legal:before {
    content: "\e9b0"
}

.bocc-icon-legal-scale:before {
    content: "\e9b1"
}

.bocc-icon-d-box:before {
    content: "\e9ba"
}

.bocc-icon-heart:before {
    content: "\e9bb"
}

.bocc-icon-layer-1:before {
    content: "\e9bc"
}

.bocc-icon-layers-2:before {
    content: "\e9bd"
}

.bocc-icon-shapes:before {
    content: "\e9be"
}

.bocc-icon-square-2:before {
    content: "\e9bf"
}

.bocc-icon-triangle:before {
    content: "\e9c0"
}

.bocc-icon-aval-products:before {
    content: "\e9c1"
}

.bocc-icon-folder-checkmark-1:before {
    content: "\e9c2"
}

.bocc-icon-folder-group-1:before {
    content: "\e9c3"
}

.bocc-icon-folder-group-arrow:before {
    content: "\e9c4"
}

.bocc-icon-folder-group-3:before {
    content: "\e9c5"
}

.bocc-icon-folder-group-plus-add:before {
    content: "\e9c6"
}

.bocc-icon-folder-list:before {
    content: "\e9c7"
}

.bocc-icon-folders:before {
    content: "\e9c8"
}

.bocc-icon-cSV-file:before {
    content: "\e9c9"
}

.bocc-icon-documents-file-access:before {
    content: "\e9ca"
}

.bocc-icon-documents-file-chart:before {
    content: "\e9cb"
}

.bocc-icon-documents-file-checkmark:before {
    content: "\e9cc"
}

.bocc-icon-documents-file-sync-2:before {
    content: "\e9cd"
}

.bocc-icon-documents-file-warning-error-2:before {
    content: "\e9ce"
}

.bocc-icon-documents-file-warning-error-1:before {
    content: "\e9cf"
}

.bocc-icon-documents-file-arrow-2:before {
    content: "\e9d0"
}

.bocc-icon-documents-file-arrow-3:before {
    content: "\e9d1"
}

.bocc-icon-documents-file-certificate:before {
    content: "\e9d2"
}

.bocc-icon-documents-file-check-mark-2:before {
    content: "\e9d3"
}

.bocc-icon-documents-file-check-mark:before {
    content: "\e9d4"
}

.bocc-icon-documents-file-search:before {
    content: "\e9d5"
}

.bocc-icon-documents-file-tag:before {
    content: "\e9d6"
}

.bocc-icon-documents-file-text:before {
    content: "\e9d7"
}

.bocc-icon-documents-file-copy:before {
    content: "\e9d8"
}

.bocc-icon-pDF-file:before {
    content: "\e9d9"
}

.bocc-icon-XLS-file:before {
    content: "\e9da"
}

.bocc-icon-calculator:before {
    content: "\e9ed"
}

.bocc-icon-computer-laptop:before {
    content: "\e9ee"
}

.bocc-icon-desktop-computer-pc:before {
    content: "\e9ef"
}

.bocc-icon-flash-card-usb:before {
    content: "\e9f0"
}

.bocc-icon-headphones:before {
    content: "\e9f1"
}

.bocc-icon-iphone-mobile-phone:before {
    content: "\e9f2"
}

.bocc-icon-iphone:before {
    content: "\e9f3"
}

.bocc-icon-mouse:before {
    content: "\e9f4"
}

.bocc-icon-printer:before {
    content: "\e9f5"
}

.bocc-icon-sim-card:before {
    content: "\e9f6"
}

.bocc-icon-watch:before {
    content: "\e9f7"
}

.bocc-icon-webcam:before {
    content: "\e9f8"
}

.bocc-icon-boat-ship:before {
    content: "\e9f9"
}

.bocc-icon-bus:before {
    content: "\e9fa"
}

.bocc-icon-car-2:before {
    content: "\e9fb"
}

.bocc-icon-car-checkmark-1:before {
    content: "\e9fc"
}

.bocc-icon-car-protection-security:before {
    content: "\e9fd"
}

.bocc-icon-car:before {
    content: "\e9fe"
}

.bocc-icon-parking-car-garage-house:before {
    content: "\e9ff"
}

.bocc-icon-taxi-public-service:before {
    content: "\ea00"
}

.bocc-icon-wheel-2:before {
    content: "\ea01"
}

.bocc-icon-documet-chart-list:before {
    content: "\eb61"
}

.bocc-icon-24-hours:before {
    content: "\ea02"
}

.bocc-icon-blackboard-business-chart-1:before {
    content: "\ea03"
}

.bocc-icon-business-chart-2:before {
    content: "\ea04"
}

.bocc-icon-business-chart-3:before {
    content: "\ea05"
}

.bocc-icon-business-chart-4:before {
    content: "\ea06"
}

.bocc-icon-business-chart-5:before {
    content: "\ea07"
}

.bocc-icon-business-chart-metrics-laptop:before {
    content: "\ea08"
}

.bocc-icon-business-chart-research:before {
    content: "\ea09"
}

.bocc-icon-business-external-payment:before {
    content: "\ea0a"
}

.bocc-icon-chart-loap:before {
    content: "\ea0b"
}

.bocc-icon-contract-document-seal:before {
    content: "\ea0c"
}

.bocc-icon-imac-dollar-money:before {
    content: "\ea0d"
}

.bocc-icon-suitcase-portfolio:before {
    content: "\ea1f"
}

.bocc-icon-target-goal:before {
    content: "\ea20"
}

.bocc-icon-thumbs-up-documet-contract:before {
    content: "\ea21"
}

@font-face {
    font-family: Poppins;
    src: url(Poppins-Light.e9b88d1590baa248f3e2.woff2) format("woff2");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Poppins;
    src: url(Poppins-Regular.7af2f3475b00a28bde71.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Poppins;
    src: url(Poppins-Medium.7666a4c81a6c292573a1.woff2) format("woff2");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Poppins;
    src: url(Poppins-SemiBold.a54570378030882f6112.woff2) format("woff2");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Poppins;
    src: url(Poppins-Bold.a697dfc3aed450372919.woff2) format("woff2");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Poppins;
    src: url(Poppins-Black.8bf8adc3fcaddc40394c.woff2) format("woff2");
    font-weight: 800;
    font-style: normal
}

html {
    --bocc-font-family: "Poppins"
}

.bo-row {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 16px;
    gap: 16px
}

.bo-col {
    grid-column: span 12
}

.bo-col-auto {
    grid-column: auto
}

.bo-container-fluid {
    width: 100%;
    padding: 0 16px
}

.bo-container {
    width: 100%;
    margin: auto
}

@media (min-width: 320px) {
    .bo-container {
        max-width: 296px;
        margin: 12px
    }

    .bo-container .bo-row {
        gap: 8px
    }
}

@media (min-width: 360px) {
    .bo-container {
        max-width: 328px;
        margin: 16px
    }

    .bo-container .bo-row {
        gap: 8px
    }
}

@media (min-width: 375px) {
    .bo-container {
        max-width: 343px;
        margin: 16px
    }

    .bo-container .bo-row {
        gap: 8px
    }
}

@media (min-width: 744px) {
    .bo-container {
        max-width: 696px;
        margin: 24px
    }

    .bo-container .bo-row {
        gap: 16px
    }
}

@media (min-width: 834px) {
    .bo-container {
        max-width: 754px;
        margin: 40px
    }

    .bo-container .bo-row {
        gap: 16px
    }
}

@media (min-width: 993px) {
    .bo-container {
        max-width: 704px;
        margin: 24px
    }

    .bo-container .bo-row {
        gap: 16px
    }
}

@media (min-width: 1280px) {
    .bo-container {
        max-width: 959px;
        margin: 40px
    }

    .bo-container .bo-row {
        gap: 16px
    }
}

@media (min-width: 1440px) {
    .bo-container {
        max-width: 1118px;
        margin: 40px
    }

    .bo-container .bo-row {
        gap: 16px
    }
}

.bo-col-1 {
    grid-column: span 1
}

.bo-col-2 {
    grid-column: span 2
}

.bo-col-3 {
    grid-column: span 3
}

.bo-col-4 {
    grid-column: span 4
}

.bo-col-5 {
    grid-column: span 5
}

.bo-col-6 {
    grid-column: span 6
}

.bo-col-7 {
    grid-column: span 7
}

.bo-col-8 {
    grid-column: span 8
}

.bo-col-9 {
    grid-column: span 9
}

.bo-col-10 {
    grid-column: span 10
}

.bo-col-11 {
    grid-column: span 11
}

.bo-col-12 {
    grid-column: span 12
}

@media (min-width: 320px) and (max-width: 359px) {
    .bo-col-xs-1 {
        grid-column: span 1
    }

    .bo-col-xs-2 {
        grid-column: span 2
    }

    .bo-col-xs-3 {
        grid-column: span 3
    }

    .bo-col-xs-4 {
        grid-column: span 4
    }

    .bo-col-xs-5 {
        grid-column: span 5
    }

    .bo-col-xs-6 {
        grid-column: span 6
    }

    .bo-col-xs-7 {
        grid-column: span 7
    }

    .bo-col-xs-8 {
        grid-column: span 8
    }

    .bo-col-xs-9 {
        grid-column: span 9
    }

    .bo-col-xs-10 {
        grid-column: span 10
    }

    .bo-col-xs-11 {
        grid-column: span 11
    }

    .bo-col-xs-12 {
        grid-column: span 12
    }
}

@media (min-width: 360px) and (max-width: 374px) {
    .bo-col-android-1 {
        grid-column: span 1
    }

    .bo-col-android-2 {
        grid-column: span 2
    }

    .bo-col-android-3 {
        grid-column: span 3
    }

    .bo-col-android-4 {
        grid-column: span 4
    }

    .bo-col-android-5 {
        grid-column: span 5
    }

    .bo-col-android-6 {
        grid-column: span 6
    }

    .bo-col-android-7 {
        grid-column: span 7
    }

    .bo-col-android-8 {
        grid-column: span 8
    }

    .bo-col-android-9 {
        grid-column: span 9
    }

    .bo-col-android-10 {
        grid-column: span 10
    }

    .bo-col-android-11 {
        grid-column: span 11
    }

    .bo-col-android-12 {
        grid-column: span 12
    }
}

@media (min-width: 375px) and (max-width: 575px) {
    .bo-col-iphone-1 {
        grid-column: span 1
    }

    .bo-col-iphone-2 {
        grid-column: span 2
    }

    .bo-col-iphone-3 {
        grid-column: span 3
    }

    .bo-col-iphone-4 {
        grid-column: span 4
    }

    .bo-col-iphone-5 {
        grid-column: span 5
    }

    .bo-col-iphone-6 {
        grid-column: span 6
    }

    .bo-col-iphone-7 {
        grid-column: span 7
    }

    .bo-col-iphone-8 {
        grid-column: span 8
    }

    .bo-col-iphone-9 {
        grid-column: span 9
    }

    .bo-col-iphone-10 {
        grid-column: span 10
    }

    .bo-col-iphone-11 {
        grid-column: span 11
    }

    .bo-col-iphone-12 {
        grid-column: span 12
    }
}

@media (min-width: 576px) and (max-width: 744px) {
    .bo-col-sm-1 {
        grid-column: span 1
    }

    .bo-col-sm-2 {
        grid-column: span 2
    }

    .bo-col-sm-3 {
        grid-column: span 3
    }

    .bo-col-sm-4 {
        grid-column: span 4
    }

    .bo-col-sm-5 {
        grid-column: span 5
    }

    .bo-col-sm-6 {
        grid-column: span 6
    }

    .bo-col-sm-7 {
        grid-column: span 7
    }

    .bo-col-sm-8 {
        grid-column: span 8
    }

    .bo-col-sm-9 {
        grid-column: span 9
    }

    .bo-col-sm-10 {
        grid-column: span 10
    }

    .bo-col-sm-11 {
        grid-column: span 11
    }

    .bo-col-sm-12 {
        grid-column: span 12
    }
}

@media (min-width: 745px) and (max-width: 834px) {
    .bo-col-md-1 {
        grid-column: span 1
    }

    .bo-col-md-2 {
        grid-column: span 2
    }

    .bo-col-md-3 {
        grid-column: span 3
    }

    .bo-col-md-4 {
        grid-column: span 4
    }

    .bo-col-md-5 {
        grid-column: span 5
    }

    .bo-col-md-6 {
        grid-column: span 6
    }

    .bo-col-md-7 {
        grid-column: span 7
    }

    .bo-col-md-8 {
        grid-column: span 8
    }

    .bo-col-md-9 {
        grid-column: span 9
    }

    .bo-col-md-10 {
        grid-column: span 10
    }

    .bo-col-md-11 {
        grid-column: span 11
    }

    .bo-col-md-12 {
        grid-column: span 12
    }
}

@media (min-width: 835px) and (max-width: 1279px) {
    .bo-col-lg-1 {
        grid-column: span 1
    }

    .bo-col-lg-2 {
        grid-column: span 2
    }

    .bo-col-lg-3 {
        grid-column: span 3
    }

    .bo-col-lg-4 {
        grid-column: span 4
    }

    .bo-col-lg-5 {
        grid-column: span 5
    }

    .bo-col-lg-6 {
        grid-column: span 6
    }

    .bo-col-lg-7 {
        grid-column: span 7
    }

    .bo-col-lg-8 {
        grid-column: span 8
    }

    .bo-col-lg-9 {
        grid-column: span 9
    }

    .bo-col-lg-10 {
        grid-column: span 10
    }

    .bo-col-lg-11 {
        grid-column: span 11
    }

    .bo-col-lg-12 {
        grid-column: span 12
    }
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .bo-col-xl-1 {
        grid-column: span 1
    }

    .bo-col-xl-2 {
        grid-column: span 2
    }

    .bo-col-xl-3 {
        grid-column: span 3
    }

    .bo-col-xl-4 {
        grid-column: span 4
    }

    .bo-col-xl-5 {
        grid-column: span 5
    }

    .bo-col-xl-6 {
        grid-column: span 6
    }

    .bo-col-xl-7 {
        grid-column: span 7
    }

    .bo-col-xl-8 {
        grid-column: span 8
    }

    .bo-col-xl-9 {
        grid-column: span 9
    }

    .bo-col-xl-10 {
        grid-column: span 10
    }

    .bo-col-xl-11 {
        grid-column: span 11
    }

    .bo-col-xl-12 {
        grid-column: span 12
    }
}

@media (min-width: 1440px) and (max-width: 1920px) {
    .bo-col-xxl-1 {
        grid-column: span 1
    }

    .bo-col-xxl-2 {
        grid-column: span 2
    }

    .bo-col-xxl-3 {
        grid-column: span 3
    }

    .bo-col-xxl-4 {
        grid-column: span 4
    }

    .bo-col-xxl-5 {
        grid-column: span 5
    }

    .bo-col-xxl-6 {
        grid-column: span 6
    }

    .bo-col-xxl-7 {
        grid-column: span 7
    }

    .bo-col-xxl-8 {
        grid-column: span 8
    }

    .bo-col-xxl-9 {
        grid-column: span 9
    }

    .bo-col-xxl-10 {
        grid-column: span 10
    }

    .bo-col-xxl-11 {
        grid-column: span 11
    }

    .bo-col-xxl-12 {
        grid-column: span 12
    }
}

@media (min-width: 320px) and (max-width: 359px) {
    .bo-offset-xs-1 {
        grid-column-start: 1
    }
}

@media (min-width: 320px) and (max-width: 359px) {
    .bo-offset-xs-2 {
        grid-column-start: 2
    }
}

@media (min-width: 320px) and (max-width: 359px) {
    .bo-offset-xs-3 {
        grid-column-start: 3
    }
}

@media (min-width: 320px) and (max-width: 359px) {
    .bo-offset-xs-4 {
        grid-column-start: 4
    }
}

@media (min-width: 320px) and (max-width: 359px) {
    .bo-offset-xs-5 {
        grid-column-start: 5
    }
}

@media (min-width: 320px) and (max-width: 359px) {
    .bo-offset-xs-6 {
        grid-column-start: 6
    }
}

@media (min-width: 320px) and (max-width: 359px) {
    .bo-offset-xs-7 {
        grid-column-start: 7
    }
}

@media (min-width: 320px) and (max-width: 359px) {
    .bo-offset-xs-8 {
        grid-column-start: 8
    }
}

@media (min-width: 320px) and (max-width: 359px) {
    .bo-offset-xs-9 {
        grid-column-start: 9
    }
}

@media (min-width: 320px) and (max-width: 359px) {
    .bo-offset-xs-10 {
        grid-column-start: 10
    }
}

@media (min-width: 320px) and (max-width: 359px) {
    .bo-offset-xs-11 {
        grid-column-start: 11
    }
}

@media (min-width: 360px) and (max-width: 374px) {
    .bo-offset-android-1 {
        grid-column-start: 1
    }
}

@media (min-width: 360px) and (max-width: 374px) {
    .bo-offset-android-2 {
        grid-column-start: 2
    }
}

@media (min-width: 360px) and (max-width: 374px) {
    .bo-offset-android-3 {
        grid-column-start: 3
    }
}

@media (min-width: 360px) and (max-width: 374px) {
    .bo-offset-android-4 {
        grid-column-start: 4
    }
}

@media (min-width: 360px) and (max-width: 374px) {
    .bo-offset-android-5 {
        grid-column-start: 5
    }
}

@media (min-width: 360px) and (max-width: 374px) {
    .bo-offset-android-6 {
        grid-column-start: 6
    }
}

@media (min-width: 360px) and (max-width: 374px) {
    .bo-offset-android-7 {
        grid-column-start: 7
    }
}

@media (min-width: 360px) and (max-width: 374px) {
    .bo-offset-android-8 {
        grid-column-start: 8
    }
}

@media (min-width: 360px) and (max-width: 374px) {
    .bo-offset-android-9 {
        grid-column-start: 9
    }
}

@media (min-width: 360px) and (max-width: 374px) {
    .bo-offset-android-10 {
        grid-column-start: 10
    }
}

@media (min-width: 360px) and (max-width: 374px) {
    .bo-offset-android-11 {
        grid-column-start: 11
    }
}

@media (min-width: 375px) and (max-width: 575px) {
    .bo-offset-iphone-1 {
        grid-column-start: 1
    }
}

@media (min-width: 375px) and (max-width: 575px) {
    .bo-offset-iphone-2 {
        grid-column-start: 2
    }
}

@media (min-width: 375px) and (max-width: 575px) {
    .bo-offset-iphone-3 {
        grid-column-start: 3
    }
}

@media (min-width: 375px) and (max-width: 575px) {
    .bo-offset-iphone-4 {
        grid-column-start: 4
    }
}

@media (min-width: 375px) and (max-width: 575px) {
    .bo-offset-iphone-5 {
        grid-column-start: 5
    }
}

@media (min-width: 375px) and (max-width: 575px) {
    .bo-offset-iphone-6 {
        grid-column-start: 6
    }
}

@media (min-width: 375px) and (max-width: 575px) {
    .bo-offset-iphone-7 {
        grid-column-start: 7
    }
}

@media (min-width: 375px) and (max-width: 575px) {
    .bo-offset-iphone-8 {
        grid-column-start: 8
    }
}

@media (min-width: 375px) and (max-width: 575px) {
    .bo-offset-iphone-9 {
        grid-column-start: 9
    }
}

@media (min-width: 375px) and (max-width: 575px) {
    .bo-offset-iphone-10 {
        grid-column-start: 10
    }
}

@media (min-width: 375px) and (max-width: 575px) {
    .bo-offset-iphone-11 {
        grid-column-start: 11
    }
}

@media (min-width: 576px) and (max-width: 744px) {
    .bo-offset-sm-1 {
        grid-column-start: 1
    }
}

@media (min-width: 576px) and (max-width: 744px) {
    .bo-offset-sm-2 {
        grid-column-start: 2
    }
}

@media (min-width: 576px) and (max-width: 744px) {
    .bo-offset-sm-3 {
        grid-column-start: 3
    }
}

@media (min-width: 576px) and (max-width: 744px) {
    .bo-offset-sm-4 {
        grid-column-start: 4
    }
}

@media (min-width: 576px) and (max-width: 744px) {
    .bo-offset-sm-5 {
        grid-column-start: 5
    }
}

@media (min-width: 576px) and (max-width: 744px) {
    .bo-offset-sm-6 {
        grid-column-start: 6
    }
}

@media (min-width: 576px) and (max-width: 744px) {
    .bo-offset-sm-7 {
        grid-column-start: 7
    }
}

@media (min-width: 576px) and (max-width: 744px) {
    .bo-offset-sm-8 {
        grid-column-start: 8
    }
}

@media (min-width: 576px) and (max-width: 744px) {
    .bo-offset-sm-9 {
        grid-column-start: 9
    }
}

@media (min-width: 576px) and (max-width: 744px) {
    .bo-offset-sm-10 {
        grid-column-start: 10
    }
}

@media (min-width: 576px) and (max-width: 744px) {
    .bo-offset-sm-11 {
        grid-column-start: 11
    }
}

@media (min-width: 745px) and (max-width: 834px) {
    .bo-offset-md-1 {
        grid-column-start: 1
    }
}

@media (min-width: 745px) and (max-width: 834px) {
    .bo-offset-md-2 {
        grid-column-start: 2
    }
}

@media (min-width: 745px) and (max-width: 834px) {
    .bo-offset-md-3 {
        grid-column-start: 3
    }
}

@media (min-width: 745px) and (max-width: 834px) {
    .bo-offset-md-4 {
        grid-column-start: 4
    }
}

@media (min-width: 745px) and (max-width: 834px) {
    .bo-offset-md-5 {
        grid-column-start: 5
    }
}

@media (min-width: 745px) and (max-width: 834px) {
    .bo-offset-md-6 {
        grid-column-start: 6
    }
}

@media (min-width: 745px) and (max-width: 834px) {
    .bo-offset-md-7 {
        grid-column-start: 7
    }
}

@media (min-width: 745px) and (max-width: 834px) {
    .bo-offset-md-8 {
        grid-column-start: 8
    }
}

@media (min-width: 745px) and (max-width: 834px) {
    .bo-offset-md-9 {
        grid-column-start: 9
    }
}

@media (min-width: 745px) and (max-width: 834px) {
    .bo-offset-md-10 {
        grid-column-start: 10
    }
}

@media (min-width: 745px) and (max-width: 834px) {
    .bo-offset-md-11 {
        grid-column-start: 11
    }
}

@media (min-width: 835px) and (max-width: 1279px) {
    .bo-offset-lg-1 {
        grid-column-start: 1
    }
}

@media (min-width: 835px) and (max-width: 1279px) {
    .bo-offset-lg-2 {
        grid-column-start: 2
    }
}

@media (min-width: 835px) and (max-width: 1279px) {
    .bo-offset-lg-3 {
        grid-column-start: 3
    }
}

@media (min-width: 835px) and (max-width: 1279px) {
    .bo-offset-lg-4 {
        grid-column-start: 4
    }
}

@media (min-width: 835px) and (max-width: 1279px) {
    .bo-offset-lg-5 {
        grid-column-start: 5
    }
}

@media (min-width: 835px) and (max-width: 1279px) {
    .bo-offset-lg-6 {
        grid-column-start: 6
    }
}

@media (min-width: 835px) and (max-width: 1279px) {
    .bo-offset-lg-7 {
        grid-column-start: 7
    }
}

@media (min-width: 835px) and (max-width: 1279px) {
    .bo-offset-lg-8 {
        grid-column-start: 8
    }
}

@media (min-width: 835px) and (max-width: 1279px) {
    .bo-offset-lg-9 {
        grid-column-start: 9
    }
}

@media (min-width: 835px) and (max-width: 1279px) {
    .bo-offset-lg-10 {
        grid-column-start: 10
    }
}

@media (min-width: 835px) and (max-width: 1279px) {
    .bo-offset-lg-11 {
        grid-column-start: 11
    }
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .bo-offset-xl-1 {
        grid-column-start: 1
    }
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .bo-offset-xl-2 {
        grid-column-start: 2
    }
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .bo-offset-xl-3 {
        grid-column-start: 3
    }
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .bo-offset-xl-4 {
        grid-column-start: 4
    }
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .bo-offset-xl-5 {
        grid-column-start: 5
    }
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .bo-offset-xl-6 {
        grid-column-start: 6
    }
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .bo-offset-xl-7 {
        grid-column-start: 7
    }
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .bo-offset-xl-8 {
        grid-column-start: 8
    }
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .bo-offset-xl-9 {
        grid-column-start: 9
    }
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .bo-offset-xl-10 {
        grid-column-start: 10
    }
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .bo-offset-xl-11 {
        grid-column-start: 11
    }
}

@media (min-width: 1440px) and (max-width: 1920px) {
    .bo-offset-xxl-1 {
        grid-column-start: 1
    }
}

@media (min-width: 1440px) and (max-width: 1920px) {
    .bo-offset-xxl-2 {
        grid-column-start: 2
    }
}

@media (min-width: 1440px) and (max-width: 1920px) {
    .bo-offset-xxl-3 {
        grid-column-start: 3
    }
}

@media (min-width: 1440px) and (max-width: 1920px) {
    .bo-offset-xxl-4 {
        grid-column-start: 4
    }
}

@media (min-width: 1440px) and (max-width: 1920px) {
    .bo-offset-xxl-5 {
        grid-column-start: 5
    }
}

@media (min-width: 1440px) and (max-width: 1920px) {
    .bo-offset-xxl-6 {
        grid-column-start: 6
    }
}

@media (min-width: 1440px) and (max-width: 1920px) {
    .bo-offset-xxl-7 {
        grid-column-start: 7
    }
}

@media (min-width: 1440px) and (max-width: 1920px) {
    .bo-offset-xxl-8 {
        grid-column-start: 8
    }
}

@media (min-width: 1440px) and (max-width: 1920px) {
    .bo-offset-xxl-9 {
        grid-column-start: 9
    }
}

@media (min-width: 1440px) and (max-width: 1920px) {
    .bo-offset-xxl-10 {
        grid-column-start: 10
    }
}

@media (min-width: 1440px) and (max-width: 1920px) {
    .bo-offset-xxl-11 {
        grid-column-start: 11
    }
}

@media (min-width: 320px) and (max-width: 359px) {
    .bo-col-xs-auto {
        grid-column: auto
    }
}

@media (min-width: 360px) and (max-width: 374px) {
    .bo-col-android-auto {
        grid-column: auto
    }
}

@media (min-width: 375px) and (max-width: 575px) {
    .bo-col-iphone-auto {
        grid-column: auto
    }
}

@media (min-width: 576px) and (max-width: 744px) {
    .bo-col-sm-auto {
        grid-column: auto
    }
}

@media (min-width: 745px) and (max-width: 834px) {
    .bo-col-md-auto {
        grid-column: auto
    }
}

@media (min-width: 835px) and (max-width: 1279px) {
    .bo-col-lg-auto {
        grid-column: auto
    }
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .bo-col-xl-auto {
        grid-column: auto
    }
}

@media (min-width: 1440px) and (max-width: 1920px) {
    .bo-col-xxl-auto {
        grid-column: auto
    }
}

.bo-row-1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 16px;
    gap: 16px
}

.bo-row-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 16px;
    gap: 16px
}

.bo-row-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 16px;
    gap: 16px
}

.bo-row-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 16px;
    gap: 16px
}

.bo-row-5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 16px;
    gap: 16px
}

.bo-row-6 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 16px;
    gap: 16px
}

.bo-row-7 {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-gap: 16px;
    gap: 16px
}

.bo-row-8 {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-gap: 16px;
    gap: 16px
}

.bo-row-9 {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-gap: 16px;
    gap: 16px
}

.bo-row-10 {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-gap: 16px;
    gap: 16px
}

.bo-row-11 {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
    grid-gap: 16px;
    gap: 16px
}

.bo-row-12 {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 16px;
    gap: 16px
}

.bo-row-span-1 {
    grid-row: span 1
}

.bo-row-span-2 {
    grid-row: span 2
}

.bo-row-span-3 {
    grid-row: span 3
}

.bo-row-span-4 {
    grid-row: span 4
}

.bo-row-span-5 {
    grid-row: span 5
}

.bo-row-span-6 {
    grid-row: span 6
}

.bo-row-span-7 {
    grid-row: span 7
}

.bo-row-span-8 {
    grid-row: span 8
}

.bo-row-span-9 {
    grid-row: span 9
}

.bo-row-span-10 {
    grid-row: span 10
}

.bo-row-span-11 {
    grid-row: span 11
}

.bo-row-span-12 {
    grid-row: span 12
}

.bo-gap-2 {
    gap: 2px
}

.bo-gap-4 {
    gap: 4px
}

.bo-gap-6 {
    gap: 6px
}

.bo-gap-8 {
    gap: 8px
}

.bo-gap-12 {
    gap: 12px
}

.bo-gap-16 {
    gap: 16px
}

.bo-gap-24 {
    gap: 24px
}

.bo-gap-32 {
    gap: 32px
}

:root {
    --font-size-html: 16px;
    --font-weight-thin: 100;
    --font-weight-extralight: 200;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --heading1-size: 32px;
    --heading1-letter-spacing: 0em;
    --heading1-line-height: 48px;
    --heading2-size: 28px;
    --heading2-letter-spacing: .02em;
    --heading2-line-height: 40px;
    --heading3-size: 24px;
    --heading3-letter-spacing: .05em;
    --heading3-line-height: 32px;
    --heading4-size: 22px;
    --heading4-letter-spacing: .05em;
    --heading4-line-height: 24px;
    --heading5-size: 20px;
    --heading5-letter-spacing: .05em;
    --heading5-line-height: 24px;
    --subtitle1-size: 18px;
    --subtitle1-letter-spacing: .03em;
    --subtitle1-line-height: 24px;
    --subtitle2-size: 16px;
    --subtitle2-letter-spacing: .03em;
    --subtitle2-line-height: 24px;
    --body1-size: .95rem;
    --body1-letter-spacing: .03em;
    --body1-line-height: 24px;
    --body2-size: 14px;
    --body2-letter-spacing: .05em;
    --body2-line-height: 20px;
    --smalltext-size: 12px;
    --smalltext-letter-spacing: .07em;
    --smalltext-line-height: 20px;
    --caption-size: 11px;
    --caption-letter-spacing: .07em;
    --caption-line-height: 16px;
    --overline-size: .65rem;
    --overline-letter-spacing: .1em;
    --overline-line-height: 16px
}

.h1-default,
.h1-regular,
.h1-medium,
.h1-semibold,
.h1-bold {
    font-size: 32px;
    font-size: var(--heading1-size);
    letter-spacing: 0em;
    letter-spacing: var(--heading1-letter-spacing);
    min-height: 48px;
    min-height: var(--heading1-line-height);
    line-height: 48px;
    line-height: var(--heading1-line-height)
}

.h2-default,
.h2-regular,
.h2-medium,
.h2-semibold,
.h2-bold {
    font-size: 28px;
    font-size: var(--heading2-size);
    letter-spacing: .02em;
    letter-spacing: var(--heading2-letter-spacing);
    min-height: 40px;
    min-height: var(--heading2-line-height);
    line-height: 40px;
    line-height: var(--heading2-line-height)
}

.h3-default,
.h3-regular,
.h3-medium,
.h3-semibold,
.h3-bold {
    font-size: 24px;
    font-size: var(--heading3-size);
    letter-spacing: .05em;
    letter-spacing: var(--heading3-letter-spacing);
    min-height: 32px;
    min-height: var(--heading3-line-height);
    line-height: 32px;
    line-height: var(--heading3-line-height)
}

.h4-default,
.h4-regular,
.h4-medium,
.h4-semibold,
.h4-bold {
    font-size: 22px;
    font-size: var(--heading4-size);
    letter-spacing: .05em;
    letter-spacing: var(--heading4-letter-spacing);
    min-height: 24px;
    min-height: var(--heading4-line-height);
    line-height: 24px;
    line-height: var(--heading4-line-height)
}

.h5-default,
.h5-regular,
.h5-medium,
.h5-semibold,
.h5-bold {
    font-size: 20px;
    font-size: var(--heading5-size);
    letter-spacing: .05em;
    letter-spacing: var(--heading5-letter-spacing);
    min-height: 24px;
    min-height: var(--heading5-line-height);
    line-height: 24px;
    line-height: var(--heading5-line-height)
}

.subtitle1-default,
.subtitle1-regular,
.subtitle1-medium,
.subtitle1-semibold,
.subtitle1-bold {
    font-size: 18px;
    font-size: var(--subtitle1-size);
    letter-spacing: .03em;
    letter-spacing: var(--subtitle1-letter-spacing);
    min-height: 24px;
    min-height: var(--subtitle1-line-height);
    line-height: 24px;
    line-height: var(--subtitle1-line-height)
}

.subtitle2-default,
.subtitle2-regular,
.subtitle2-medium,
.subtitle2-semibold,
.subtitle2-bold {
    font-size: 16px;
    font-size: var(--subtitle2-size);
    letter-spacing: .03em;
    letter-spacing: var(--subtitle2-letter-spacing);
    min-height: 24px;
    min-height: var(--subtitle2-line-height);
    line-height: 24px;
    line-height: var(--subtitle2-line-height)
}

.body1-default,
.body1-regular,
.body1-medium,
.body1-semibold,
.body1-bold {
    font-size: .95rem;
    font-size: var(--body1-size);
    letter-spacing: .03em;
    letter-spacing: var(--body1-letter-spacing);
    min-height: 24px;
    min-height: var(--body1-line-height);
    line-height: 24px;
    line-height: var(--body1-line-height)
}

.body2-default,
.body2-regular,
.body2-medium,
.body2-semibold,
.body2-bold {
    font-size: 14px;
    font-size: var(--body2-size);
    letter-spacing: .05em;
    letter-spacing: var(--body2-letter-spacing);
    min-height: 20px;
    min-height: var(--body2-line-height);
    line-height: 20px;
    line-height: var(--body2-line-height)
}

.smalltext-default,
.smalltext-regular,
.smalltext-medium,
.smalltext-semibold,
.smalltext-bold {
    font-size: 12px;
    font-size: var(--smalltext-size);
    letter-spacing: .07em;
    letter-spacing: var(--smalltext-letter-spacing);
    min-height: 20px;
    min-height: var(--smalltext-line-height);
    line-height: 20px;
    line-height: var(--smalltext-line-height)
}

.caption-default,
.caption-regular,
.caption-medium,
.caption-semibold,
.caption-bold {
    font-size: 11px;
    font-size: var(--caption-size);
    letter-spacing: .07em;
    letter-spacing: var(--caption-letter-spacing);
    min-height: 16px;
    min-height: var(--caption-line-height);
    line-height: 16px;
    line-height: var(--caption-line-height)
}

.overline-default,
.overline-regular,
.overline-medium,
.overline-semibold,
.overline-bold {
    font-size: .65rem;
    font-size: var(--overline-size);
    letter-spacing: .1em;
    letter-spacing: var(--overline-letter-spacing);
    min-height: 16px;
    min-height: var(--overline-line-height);
    line-height: 16px;
    line-height: var(--overline-line-height)
}

.h1-regular {
    font-weight: 400;
    font-weight: var(--font-weight-regular)
}

.h1-medium {
    font-weight: 500;
    font-weight: var(--font-weight-medium)
}

.h1-semibold {
    font-weight: 600;
    font-weight: var(--font-weight-semibold)
}

.h1-bold {
    font-weight: 700;
    font-weight: var(--font-weight-bold)
}

.h2-regular {
    font-weight: 400;
    font-weight: var(--font-weight-regular)
}

.h2-medium {
    font-weight: 500;
    font-weight: var(--font-weight-medium)
}

.h2-semibold {
    font-weight: 600;
    font-weight: var(--font-weight-semibold)
}

.h2-bold {
    font-weight: 700;
    font-weight: var(--font-weight-bold)
}

.h3-regular {
    font-weight: 400;
    font-weight: var(--font-weight-regular)
}

.h3-medium {
    font-weight: 500;
    font-weight: var(--font-weight-medium)
}

.h3-semibold {
    font-weight: 600;
    font-weight: var(--font-weight-semibold)
}

.h3-bold {
    font-weight: 700;
    font-weight: var(--font-weight-bold)
}

.h4-regular {
    font-weight: 400;
    font-weight: var(--font-weight-regular)
}

.h4-medium {
    font-weight: 500;
    font-weight: var(--font-weight-medium)
}

.h4-semibold {
    font-weight: 600;
    font-weight: var(--font-weight-semibold)
}

.h4-bold {
    font-weight: 700;
    font-weight: var(--font-weight-bold)
}

.h5-regular {
    font-weight: 400;
    font-weight: var(--font-weight-regular)
}

.h5-medium {
    font-weight: 500;
    font-weight: var(--font-weight-medium)
}

.h5-semibold {
    font-weight: 600;
    font-weight: var(--font-weight-semibold)
}

.h5-bold {
    font-weight: 700;
    font-weight: var(--font-weight-bold)
}

.subtitle1-regular {
    font-weight: 400;
    font-weight: var(--font-weight-regular)
}

.subtitle1-medium {
    font-weight: 500;
    font-weight: var(--font-weight-medium)
}

.subtitle1-semibold {
    font-weight: 600;
    font-weight: var(--font-weight-semibold)
}

.subtitle1-bold {
    font-weight: 700;
    font-weight: var(--font-weight-bold)
}

.subtitle2-regular {
    font-weight: 400;
    font-weight: var(--font-weight-regular)
}

.subtitle2-medium {
    font-weight: 500;
    font-weight: var(--font-weight-medium)
}

.subtitle2-semibold {
    font-weight: 600;
    font-weight: var(--font-weight-semibold)
}

.subtitle2-bold {
    font-weight: 700;
    font-weight: var(--font-weight-bold)
}

.body1-regular {
    font-weight: 400;
    font-weight: var(--font-weight-regular)
}

.body1-medium {
    font-weight: 500;
    font-weight: var(--font-weight-medium)
}

.body1-semibold {
    font-weight: 600;
    font-weight: var(--font-weight-semibold)
}

.body1-bold {
    font-weight: 700;
    font-weight: var(--font-weight-bold)
}

.body2-regular {
    font-weight: 400;
    font-weight: var(--font-weight-regular)
}

.body2-medium {
    font-weight: 500;
    font-weight: var(--font-weight-medium)
}

.body2-semibold {
    font-weight: 600;
    font-weight: var(--font-weight-semibold)
}

.body2-bold {
    font-weight: 700;
    font-weight: var(--font-weight-bold)
}

.smalltext-regular {
    font-weight: 400;
    font-weight: var(--font-weight-regular)
}

.smalltext-medium {
    font-weight: 500;
    font-weight: var(--font-weight-medium)
}

.smalltext-semibold {
    font-weight: 600;
    font-weight: var(--font-weight-semibold)
}

.smalltext-bold {
    font-weight: 700;
    font-weight: var(--font-weight-bold)
}

.caption-regular {
    font-weight: 400;
    font-weight: var(--font-weight-regular)
}

.caption-medium {
    font-weight: 500;
    font-weight: var(--font-weight-medium)
}

.caption-semibold {
    font-weight: 600;
    font-weight: var(--font-weight-semibold)
}

.caption-bold {
    font-weight: 700;
    font-weight: var(--font-weight-bold)
}

.overline-regular {
    font-weight: 400;
    font-weight: var(--font-weight-regular)
}

.overline-medium {
    font-weight: 500;
    font-weight: var(--font-weight-medium)
}

.overline-semibold {
    font-weight: 600;
    font-weight: var(--font-weight-semibold)
}

.overline-bold {
    font-weight: 700;
    font-weight: var(--font-weight-bold)
}

.bo-shadow-b-light-2 {
    box-shadow: 0 2px 2px #adbae666;
    box-shadow: var(--z-bottom-lighter-2)
}

.bo-shadow-b-light-4 {
    box-shadow: 0 4px 4px #adbae666;
    box-shadow: var(--z-bottom-lighter-4)
}

.bo-shadow-b-light-8 {
    box-shadow: 0 8px 8px #adbae666;
    box-shadow: var(--z-bottom-lighter-8)
}

.bo-shadow-b-light-16 {
    box-shadow: 0 16px 16px #adbae666;
    box-shadow: var(--z-bottom-lighter-16)
}

.bo-shadow-b-light-24 {
    box-shadow: 0 24px 24px #adbae666;
    box-shadow: var(--z-bottom-lighter-24)
}

.bo-shadow-b-light-32 {
    box-shadow: 0 32px 32px #adbae666;
    box-shadow: var(--z-bottom-lighter-32)
}

.bo-shadow-t-light-2 {
    box-shadow: 0 -2px 2px #adbae666;
    box-shadow: var(--z-top-lighter-2)
}

.bo-shadow-t-light-4 {
    box-shadow: 0 -4px 4px #adbae666;
    box-shadow: var(--z-top-lighter-4)
}

.bo-shadow-t-light-8 {
    box-shadow: 0 -8px 8px #adbae666;
    box-shadow: var(--z-top-lighter-8)
}

.bo-shadow-t-light-16 {
    box-shadow: 0 -16px 16px #adbae666;
    box-shadow: var(--z-top-lighter-16)
}

.bo-shadow-t-light-24 {
    box-shadow: 0 -24px 24px #adbae666;
    box-shadow: var(--z-top-lighter-24)
}

.bo-shadow-t-light-32 {
    box-shadow: 0 -32px 32px #adbae666;
    box-shadow: var(--z-top-lighter-32)
}

.bo-shadow-r-light-2 {
    box-shadow: 2px 0 2px #adbae666;
    box-shadow: var(--z-right-lighter-2)
}

.bo-shadow-r-light-4 {
    box-shadow: 4px 0 4px #adbae666;
    box-shadow: var(--z-right-lighter-4)
}

.bo-shadow-r-light-8 {
    box-shadow: 8px 0 8px #adbae666;
    box-shadow: var(--z-right-lighter-8)
}

.bo-shadow-r-light-16 {
    box-shadow: 16px 0 16px #adbae666;
    box-shadow: var(--z-right-lighter-16)
}

.bo-shadow-r-light-24 {
    box-shadow: 24px 0 24px #adbae666;
    box-shadow: var(--z-right-lighter-24)
}

.bo-shadow-r-light-32 {
    box-shadow: 32px 0 32px #adbae666;
    box-shadow: var(--z-right-lighter-32)
}

.bo-shadow-l-light-2 {
    box-shadow: -2px 0 2px #adbae666;
    box-shadow: var(--z-left-lighter-2)
}

.bo-shadow-l-light-4 {
    box-shadow: -4px 0 4px #adbae666;
    box-shadow: var(--z-left-lighter-4)
}

.bo-shadow-l-light-8 {
    box-shadow: -8px 0 8px #adbae666;
    box-shadow: var(--z-left-lighter-8)
}

.bo-shadow-l-light-16 {
    box-shadow: -16px 0 16px #adbae666;
    box-shadow: var(--z-left-lighter-16)
}

.bo-shadow-l-light-24 {
    box-shadow: -24px 0 24px #adbae666;
    box-shadow: var(--z-left-lighter-24)
}

.bo-shadow-l-light-32 {
    box-shadow: -32px 0 32px #adbae666;
    box-shadow: var(--z-left-lighter-32)
}

.bo-shadow-c-light-2 {
    box-shadow: 4px 4px 4px #adbae666;
    box-shadow: var(--z-center-lighter-2)
}

.bo-shadow-c-light-4 {
    box-shadow: 4px 4px 4px #adbae666;
    box-shadow: var(--z-center-lighter-4)
}

.bo-shadow-c-light-8 {
    box-shadow: 8px 8px 8px #adbae666;
    box-shadow: var(--z-center-lighter-8)
}

.bo-shadow-c-light-16 {
    box-shadow: 16px 16px 16px #adbae666;
    box-shadow: var(--z-center-lighter-16)
}

.bo-shadow-c-light-24 {
    box-shadow: 24px 24px 24px #adbae666;
    box-shadow: var(--z-center-lighter-24)
}

.bo-shadow-c-light-32 {
    box-shadow: 32px 32px 32px #adbae666;
    box-shadow: var(--z-center-lighter-32)
}

.bo-shadow-b-dark-2 {
    box-shadow: 0 2px 2px #00246f66;
    box-shadow: var(--z-bottom-darker-2)
}

.bo-shadow-b-dark-4 {
    box-shadow: 0 4px 4px #00246f66;
    box-shadow: var(--z-bottom-darker-4)
}

.bo-shadow-b-dark-8 {
    box-shadow: 0 8px 8px #00246f66;
    box-shadow: var(--z-bottom-darker-8)
}

.bo-shadow-b-dark-16 {
    box-shadow: 0 16px 16px #00246f66;
    box-shadow: var(--z-bottom-darker-16)
}

.bo-shadow-b-dark-24 {
    box-shadow: 0 24px 24px #00246f66;
    box-shadow: var(--z-bottom-darker-24)
}

.bo-shadow-b-dark-32 {
    box-shadow: 0 32px 32px #00246f66;
    box-shadow: var(--z-bottom-darker-32)
}

.bo-shadow-t-dark-2 {
    box-shadow: 0 -2px 2px #00246f66;
    box-shadow: var(--z-top-darker-2)
}

.bo-shadow-t-dark-4 {
    box-shadow: 0 -4px 4px #00246f66;
    box-shadow: var(--z-top-darker-4)
}

.bo-shadow-t-dark-8 {
    box-shadow: 0 -8px 8px #00246f66;
    box-shadow: var(--z-top-darker-8)
}

.bo-shadow-t-dark-16 {
    box-shadow: 0 -16px 16px #00246f66;
    box-shadow: var(--z-top-darker-16)
}

.bo-shadow-t-dark-24 {
    box-shadow: 0 -24px 24px #00246f66;
    box-shadow: var(--z-top-darker-24)
}

.bo-shadow-t-dark-32 {
    box-shadow: 0 -32px 32px #00246f66;
    box-shadow: var(--z-top-darker-32)
}

.bo-shadow-r-dark-2 {
    box-shadow: 2px 0 2px #00246f66;
    box-shadow: var(--z-right-darker-2)
}

.bo-shadow-r-dark-4 {
    box-shadow: 4px 0 4px #00246f66;
    box-shadow: var(--z-right-darker-4)
}

.bo-shadow-r-dark-8 {
    box-shadow: 8px 0 8px #00246f66;
    box-shadow: var(--z-right-darker-8)
}

.bo-shadow-r-dark-16 {
    box-shadow: 16px 0 16px #00246f66;
    box-shadow: var(--z-right-darker-16)
}

.bo-shadow-r-dark-24 {
    box-shadow: 24px 0 24px #00246f66;
    box-shadow: var(--z-right-darker-24)
}

.bo-shadow-r-dark-32 {
    box-shadow: 32px 0 32px #00246f66;
    box-shadow: var(--z-right-darker-32)
}

.bo-shadow-l-dark-2 {
    box-shadow: -2px 0 2px #00246f66;
    box-shadow: var(--z-left-darker-2)
}

.bo-shadow-l-dark-4 {
    box-shadow: -4px 0 4px #00246f66;
    box-shadow: var(--z-left-darker-4)
}

.bo-shadow-l-dark-8 {
    box-shadow: -8px 0 8px #00246f66;
    box-shadow: var(--z-left-darker-8)
}

.bo-shadow-l-dark-16 {
    box-shadow: -16px 0 16px #00246f66;
    box-shadow: var(--z-left-darker-16)
}

.bo-shadow-l-dark-24 {
    box-shadow: -24px 0 24px #00246f66;
    box-shadow: var(--z-left-darker-24)
}

.bo-shadow-l-dark-32 {
    box-shadow: -32px 0 32px #00246f66;
    box-shadow: var(--z-left-darker-32)
}

.bo-shadow-c-dark-2 {
    box-shadow: 4px 4px 4px #00246f66;
    box-shadow: var(--z-center-darker-2)
}

.bo-shadow-c-dark-4 {
    box-shadow: 4px 4px 4px #00246f66;
    box-shadow: var(--z-center-darker-4)
}

.bo-shadow-c-dark-8 {
    box-shadow: 8px 8px 8px #00246f66;
    box-shadow: var(--z-center-darker-8)
}

.bo-shadow-c-dark-16 {
    box-shadow: 16px 16px 16px #00246f66;
    box-shadow: var(--z-center-darker-16)
}

.bo-shadow-c-dark-24 {
    box-shadow: 24px 24px 24px #00246f66;
    box-shadow: var(--z-center-darker-24)
}

.bo-shadow-c-dark-32 {
    box-shadow: 32px 32px 32px #00246f66;
    box-shadow: var(--z-center-darker-32)
}

.bo-rounded-none {
    border-radius: 0
}

.bo-rounded-2 {
    border-radius: 2px;
    border-radius: var(--border-2)
}

.bo-rounded-4 {
    border-radius: 4px;
    border-radius: var(--border-4)
}

.bo-rounded-8 {
    border-radius: 8px;
    border-radius: var(--border-8)
}

.bo-rounded-12 {
    border-radius: 12px;
    border-radius: var(--border-12)
}

.bo-rounded-16 {
    border-radius: 16px;
    border-radius: var(--border-16)
}

.bo-rounded-24 {
    border-radius: 24px;
    border-radius: var(--border-24)
}

.bo-rounded-32 {
    border-radius: 32px;
    border-radius: var(--border-32)
}

.bo-rounded-56 {
    border-radius: 56px;
    border-radius: var(--border-56)
}

.bo-rounded-136 {
    border-radius: 136px;
    border-radius: var(--border-136)
}

.bo-rounded-full {
    border-radius: 50%
}

.bo-rounded-tl-none {
    border-top-left-radius: 0
}

.bo-rounded-tl-2 {
    border-top-left-radius: 2px;
    border-top-left-radius: var(--border-2)
}

.bo-rounded-tl-4 {
    border-top-left-radius: 4px;
    border-top-left-radius: var(--border-4)
}

.bo-rounded-tl-8 {
    border-top-left-radius: 8px;
    border-top-left-radius: var(--border-8)
}

.bo-rounded-tl-12 {
    border-top-left-radius: 12px;
    border-top-left-radius: var(--border-12)
}

.bo-rounded-tl-16 {
    border-top-left-radius: 16px;
    border-top-left-radius: var(--border-16)
}

.bo-rounded-tl-24 {
    border-top-left-radius: 24px;
    border-top-left-radius: var(--border-24)
}

.bo-rounded-tl-32 {
    border-top-left-radius: 32px;
    border-top-left-radius: var(--border-32)
}

.bo-rounded-tl-56 {
    border-top-left-radius: 56px;
    border-top-left-radius: var(--border-56)
}

.bo-rounded-tl-136 {
    border-top-left-radius: 136px;
    border-top-left-radius: var(--border-136)
}

.bo-rounded-tl-full {
    border-top-left-radius: 50%
}

.bo-rounded-tr-none {
    border-top-right-radius: 0
}

.bo-rounded-tr-2 {
    border-top-right-radius: 2px;
    border-top-right-radius: var(--border-2)
}

.bo-rounded-tr-4 {
    border-top-right-radius: 4px;
    border-top-right-radius: var(--border-4)
}

.bo-rounded-tr-8 {
    border-top-right-radius: 8px;
    border-top-right-radius: var(--border-8)
}

.bo-rounded-tr-12 {
    border-top-right-radius: 12px;
    border-top-right-radius: var(--border-12)
}

.bo-rounded-tr-16 {
    border-top-right-radius: 16px;
    border-top-right-radius: var(--border-16)
}

.bo-rounded-tr-24 {
    border-top-right-radius: 24px;
    border-top-right-radius: var(--border-24)
}

.bo-rounded-tr-32 {
    border-top-right-radius: 32px;
    border-top-right-radius: var(--border-32)
}

.bo-rounded-tr-56 {
    border-top-right-radius: 56px;
    border-top-right-radius: var(--border-56)
}

.bo-rounded-tr-136 {
    border-top-right-radius: 136px;
    border-top-right-radius: var(--border-136)
}

.bo-rounded-tr-full {
    border-top-right-radius: 50%
}

.bo-rounded-br-none {
    border-bottom-right-radius: 0
}

.bo-rounded-br-2 {
    border-bottom-right-radius: 2px;
    border-bottom-right-radius: var(--border-2)
}

.bo-rounded-br-4 {
    border-bottom-right-radius: 4px;
    border-bottom-right-radius: var(--border-4)
}

.bo-rounded-br-8 {
    border-bottom-right-radius: 8px;
    border-bottom-right-radius: var(--border-8)
}

.bo-rounded-br-12 {
    border-bottom-right-radius: 12px;
    border-bottom-right-radius: var(--border-12)
}

.bo-rounded-br-16 {
    border-bottom-right-radius: 16px;
    border-bottom-right-radius: var(--border-16)
}

.bo-rounded-br-24 {
    border-bottom-right-radius: 24px;
    border-bottom-right-radius: var(--border-24)
}

.bo-rounded-br-32 {
    border-bottom-right-radius: 32px;
    border-bottom-right-radius: var(--border-32)
}

.bo-rounded-br-56 {
    border-bottom-right-radius: 56px;
    border-bottom-right-radius: var(--border-56)
}

.bo-rounded-br-136 {
    border-bottom-right-radius: 136px;
    border-bottom-right-radius: var(--border-136)
}

.bo-rounded-br-full {
    border-bottom-right-radius: 50%
}

.bo-rounded-bl-none {
    border-bottom-left-radius: 0
}

.bo-rounded-bl-2 {
    border-bottom-left-radius: 2px;
    border-bottom-left-radius: var(--border-2)
}

.bo-rounded-bl-4 {
    border-bottom-left-radius: 4px;
    border-bottom-left-radius: var(--border-4)
}

.bo-rounded-bl-8 {
    border-bottom-left-radius: 8px;
    border-bottom-left-radius: var(--border-8)
}

.bo-rounded-bl-12 {
    border-bottom-left-radius: 12px;
    border-bottom-left-radius: var(--border-12)
}

.bo-rounded-bl-16 {
    border-bottom-left-radius: 16px;
    border-bottom-left-radius: var(--border-16)
}

.bo-rounded-bl-24 {
    border-bottom-left-radius: 24px;
    border-bottom-left-radius: var(--border-24)
}

.bo-rounded-bl-32 {
    border-bottom-left-radius: 32px;
    border-bottom-left-radius: var(--border-32)
}

.bo-rounded-bl-56 {
    border-bottom-left-radius: 56px;
    border-bottom-left-radius: var(--border-56)
}

.bo-rounded-bl-136 {
    border-bottom-left-radius: 136px;
    border-bottom-left-radius: var(--border-136)
}

.bo-rounded-bl-full {
    border-bottom-left-radius: 50%
}

.bo-rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.bo-rounded-t-2 {
    border-top-left-radius: 2px;
    border-top-left-radius: var(--border-2);
    border-top-right-radius: 2px;
    border-top-right-radius: var(--border-2)
}

.bo-rounded-t-4 {
    border-top-left-radius: 4px;
    border-top-left-radius: var(--border-4);
    border-top-right-radius: 4px;
    border-top-right-radius: var(--border-4)
}

.bo-rounded-t-8 {
    border-top-left-radius: 8px;
    border-top-left-radius: var(--border-8);
    border-top-right-radius: 8px;
    border-top-right-radius: var(--border-8)
}

.bo-rounded-t-12 {
    border-top-left-radius: 12px;
    border-top-left-radius: var(--border-12);
    border-top-right-radius: 12px;
    border-top-right-radius: var(--border-12)
}

.bo-rounded-t-16 {
    border-top-left-radius: 16px;
    border-top-left-radius: var(--border-16);
    border-top-right-radius: 16px;
    border-top-right-radius: var(--border-16)
}

.bo-rounded-t-24 {
    border-top-left-radius: 24px;
    border-top-left-radius: var(--border-24);
    border-top-right-radius: 24px;
    border-top-right-radius: var(--border-24)
}

.bo-rounded-t-32 {
    border-top-left-radius: 32px;
    border-top-left-radius: var(--border-32);
    border-top-right-radius: 32px;
    border-top-right-radius: var(--border-32)
}

.bo-rounded-t-56 {
    border-top-left-radius: 56px;
    border-top-left-radius: var(--border-56);
    border-top-right-radius: 56px;
    border-top-right-radius: var(--border-56)
}

.bo-rounded-t-136 {
    border-top-left-radius: 136px;
    border-top-left-radius: var(--border-136);
    border-top-right-radius: 136px;
    border-top-right-radius: var(--border-136)
}

.bo-rounded-t-full {
    border-top-left-radius: 50%;
    border-top-right-radius: 50%
}

.bo-rounded-b-none {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.bo-rounded-b-2 {
    border-bottom-left-radius: 2px;
    border-bottom-left-radius: var(--border-2);
    border-bottom-right-radius: 2px;
    border-bottom-right-radius: var(--border-2)
}

.bo-rounded-b-4 {
    border-bottom-left-radius: 4px;
    border-bottom-left-radius: var(--border-4);
    border-bottom-right-radius: 4px;
    border-bottom-right-radius: var(--border-4)
}

.bo-rounded-b-8 {
    border-bottom-left-radius: 8px;
    border-bottom-left-radius: var(--border-8);
    border-bottom-right-radius: 8px;
    border-bottom-right-radius: var(--border-8)
}

.bo-rounded-b-12 {
    border-bottom-left-radius: 12px;
    border-bottom-left-radius: var(--border-12);
    border-bottom-right-radius: 12px;
    border-bottom-right-radius: var(--border-12)
}

.bo-rounded-b-16 {
    border-bottom-left-radius: 16px;
    border-bottom-left-radius: var(--border-16);
    border-bottom-right-radius: 16px;
    border-bottom-right-radius: var(--border-16)
}

.bo-rounded-b-24 {
    border-bottom-left-radius: 24px;
    border-bottom-left-radius: var(--border-24);
    border-bottom-right-radius: 24px;
    border-bottom-right-radius: var(--border-24)
}

.bo-rounded-b-32 {
    border-bottom-left-radius: 32px;
    border-bottom-left-radius: var(--border-32);
    border-bottom-right-radius: 32px;
    border-bottom-right-radius: var(--border-32)
}

.bo-rounded-b-56 {
    border-bottom-left-radius: 56px;
    border-bottom-left-radius: var(--border-56);
    border-bottom-right-radius: 56px;
    border-bottom-right-radius: var(--border-56)
}

.bo-rounded-b-136 {
    border-bottom-left-radius: 136px;
    border-bottom-left-radius: var(--border-136);
    border-bottom-right-radius: 136px;
    border-bottom-right-radius: var(--border-136)
}

.bo-rounded-b-full {
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%
}

.bo-rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.bo-rounded-r-2 {
    border-top-right-radius: 2px;
    border-top-right-radius: var(--border-2);
    border-bottom-right-radius: 2px;
    border-bottom-right-radius: var(--border-2)
}

.bo-rounded-r-4 {
    border-top-right-radius: 4px;
    border-top-right-radius: var(--border-4);
    border-bottom-right-radius: 4px;
    border-bottom-right-radius: var(--border-4)
}

.bo-rounded-r-8 {
    border-top-right-radius: 8px;
    border-top-right-radius: var(--border-8);
    border-bottom-right-radius: 8px;
    border-bottom-right-radius: var(--border-8)
}

.bo-rounded-r-12 {
    border-top-right-radius: 12px;
    border-top-right-radius: var(--border-12);
    border-bottom-right-radius: 12px;
    border-bottom-right-radius: var(--border-12)
}

.bo-rounded-r-16 {
    border-top-right-radius: 16px;
    border-top-right-radius: var(--border-16);
    border-bottom-right-radius: 16px;
    border-bottom-right-radius: var(--border-16)
}

.bo-rounded-r-24 {
    border-top-right-radius: 24px;
    border-top-right-radius: var(--border-24);
    border-bottom-right-radius: 24px;
    border-bottom-right-radius: var(--border-24)
}

.bo-rounded-r-32 {
    border-top-right-radius: 32px;
    border-top-right-radius: var(--border-32);
    border-bottom-right-radius: 32px;
    border-bottom-right-radius: var(--border-32)
}

.bo-rounded-r-56 {
    border-top-right-radius: 56px;
    border-top-right-radius: var(--border-56);
    border-bottom-right-radius: 56px;
    border-bottom-right-radius: var(--border-56)
}

.bo-rounded-r-136 {
    border-top-right-radius: 136px;
    border-top-right-radius: var(--border-136);
    border-bottom-right-radius: 136px;
    border-bottom-right-radius: var(--border-136)
}

.bo-rounded-r-full {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%
}

.bo-rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.bo-rounded-l-2 {
    border-top-left-radius: 2px;
    border-top-left-radius: var(--border-2);
    border-bottom-left-radius: 2px;
    border-bottom-left-radius: var(--border-2)
}

.bo-rounded-l-4 {
    border-top-left-radius: 4px;
    border-top-left-radius: var(--border-4);
    border-bottom-left-radius: 4px;
    border-bottom-left-radius: var(--border-4)
}

.bo-rounded-l-8 {
    border-top-left-radius: 8px;
    border-top-left-radius: var(--border-8);
    border-bottom-left-radius: 8px;
    border-bottom-left-radius: var(--border-8)
}

.bo-rounded-l-12 {
    border-top-left-radius: 12px;
    border-top-left-radius: var(--border-12);
    border-bottom-left-radius: 12px;
    border-bottom-left-radius: var(--border-12)
}

.bo-rounded-l-16 {
    border-top-left-radius: 16px;
    border-top-left-radius: var(--border-16);
    border-bottom-left-radius: 16px;
    border-bottom-left-radius: var(--border-16)
}

.bo-rounded-l-24 {
    border-top-left-radius: 24px;
    border-top-left-radius: var(--border-24);
    border-bottom-left-radius: 24px;
    border-bottom-left-radius: var(--border-24)
}

.bo-rounded-l-32 {
    border-top-left-radius: 32px;
    border-top-left-radius: var(--border-32);
    border-bottom-left-radius: 32px;
    border-bottom-left-radius: var(--border-32)
}

.bo-rounded-l-56 {
    border-top-left-radius: 56px;
    border-top-left-radius: var(--border-56);
    border-bottom-left-radius: 56px;
    border-bottom-left-radius: var(--border-56)
}

.bo-rounded-l-136 {
    border-top-left-radius: 136px;
    border-top-left-radius: var(--border-136);
    border-bottom-left-radius: 136px;
    border-bottom-left-radius: var(--border-136)
}

.bo-rounded-l-full {
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%
}

.bo-m-0 {
    margin: 0
}

.bo-m-2 {
    margin: 2px;
    margin: var(--spacing-2)
}

.bo-m-4 {
    margin: 4px;
    margin: var(--spacing-4)
}

.bo-m-6 {
    margin: 6px;
    margin: var(--spacing-6)
}

.bo-m-8 {
    margin: 8px;
    margin: var(--spacing-8)
}

.bo-m-10 {
    margin: 10px;
    margin: var(--spacing-10)
}

.bo-m-12 {
    margin: 12px;
    margin: var(--spacing-12)
}

.bo-m-14 {
    margin: 14px;
    margin: var(--spacing-14)
}

.bo-m-16 {
    margin: 16px;
    margin: var(--spacing-16)
}

.bo-m-18 {
    margin: 18px;
    margin: var(--spacing-18)
}

.bo-m-20 {
    margin: 20px;
    margin: var(--spacing-20)
}

.bo-m-22 {
    margin: 22px;
    margin: var(--spacing-22)
}

.bo-m-24 {
    margin: 24px;
    margin: var(--spacing-24)
}

.bo-m-26 {
    margin: 26px;
    margin: var(--spacing-26)
}

.bo-m-28 {
    margin: 28px;
    margin: var(--spacing-28)
}

.bo-m-30 {
    margin: 30px;
    margin: var(--spacing-30)
}

.bo-m-32 {
    margin: 32px;
    margin: var(--spacing-32)
}

.bo-m-34 {
    margin: 34px;
    margin: var(--spacing-34)
}

.bo-m-36 {
    margin: 36px;
    margin: var(--spacing-36)
}

.bo-m-38 {
    margin: 38px;
    margin: var(--spacing-38)
}

.bo-m-40 {
    margin: 40px;
    margin: var(--spacing-40)
}

.bo-m-42 {
    margin: 42px;
    margin: var(--spacing-42)
}

.bo-m-44 {
    margin: 44px;
    margin: var(--spacing-44)
}

.bo-m-46 {
    margin: 46px;
    margin: var(--spacing-46)
}

.bo-m-48 {
    margin: 48px;
    margin: var(--spacing-48)
}

.bo-m-50 {
    margin: 50px;
    margin: var(--spacing-50)
}

.bo-m-52 {
    margin: 52px;
    margin: var(--spacing-52)
}

.bo-m-54 {
    margin: 54px;
    margin: var(--spacing-54)
}

.bo-m-56 {
    margin: 56px;
    margin: var(--spacing-56)
}

.bo-m-58 {
    margin: 58px;
    margin: var(--spacing-58)
}

.bo-m-60 {
    margin: 60px;
    margin: var(--spacing-60)
}

.bo-m-62 {
    margin: 62px;
    margin: var(--spacing-62)
}

.bo-m-64 {
    margin: 64px;
    margin: var(--spacing-64)
}

.bo-m-auto {
    margin: auto
}

.bo-mx-0 {
    margin-right: 0;
    margin-left: 0
}

.bo-mx-2 {
    margin-right: 2px;
    margin-right: var(--spacing-2);
    margin-left: 2px;
    margin-left: var(--spacing-2)
}

.bo-mx-4 {
    margin-right: 4px;
    margin-right: var(--spacing-4);
    margin-left: 4px;
    margin-left: var(--spacing-4)
}

.bo-mx-6 {
    margin-right: 6px;
    margin-right: var(--spacing-6);
    margin-left: 6px;
    margin-left: var(--spacing-6)
}

.bo-mx-8 {
    margin-right: 8px;
    margin-right: var(--spacing-8);
    margin-left: 8px;
    margin-left: var(--spacing-8)
}

.bo-mx-10 {
    margin-right: 10px;
    margin-right: var(--spacing-10);
    margin-left: 10px;
    margin-left: var(--spacing-10)
}

.bo-mx-12 {
    margin-right: 12px;
    margin-right: var(--spacing-12);
    margin-left: 12px;
    margin-left: var(--spacing-12)
}

.bo-mx-14 {
    margin-right: 14px;
    margin-right: var(--spacing-14);
    margin-left: 14px;
    margin-left: var(--spacing-14)
}

.bo-mx-16 {
    margin-right: 16px;
    margin-right: var(--spacing-16);
    margin-left: 16px;
    margin-left: var(--spacing-16)
}

.bo-mx-18 {
    margin-right: 18px;
    margin-right: var(--spacing-18);
    margin-left: 18px;
    margin-left: var(--spacing-18)
}

.bo-mx-20 {
    margin-right: 20px;
    margin-right: var(--spacing-20);
    margin-left: 20px;
    margin-left: var(--spacing-20)
}

.bo-mx-22 {
    margin-right: 22px;
    margin-right: var(--spacing-22);
    margin-left: 22px;
    margin-left: var(--spacing-22)
}

.bo-mx-24 {
    margin-right: 24px;
    margin-right: var(--spacing-24);
    margin-left: 24px;
    margin-left: var(--spacing-24)
}

.bo-mx-26 {
    margin-right: 26px;
    margin-right: var(--spacing-26);
    margin-left: 26px;
    margin-left: var(--spacing-26)
}

.bo-mx-28 {
    margin-right: 28px;
    margin-right: var(--spacing-28);
    margin-left: 28px;
    margin-left: var(--spacing-28)
}

.bo-mx-30 {
    margin-right: 30px;
    margin-right: var(--spacing-30);
    margin-left: 30px;
    margin-left: var(--spacing-30)
}

.bo-mx-32 {
    margin-right: 32px;
    margin-right: var(--spacing-32);
    margin-left: 32px;
    margin-left: var(--spacing-32)
}

.bo-mx-34 {
    margin-right: 34px;
    margin-right: var(--spacing-34);
    margin-left: 34px;
    margin-left: var(--spacing-34)
}

.bo-mx-36 {
    margin-right: 36px;
    margin-right: var(--spacing-36);
    margin-left: 36px;
    margin-left: var(--spacing-36)
}

.bo-mx-38 {
    margin-right: 38px;
    margin-right: var(--spacing-38);
    margin-left: 38px;
    margin-left: var(--spacing-38)
}

.bo-mx-40 {
    margin-right: 40px;
    margin-right: var(--spacing-40);
    margin-left: 40px;
    margin-left: var(--spacing-40)
}

.bo-mx-42 {
    margin-right: 42px;
    margin-right: var(--spacing-42);
    margin-left: 42px;
    margin-left: var(--spacing-42)
}

.bo-mx-44 {
    margin-right: 44px;
    margin-right: var(--spacing-44);
    margin-left: 44px;
    margin-left: var(--spacing-44)
}

.bo-mx-46 {
    margin-right: 46px;
    margin-right: var(--spacing-46);
    margin-left: 46px;
    margin-left: var(--spacing-46)
}

.bo-mx-48 {
    margin-right: 48px;
    margin-right: var(--spacing-48);
    margin-left: 48px;
    margin-left: var(--spacing-48)
}

.bo-mx-50 {
    margin-right: 50px;
    margin-right: var(--spacing-50);
    margin-left: 50px;
    margin-left: var(--spacing-50)
}

.bo-mx-52 {
    margin-right: 52px;
    margin-right: var(--spacing-52);
    margin-left: 52px;
    margin-left: var(--spacing-52)
}

.bo-mx-54 {
    margin-right: 54px;
    margin-right: var(--spacing-54);
    margin-left: 54px;
    margin-left: var(--spacing-54)
}

.bo-mx-56 {
    margin-right: 56px;
    margin-right: var(--spacing-56);
    margin-left: 56px;
    margin-left: var(--spacing-56)
}

.bo-mx-58 {
    margin-right: 58px;
    margin-right: var(--spacing-58);
    margin-left: 58px;
    margin-left: var(--spacing-58)
}

.bo-mx-60 {
    margin-right: 60px;
    margin-right: var(--spacing-60);
    margin-left: 60px;
    margin-left: var(--spacing-60)
}

.bo-mx-62 {
    margin-right: 62px;
    margin-right: var(--spacing-62);
    margin-left: 62px;
    margin-left: var(--spacing-62)
}

.bo-mx-64 {
    margin-right: 64px;
    margin-right: var(--spacing-64);
    margin-left: 64px;
    margin-left: var(--spacing-64)
}

.bo-mx-auto {
    margin-right: auto;
    margin-left: auto
}

.bo-my-0 {
    margin-top: 0;
    margin-bottom: 0
}

.bo-my-2 {
    margin-top: 2px;
    margin-top: var(--spacing-2);
    margin-bottom: 2px;
    margin-bottom: var(--spacing-2)
}

.bo-my-4 {
    margin-top: 4px;
    margin-top: var(--spacing-4);
    margin-bottom: 4px;
    margin-bottom: var(--spacing-4)
}

.bo-my-6 {
    margin-top: 6px;
    margin-top: var(--spacing-6);
    margin-bottom: 6px;
    margin-bottom: var(--spacing-6)
}

.bo-my-8 {
    margin-top: 8px;
    margin-top: var(--spacing-8);
    margin-bottom: 8px;
    margin-bottom: var(--spacing-8)
}

.bo-my-10 {
    margin-top: 10px;
    margin-top: var(--spacing-10);
    margin-bottom: 10px;
    margin-bottom: var(--spacing-10)
}

.bo-my-12 {
    margin-top: 12px;
    margin-top: var(--spacing-12);
    margin-bottom: 12px;
    margin-bottom: var(--spacing-12)
}

.bo-my-14 {
    margin-top: 14px;
    margin-top: var(--spacing-14);
    margin-bottom: 14px;
    margin-bottom: var(--spacing-14)
}

.bo-my-16 {
    margin-top: 16px;
    margin-top: var(--spacing-16);
    margin-bottom: 16px;
    margin-bottom: var(--spacing-16)
}

.bo-my-18 {
    margin-top: 18px;
    margin-top: var(--spacing-18);
    margin-bottom: 18px;
    margin-bottom: var(--spacing-18)
}

.bo-my-20 {
    margin-top: 20px;
    margin-top: var(--spacing-20);
    margin-bottom: 20px;
    margin-bottom: var(--spacing-20)
}

.bo-my-22 {
    margin-top: 22px;
    margin-top: var(--spacing-22);
    margin-bottom: 22px;
    margin-bottom: var(--spacing-22)
}

.bo-my-24 {
    margin-top: 24px;
    margin-top: var(--spacing-24);
    margin-bottom: 24px;
    margin-bottom: var(--spacing-24)
}

.bo-my-26 {
    margin-top: 26px;
    margin-top: var(--spacing-26);
    margin-bottom: 26px;
    margin-bottom: var(--spacing-26)
}

.bo-my-28 {
    margin-top: 28px;
    margin-top: var(--spacing-28);
    margin-bottom: 28px;
    margin-bottom: var(--spacing-28)
}

.bo-my-30 {
    margin-top: 30px;
    margin-top: var(--spacing-30);
    margin-bottom: 30px;
    margin-bottom: var(--spacing-30)
}

.bo-my-32 {
    margin-top: 32px;
    margin-top: var(--spacing-32);
    margin-bottom: 32px;
    margin-bottom: var(--spacing-32)
}

.bo-my-34 {
    margin-top: 34px;
    margin-top: var(--spacing-34);
    margin-bottom: 34px;
    margin-bottom: var(--spacing-34)
}

.bo-my-36 {
    margin-top: 36px;
    margin-top: var(--spacing-36);
    margin-bottom: 36px;
    margin-bottom: var(--spacing-36)
}

.bo-my-38 {
    margin-top: 38px;
    margin-top: var(--spacing-38);
    margin-bottom: 38px;
    margin-bottom: var(--spacing-38)
}

.bo-my-40 {
    margin-top: 40px;
    margin-top: var(--spacing-40);
    margin-bottom: 40px;
    margin-bottom: var(--spacing-40)
}

.bo-my-42 {
    margin-top: 42px;
    margin-top: var(--spacing-42);
    margin-bottom: 42px;
    margin-bottom: var(--spacing-42)
}

.bo-my-44 {
    margin-top: 44px;
    margin-top: var(--spacing-44);
    margin-bottom: 44px;
    margin-bottom: var(--spacing-44)
}

.bo-my-46 {
    margin-top: 46px;
    margin-top: var(--spacing-46);
    margin-bottom: 46px;
    margin-bottom: var(--spacing-46)
}

.bo-my-48 {
    margin-top: 48px;
    margin-top: var(--spacing-48);
    margin-bottom: 48px;
    margin-bottom: var(--spacing-48)
}

.bo-my-50 {
    margin-top: 50px;
    margin-top: var(--spacing-50);
    margin-bottom: 50px;
    margin-bottom: var(--spacing-50)
}

.bo-my-52 {
    margin-top: 52px;
    margin-top: var(--spacing-52);
    margin-bottom: 52px;
    margin-bottom: var(--spacing-52)
}

.bo-my-54 {
    margin-top: 54px;
    margin-top: var(--spacing-54);
    margin-bottom: 54px;
    margin-bottom: var(--spacing-54)
}

.bo-my-56 {
    margin-top: 56px;
    margin-top: var(--spacing-56);
    margin-bottom: 56px;
    margin-bottom: var(--spacing-56)
}

.bo-my-58 {
    margin-top: 58px;
    margin-top: var(--spacing-58);
    margin-bottom: 58px;
    margin-bottom: var(--spacing-58)
}

.bo-my-60 {
    margin-top: 60px;
    margin-top: var(--spacing-60);
    margin-bottom: 60px;
    margin-bottom: var(--spacing-60)
}

.bo-my-62 {
    margin-top: 62px;
    margin-top: var(--spacing-62);
    margin-bottom: 62px;
    margin-bottom: var(--spacing-62)
}

.bo-my-64 {
    margin-top: 64px;
    margin-top: var(--spacing-64);
    margin-bottom: 64px;
    margin-bottom: var(--spacing-64)
}

.bo-my-auto {
    margin-top: auto;
    margin-bottom: auto
}

.bo-mt-0 {
    margin-top: 0
}

.bo-mt-2 {
    margin-top: 2px;
    margin-top: var(--spacing-2)
}

.bo-mt-4 {
    margin-top: 4px;
    margin-top: var(--spacing-4)
}

.bo-mt-6 {
    margin-top: 6px;
    margin-top: var(--spacing-6)
}

.bo-mt-8 {
    margin-top: 8px;
    margin-top: var(--spacing-8)
}

.bo-mt-10 {
    margin-top: 10px;
    margin-top: var(--spacing-10)
}

.bo-mt-12 {
    margin-top: 12px;
    margin-top: var(--spacing-12)
}

.bo-mt-14 {
    margin-top: 14px;
    margin-top: var(--spacing-14)
}

.bo-mt-16 {
    margin-top: 16px;
    margin-top: var(--spacing-16)
}

.bo-mt-18 {
    margin-top: 18px;
    margin-top: var(--spacing-18)
}

.bo-mt-20 {
    margin-top: 20px;
    margin-top: var(--spacing-20)
}

.bo-mt-22 {
    margin-top: 22px;
    margin-top: var(--spacing-22)
}

.bo-mt-24 {
    margin-top: 24px;
    margin-top: var(--spacing-24)
}

.bo-mt-26 {
    margin-top: 26px;
    margin-top: var(--spacing-26)
}

.bo-mt-28 {
    margin-top: 28px;
    margin-top: var(--spacing-28)
}

.bo-mt-30 {
    margin-top: 30px;
    margin-top: var(--spacing-30)
}

.bo-mt-32 {
    margin-top: 32px;
    margin-top: var(--spacing-32)
}

.bo-mt-34 {
    margin-top: 34px;
    margin-top: var(--spacing-34)
}

.bo-mt-36 {
    margin-top: 36px;
    margin-top: var(--spacing-36)
}

.bo-mt-38 {
    margin-top: 38px;
    margin-top: var(--spacing-38)
}

.bo-mt-40 {
    margin-top: 40px;
    margin-top: var(--spacing-40)
}

.bo-mt-42 {
    margin-top: 42px;
    margin-top: var(--spacing-42)
}

.bo-mt-44 {
    margin-top: 44px;
    margin-top: var(--spacing-44)
}

.bo-mt-46 {
    margin-top: 46px;
    margin-top: var(--spacing-46)
}

.bo-mt-48 {
    margin-top: 48px;
    margin-top: var(--spacing-48)
}

.bo-mt-50 {
    margin-top: 50px;
    margin-top: var(--spacing-50)
}

.bo-mt-52 {
    margin-top: 52px;
    margin-top: var(--spacing-52)
}

.bo-mt-54 {
    margin-top: 54px;
    margin-top: var(--spacing-54)
}

.bo-mt-56 {
    margin-top: 56px;
    margin-top: var(--spacing-56)
}

.bo-mt-58 {
    margin-top: 58px;
    margin-top: var(--spacing-58)
}

.bo-mt-60 {
    margin-top: 60px;
    margin-top: var(--spacing-60)
}

.bo-mt-62 {
    margin-top: 62px;
    margin-top: var(--spacing-62)
}

.bo-mt-64 {
    margin-top: 64px;
    margin-top: var(--spacing-64)
}

.bo-mt-auto {
    margin-top: auto
}

.bo-mr-0 {
    margin-right: 0
}

.bo-mr-2 {
    margin-right: 2px;
    margin-right: var(--spacing-2)
}

.bo-mr-4 {
    margin-right: 4px;
    margin-right: var(--spacing-4)
}

.bo-mr-6 {
    margin-right: 6px;
    margin-right: var(--spacing-6)
}

.bo-mr-8 {
    margin-right: 8px;
    margin-right: var(--spacing-8)
}

.bo-mr-10 {
    margin-right: 10px;
    margin-right: var(--spacing-10)
}

.bo-mr-12 {
    margin-right: 12px;
    margin-right: var(--spacing-12)
}

.bo-mr-14 {
    margin-right: 14px;
    margin-right: var(--spacing-14)
}

.bo-mr-16 {
    margin-right: 16px;
    margin-right: var(--spacing-16)
}

.bo-mr-18 {
    margin-right: 18px;
    margin-right: var(--spacing-18)
}

.bo-mr-20 {
    margin-right: 20px;
    margin-right: var(--spacing-20)
}

.bo-mr-22 {
    margin-right: 22px;
    margin-right: var(--spacing-22)
}

.bo-mr-24 {
    margin-right: 24px;
    margin-right: var(--spacing-24)
}

.bo-mr-26 {
    margin-right: 26px;
    margin-right: var(--spacing-26)
}

.bo-mr-28 {
    margin-right: 28px;
    margin-right: var(--spacing-28)
}

.bo-mr-30 {
    margin-right: 30px;
    margin-right: var(--spacing-30)
}

.bo-mr-32 {
    margin-right: 32px;
    margin-right: var(--spacing-32)
}

.bo-mr-34 {
    margin-right: 34px;
    margin-right: var(--spacing-34)
}

.bo-mr-36 {
    margin-right: 36px;
    margin-right: var(--spacing-36)
}

.bo-mr-38 {
    margin-right: 38px;
    margin-right: var(--spacing-38)
}

.bo-mr-40 {
    margin-right: 40px;
    margin-right: var(--spacing-40)
}

.bo-mr-42 {
    margin-right: 42px;
    margin-right: var(--spacing-42)
}

.bo-mr-44 {
    margin-right: 44px;
    margin-right: var(--spacing-44)
}

.bo-mr-46 {
    margin-right: 46px;
    margin-right: var(--spacing-46)
}

.bo-mr-48 {
    margin-right: 48px;
    margin-right: var(--spacing-48)
}

.bo-mr-50 {
    margin-right: 50px;
    margin-right: var(--spacing-50)
}

.bo-mr-52 {
    margin-right: 52px;
    margin-right: var(--spacing-52)
}

.bo-mr-54 {
    margin-right: 54px;
    margin-right: var(--spacing-54)
}

.bo-mr-56 {
    margin-right: 56px;
    margin-right: var(--spacing-56)
}

.bo-mr-58 {
    margin-right: 58px;
    margin-right: var(--spacing-58)
}

.bo-mr-60 {
    margin-right: 60px;
    margin-right: var(--spacing-60)
}

.bo-mr-62 {
    margin-right: 62px;
    margin-right: var(--spacing-62)
}

.bo-mr-64 {
    margin-right: 64px;
    margin-right: var(--spacing-64)
}

.bo-mr-auto {
    margin-right: auto
}

.bo-mb-0 {
    margin-bottom: 0
}

.bo-mb-2 {
    margin-bottom: 2px;
    margin-bottom: var(--spacing-2)
}

.bo-mb-4 {
    margin-bottom: 4px;
    margin-bottom: var(--spacing-4)
}

.bo-mb-6 {
    margin-bottom: 6px;
    margin-bottom: var(--spacing-6)
}

.bo-mb-8 {
    margin-bottom: 8px;
    margin-bottom: var(--spacing-8)
}

.bo-mb-10 {
    margin-bottom: 10px;
    margin-bottom: var(--spacing-10)
}

.bo-mb-12 {
    margin-bottom: 12px;
    margin-bottom: var(--spacing-12)
}

.bo-mb-14 {
    margin-bottom: 14px;
    margin-bottom: var(--spacing-14)
}

.bo-mb-16 {
    margin-bottom: 16px;
    margin-bottom: var(--spacing-16)
}

.bo-mb-18 {
    margin-bottom: 18px;
    margin-bottom: var(--spacing-18)
}

.bo-mb-20 {
    margin-bottom: 20px;
    margin-bottom: var(--spacing-20)
}

.bo-mb-22 {
    margin-bottom: 22px;
    margin-bottom: var(--spacing-22)
}

.bo-mb-24 {
    margin-bottom: 24px;
    margin-bottom: var(--spacing-24)
}

.bo-mb-26 {
    margin-bottom: 26px;
    margin-bottom: var(--spacing-26)
}

.bo-mb-28 {
    margin-bottom: 28px;
    margin-bottom: var(--spacing-28)
}

.bo-mb-30 {
    margin-bottom: 30px;
    margin-bottom: var(--spacing-30)
}

.bo-mb-32 {
    margin-bottom: 32px;
    margin-bottom: var(--spacing-32)
}

.bo-mb-34 {
    margin-bottom: 34px;
    margin-bottom: var(--spacing-34)
}

.bo-mb-36 {
    margin-bottom: 36px;
    margin-bottom: var(--spacing-36)
}

.bo-mb-38 {
    margin-bottom: 38px;
    margin-bottom: var(--spacing-38)
}

.bo-mb-40 {
    margin-bottom: 40px;
    margin-bottom: var(--spacing-40)
}

.bo-mb-42 {
    margin-bottom: 42px;
    margin-bottom: var(--spacing-42)
}

.bo-mb-44 {
    margin-bottom: 44px;
    margin-bottom: var(--spacing-44)
}

.bo-mb-46 {
    margin-bottom: 46px;
    margin-bottom: var(--spacing-46)
}

.bo-mb-48 {
    margin-bottom: 48px;
    margin-bottom: var(--spacing-48)
}

.bo-mb-50 {
    margin-bottom: 50px;
    margin-bottom: var(--spacing-50)
}

.bo-mb-52 {
    margin-bottom: 52px;
    margin-bottom: var(--spacing-52)
}

.bo-mb-54 {
    margin-bottom: 54px;
    margin-bottom: var(--spacing-54)
}

.bo-mb-56 {
    margin-bottom: 56px;
    margin-bottom: var(--spacing-56)
}

.bo-mb-58 {
    margin-bottom: 58px;
    margin-bottom: var(--spacing-58)
}

.bo-mb-60 {
    margin-bottom: 60px;
    margin-bottom: var(--spacing-60)
}

.bo-mb-62 {
    margin-bottom: 62px;
    margin-bottom: var(--spacing-62)
}

.bo-mb-64 {
    margin-bottom: 64px;
    margin-bottom: var(--spacing-64)
}

.bo-mb-auto {
    margin-bottom: auto
}

.bo-ml-0 {
    margin-left: 0
}

.bo-ml-2 {
    margin-left: 2px;
    margin-left: var(--spacing-2)
}

.bo-ml-4 {
    margin-left: 4px;
    margin-left: var(--spacing-4)
}

.bo-ml-6 {
    margin-left: 6px;
    margin-left: var(--spacing-6)
}

.bo-ml-8 {
    margin-left: 8px;
    margin-left: var(--spacing-8)
}

.bo-ml-10 {
    margin-left: 10px;
    margin-left: var(--spacing-10)
}

.bo-ml-12 {
    margin-left: 12px;
    margin-left: var(--spacing-12)
}

.bo-ml-14 {
    margin-left: 14px;
    margin-left: var(--spacing-14)
}

.bo-ml-16 {
    margin-left: 16px;
    margin-left: var(--spacing-16)
}

.bo-ml-18 {
    margin-left: 18px;
    margin-left: var(--spacing-18)
}

.bo-ml-20 {
    margin-left: 20px;
    margin-left: var(--spacing-20)
}

.bo-ml-22 {
    margin-left: 22px;
    margin-left: var(--spacing-22)
}

.bo-ml-24 {
    margin-left: 24px;
    margin-left: var(--spacing-24)
}

.bo-ml-26 {
    margin-left: 26px;
    margin-left: var(--spacing-26)
}

.bo-ml-28 {
    margin-left: 28px;
    margin-left: var(--spacing-28)
}

.bo-ml-30 {
    margin-left: 30px;
    margin-left: var(--spacing-30)
}

.bo-ml-32 {
    margin-left: 32px;
    margin-left: var(--spacing-32)
}

.bo-ml-34 {
    margin-left: 34px;
    margin-left: var(--spacing-34)
}

.bo-ml-36 {
    margin-left: 36px;
    margin-left: var(--spacing-36)
}

.bo-ml-38 {
    margin-left: 38px;
    margin-left: var(--spacing-38)
}

.bo-ml-40 {
    margin-left: 40px;
    margin-left: var(--spacing-40)
}

.bo-ml-42 {
    margin-left: 42px;
    margin-left: var(--spacing-42)
}

.bo-ml-44 {
    margin-left: 44px;
    margin-left: var(--spacing-44)
}

.bo-ml-46 {
    margin-left: 46px;
    margin-left: var(--spacing-46)
}

.bo-ml-48 {
    margin-left: 48px;
    margin-left: var(--spacing-48)
}

.bo-ml-50 {
    margin-left: 50px;
    margin-left: var(--spacing-50)
}

.bo-ml-52 {
    margin-left: 52px;
    margin-left: var(--spacing-52)
}

.bo-ml-54 {
    margin-left: 54px;
    margin-left: var(--spacing-54)
}

.bo-ml-56 {
    margin-left: 56px;
    margin-left: var(--spacing-56)
}

.bo-ml-58 {
    margin-left: 58px;
    margin-left: var(--spacing-58)
}

.bo-ml-60 {
    margin-left: 60px;
    margin-left: var(--spacing-60)
}

.bo-ml-62 {
    margin-left: 62px;
    margin-left: var(--spacing-62)
}

.bo-ml-64 {
    margin-left: 64px;
    margin-left: var(--spacing-64)
}

.bo-ml-auto {
    margin-left: auto
}

.bo-p-0 {
    padding: 0
}

.bo-p-2 {
    padding: 2px;
    padding: var(--spacing-2)
}

.bo-p-4 {
    padding: 4px;
    padding: var(--spacing-4)
}

.bo-p-6 {
    padding: 6px;
    padding: var(--spacing-6)
}

.bo-p-8 {
    padding: 8px;
    padding: var(--spacing-8)
}

.bo-p-10 {
    padding: 10px;
    padding: var(--spacing-10)
}

.bo-p-12 {
    padding: 12px;
    padding: var(--spacing-12)
}

.bo-p-14 {
    padding: 14px;
    padding: var(--spacing-14)
}

.bo-p-16 {
    padding: 16px;
    padding: var(--spacing-16)
}

.bo-p-18 {
    padding: 18px;
    padding: var(--spacing-18)
}

.bo-p-20 {
    padding: 20px;
    padding: var(--spacing-20)
}

.bo-p-22 {
    padding: 22px;
    padding: var(--spacing-22)
}

.bo-p-24 {
    padding: 24px;
    padding: var(--spacing-24)
}

.bo-p-26 {
    padding: 26px;
    padding: var(--spacing-26)
}

.bo-p-28 {
    padding: 28px;
    padding: var(--spacing-28)
}

.bo-p-30 {
    padding: 30px;
    padding: var(--spacing-30)
}

.bo-p-32 {
    padding: 32px;
    padding: var(--spacing-32)
}

.bo-p-34 {
    padding: 34px;
    padding: var(--spacing-34)
}

.bo-p-36 {
    padding: 36px;
    padding: var(--spacing-36)
}

.bo-p-38 {
    padding: 38px;
    padding: var(--spacing-38)
}

.bo-p-40 {
    padding: 40px;
    padding: var(--spacing-40)
}

.bo-p-42 {
    padding: 42px;
    padding: var(--spacing-42)
}

.bo-p-44 {
    padding: 44px;
    padding: var(--spacing-44)
}

.bo-p-46 {
    padding: 46px;
    padding: var(--spacing-46)
}

.bo-p-48 {
    padding: 48px;
    padding: var(--spacing-48)
}

.bo-p-50 {
    padding: 50px;
    padding: var(--spacing-50)
}

.bo-p-52 {
    padding: 52px;
    padding: var(--spacing-52)
}

.bo-p-54 {
    padding: 54px;
    padding: var(--spacing-54)
}

.bo-p-56 {
    padding: 56px;
    padding: var(--spacing-56)
}

.bo-p-58 {
    padding: 58px;
    padding: var(--spacing-58)
}

.bo-p-60 {
    padding: 60px;
    padding: var(--spacing-60)
}

.bo-p-62 {
    padding: 62px;
    padding: var(--spacing-62)
}

.bo-p-64 {
    padding: 64px;
    padding: var(--spacing-64)
}

.bo-px-0 {
    padding-right: 0;
    padding-left: 0
}

.bo-px-2 {
    padding-right: 2px;
    padding-right: var(--spacing-2);
    padding-left: 2px;
    padding-left: var(--spacing-2)
}

.bo-px-4 {
    padding-right: 4px;
    padding-right: var(--spacing-4);
    padding-left: 4px;
    padding-left: var(--spacing-4)
}

.bo-px-6 {
    padding-right: 6px;
    padding-right: var(--spacing-6);
    padding-left: 6px;
    padding-left: var(--spacing-6)
}

.bo-px-8 {
    padding-right: 8px;
    padding-right: var(--spacing-8);
    padding-left: 8px;
    padding-left: var(--spacing-8)
}

.bo-px-10 {
    padding-right: 10px;
    padding-right: var(--spacing-10);
    padding-left: 10px;
    padding-left: var(--spacing-10)
}

.bo-px-12 {
    padding-right: 12px;
    padding-right: var(--spacing-12);
    padding-left: 12px;
    padding-left: var(--spacing-12)
}

.bo-px-14 {
    padding-right: 14px;
    padding-right: var(--spacing-14);
    padding-left: 14px;
    padding-left: var(--spacing-14)
}

.bo-px-16 {
    padding-right: 16px;
    padding-right: var(--spacing-16);
    padding-left: 16px;
    padding-left: var(--spacing-16)
}

.bo-px-18 {
    padding-right: 18px;
    padding-right: var(--spacing-18);
    padding-left: 18px;
    padding-left: var(--spacing-18)
}

.bo-px-20 {
    padding-right: 20px;
    padding-right: var(--spacing-20);
    padding-left: 20px;
    padding-left: var(--spacing-20)
}

.bo-px-22 {
    padding-right: 22px;
    padding-right: var(--spacing-22);
    padding-left: 22px;
    padding-left: var(--spacing-22)
}

.bo-px-24 {
    padding-right: 24px;
    padding-right: var(--spacing-24);
    padding-left: 24px;
    padding-left: var(--spacing-24)
}

.bo-px-26 {
    padding-right: 26px;
    padding-right: var(--spacing-26);
    padding-left: 26px;
    padding-left: var(--spacing-26)
}

.bo-px-28 {
    padding-right: 28px;
    padding-right: var(--spacing-28);
    padding-left: 28px;
    padding-left: var(--spacing-28)
}

.bo-px-30 {
    padding-right: 30px;
    padding-right: var(--spacing-30);
    padding-left: 30px;
    padding-left: var(--spacing-30)
}

.bo-px-32 {
    padding-right: 32px;
    padding-right: var(--spacing-32);
    padding-left: 32px;
    padding-left: var(--spacing-32)
}

.bo-px-34 {
    padding-right: 34px;
    padding-right: var(--spacing-34);
    padding-left: 34px;
    padding-left: var(--spacing-34)
}

.bo-px-36 {
    padding-right: 36px;
    padding-right: var(--spacing-36);
    padding-left: 36px;
    padding-left: var(--spacing-36)
}

.bo-px-38 {
    padding-right: 38px;
    padding-right: var(--spacing-38);
    padding-left: 38px;
    padding-left: var(--spacing-38)
}

.bo-px-40 {
    padding-right: 40px;
    padding-right: var(--spacing-40);
    padding-left: 40px;
    padding-left: var(--spacing-40)
}

.bo-px-42 {
    padding-right: 42px;
    padding-right: var(--spacing-42);
    padding-left: 42px;
    padding-left: var(--spacing-42)
}

.bo-px-44 {
    padding-right: 44px;
    padding-right: var(--spacing-44);
    padding-left: 44px;
    padding-left: var(--spacing-44)
}

.bo-px-46 {
    padding-right: 46px;
    padding-right: var(--spacing-46);
    padding-left: 46px;
    padding-left: var(--spacing-46)
}

.bo-px-48 {
    padding-right: 48px;
    padding-right: var(--spacing-48);
    padding-left: 48px;
    padding-left: var(--spacing-48)
}

.bo-px-50 {
    padding-right: 50px;
    padding-right: var(--spacing-50);
    padding-left: 50px;
    padding-left: var(--spacing-50)
}

.bo-px-52 {
    padding-right: 52px;
    padding-right: var(--spacing-52);
    padding-left: 52px;
    padding-left: var(--spacing-52)
}

.bo-px-54 {
    padding-right: 54px;
    padding-right: var(--spacing-54);
    padding-left: 54px;
    padding-left: var(--spacing-54)
}

.bo-px-56 {
    padding-right: 56px;
    padding-right: var(--spacing-56);
    padding-left: 56px;
    padding-left: var(--spacing-56)
}

.bo-px-58 {
    padding-right: 58px;
    padding-right: var(--spacing-58);
    padding-left: 58px;
    padding-left: var(--spacing-58)
}

.bo-px-60 {
    padding-right: 60px;
    padding-right: var(--spacing-60);
    padding-left: 60px;
    padding-left: var(--spacing-60)
}

.bo-px-62 {
    padding-right: 62px;
    padding-right: var(--spacing-62);
    padding-left: 62px;
    padding-left: var(--spacing-62)
}

.bo-px-64 {
    padding-right: 64px;
    padding-right: var(--spacing-64);
    padding-left: 64px;
    padding-left: var(--spacing-64)
}

.bo-py-0 {
    padding-top: 0;
    padding-bottom: 0
}

.bo-py-2 {
    padding-top: 2px;
    padding-top: var(--spacing-2);
    padding-bottom: 2px;
    padding-bottom: var(--spacing-2)
}

.bo-py-4 {
    padding-top: 4px;
    padding-top: var(--spacing-4);
    padding-bottom: 4px;
    padding-bottom: var(--spacing-4)
}

.bo-py-6 {
    padding-top: 6px;
    padding-top: var(--spacing-6);
    padding-bottom: 6px;
    padding-bottom: var(--spacing-6)
}

.bo-py-8 {
    padding-top: 8px;
    padding-top: var(--spacing-8);
    padding-bottom: 8px;
    padding-bottom: var(--spacing-8)
}

.bo-py-10 {
    padding-top: 10px;
    padding-top: var(--spacing-10);
    padding-bottom: 10px;
    padding-bottom: var(--spacing-10)
}

.bo-py-12 {
    padding-top: 12px;
    padding-top: var(--spacing-12);
    padding-bottom: 12px;
    padding-bottom: var(--spacing-12)
}

.bo-py-14 {
    padding-top: 14px;
    padding-top: var(--spacing-14);
    padding-bottom: 14px;
    padding-bottom: var(--spacing-14)
}

.bo-py-16 {
    padding-top: 16px;
    padding-top: var(--spacing-16);
    padding-bottom: 16px;
    padding-bottom: var(--spacing-16)
}

.bo-py-18 {
    padding-top: 18px;
    padding-top: var(--spacing-18);
    padding-bottom: 18px;
    padding-bottom: var(--spacing-18)
}

.bo-py-20 {
    padding-top: 20px;
    padding-top: var(--spacing-20);
    padding-bottom: 20px;
    padding-bottom: var(--spacing-20)
}

.bo-py-22 {
    padding-top: 22px;
    padding-top: var(--spacing-22);
    padding-bottom: 22px;
    padding-bottom: var(--spacing-22)
}

.bo-py-24 {
    padding-top: 24px;
    padding-top: var(--spacing-24);
    padding-bottom: 24px;
    padding-bottom: var(--spacing-24)
}

.bo-py-26 {
    padding-top: 26px;
    padding-top: var(--spacing-26);
    padding-bottom: 26px;
    padding-bottom: var(--spacing-26)
}

.bo-py-28 {
    padding-top: 28px;
    padding-top: var(--spacing-28);
    padding-bottom: 28px;
    padding-bottom: var(--spacing-28)
}

.bo-py-30 {
    padding-top: 30px;
    padding-top: var(--spacing-30);
    padding-bottom: 30px;
    padding-bottom: var(--spacing-30)
}

.bo-py-32 {
    padding-top: 32px;
    padding-top: var(--spacing-32);
    padding-bottom: 32px;
    padding-bottom: var(--spacing-32)
}

.bo-py-34 {
    padding-top: 34px;
    padding-top: var(--spacing-34);
    padding-bottom: 34px;
    padding-bottom: var(--spacing-34)
}

.bo-py-36 {
    padding-top: 36px;
    padding-top: var(--spacing-36);
    padding-bottom: 36px;
    padding-bottom: var(--spacing-36)
}

.bo-py-38 {
    padding-top: 38px;
    padding-top: var(--spacing-38);
    padding-bottom: 38px;
    padding-bottom: var(--spacing-38)
}

.bo-py-40 {
    padding-top: 40px;
    padding-top: var(--spacing-40);
    padding-bottom: 40px;
    padding-bottom: var(--spacing-40)
}

.bo-py-42 {
    padding-top: 42px;
    padding-top: var(--spacing-42);
    padding-bottom: 42px;
    padding-bottom: var(--spacing-42)
}

.bo-py-44 {
    padding-top: 44px;
    padding-top: var(--spacing-44);
    padding-bottom: 44px;
    padding-bottom: var(--spacing-44)
}

.bo-py-46 {
    padding-top: 46px;
    padding-top: var(--spacing-46);
    padding-bottom: 46px;
    padding-bottom: var(--spacing-46)
}

.bo-py-48 {
    padding-top: 48px;
    padding-top: var(--spacing-48);
    padding-bottom: 48px;
    padding-bottom: var(--spacing-48)
}

.bo-py-50 {
    padding-top: 50px;
    padding-top: var(--spacing-50);
    padding-bottom: 50px;
    padding-bottom: var(--spacing-50)
}

.bo-py-52 {
    padding-top: 52px;
    padding-top: var(--spacing-52);
    padding-bottom: 52px;
    padding-bottom: var(--spacing-52)
}

.bo-py-54 {
    padding-top: 54px;
    padding-top: var(--spacing-54);
    padding-bottom: 54px;
    padding-bottom: var(--spacing-54)
}

.bo-py-56 {
    padding-top: 56px;
    padding-top: var(--spacing-56);
    padding-bottom: 56px;
    padding-bottom: var(--spacing-56)
}

.bo-py-58 {
    padding-top: 58px;
    padding-top: var(--spacing-58);
    padding-bottom: 58px;
    padding-bottom: var(--spacing-58)
}

.bo-py-60 {
    padding-top: 60px;
    padding-top: var(--spacing-60);
    padding-bottom: 60px;
    padding-bottom: var(--spacing-60)
}

.bo-py-62 {
    padding-top: 62px;
    padding-top: var(--spacing-62);
    padding-bottom: 62px;
    padding-bottom: var(--spacing-62)
}

.bo-py-64 {
    padding-top: 64px;
    padding-top: var(--spacing-64);
    padding-bottom: 64px;
    padding-bottom: var(--spacing-64)
}

.bo-pt-0 {
    padding-top: 0
}

.bo-pt-2 {
    padding-top: 2px;
    padding-top: var(--spacing-2)
}

.bo-pt-4 {
    padding-top: 4px;
    padding-top: var(--spacing-4)
}

.bo-pt-6 {
    padding-top: 6px;
    padding-top: var(--spacing-6)
}

.bo-pt-8 {
    padding-top: 8px;
    padding-top: var(--spacing-8)
}

.bo-pt-10 {
    padding-top: 10px;
    padding-top: var(--spacing-10)
}

.bo-pt-12 {
    padding-top: 12px;
    padding-top: var(--spacing-12)
}

.bo-pt-14 {
    padding-top: 14px;
    padding-top: var(--spacing-14)
}

.bo-pt-16 {
    padding-top: 16px;
    padding-top: var(--spacing-16)
}

.bo-pt-18 {
    padding-top: 18px;
    padding-top: var(--spacing-18)
}

.bo-pt-20 {
    padding-top: 20px;
    padding-top: var(--spacing-20)
}

.bo-pt-22 {
    padding-top: 22px;
    padding-top: var(--spacing-22)
}

.bo-pt-24 {
    padding-top: 24px;
    padding-top: var(--spacing-24)
}

.bo-pt-26 {
    padding-top: 26px;
    padding-top: var(--spacing-26)
}

.bo-pt-28 {
    padding-top: 28px;
    padding-top: var(--spacing-28)
}

.bo-pt-30 {
    padding-top: 30px;
    padding-top: var(--spacing-30)
}

.bo-pt-32 {
    padding-top: 32px;
    padding-top: var(--spacing-32)
}

.bo-pt-34 {
    padding-top: 34px;
    padding-top: var(--spacing-34)
}

.bo-pt-36 {
    padding-top: 36px;
    padding-top: var(--spacing-36)
}

.bo-pt-38 {
    padding-top: 38px;
    padding-top: var(--spacing-38)
}

.bo-pt-40 {
    padding-top: 40px;
    padding-top: var(--spacing-40)
}

.bo-pt-42 {
    padding-top: 42px;
    padding-top: var(--spacing-42)
}

.bo-pt-44 {
    padding-top: 44px;
    padding-top: var(--spacing-44)
}

.bo-pt-46 {
    padding-top: 46px;
    padding-top: var(--spacing-46)
}

.bo-pt-48 {
    padding-top: 48px;
    padding-top: var(--spacing-48)
}

.bo-pt-50 {
    padding-top: 50px;
    padding-top: var(--spacing-50)
}

.bo-pt-52 {
    padding-top: 52px;
    padding-top: var(--spacing-52)
}

.bo-pt-54 {
    padding-top: 54px;
    padding-top: var(--spacing-54)
}

.bo-pt-56 {
    padding-top: 56px;
    padding-top: var(--spacing-56)
}

.bo-pt-58 {
    padding-top: 58px;
    padding-top: var(--spacing-58)
}

.bo-pt-60 {
    padding-top: 60px;
    padding-top: var(--spacing-60)
}

.bo-pt-62 {
    padding-top: 62px;
    padding-top: var(--spacing-62)
}

.bo-pt-64 {
    padding-top: 64px;
    padding-top: var(--spacing-64)
}

.bo-pr-0 {
    padding-right: 0
}

.bo-pr-2 {
    padding-right: 2px;
    padding-right: var(--spacing-2)
}

.bo-pr-4 {
    padding-right: 4px;
    padding-right: var(--spacing-4)
}

.bo-pr-6 {
    padding-right: 6px;
    padding-right: var(--spacing-6)
}

.bo-pr-8 {
    padding-right: 8px;
    padding-right: var(--spacing-8)
}

.bo-pr-10 {
    padding-right: 10px;
    padding-right: var(--spacing-10)
}

.bo-pr-12 {
    padding-right: 12px;
    padding-right: var(--spacing-12)
}

.bo-pr-14 {
    padding-right: 14px;
    padding-right: var(--spacing-14)
}

.bo-pr-16 {
    padding-right: 16px;
    padding-right: var(--spacing-16)
}

.bo-pr-18 {
    padding-right: 18px;
    padding-right: var(--spacing-18)
}

.bo-pr-20 {
    padding-right: 20px;
    padding-right: var(--spacing-20)
}

.bo-pr-22 {
    padding-right: 22px;
    padding-right: var(--spacing-22)
}

.bo-pr-24 {
    padding-right: 24px;
    padding-right: var(--spacing-24)
}

.bo-pr-26 {
    padding-right: 26px;
    padding-right: var(--spacing-26)
}

.bo-pr-28 {
    padding-right: 28px;
    padding-right: var(--spacing-28)
}

.bo-pr-30 {
    padding-right: 30px;
    padding-right: var(--spacing-30)
}

.bo-pr-32 {
    padding-right: 32px;
    padding-right: var(--spacing-32)
}

.bo-pr-34 {
    padding-right: 34px;
    padding-right: var(--spacing-34)
}

.bo-pr-36 {
    padding-right: 36px;
    padding-right: var(--spacing-36)
}

.bo-pr-38 {
    padding-right: 38px;
    padding-right: var(--spacing-38)
}

.bo-pr-40 {
    padding-right: 40px;
    padding-right: var(--spacing-40)
}

.bo-pr-42 {
    padding-right: 42px;
    padding-right: var(--spacing-42)
}

.bo-pr-44 {
    padding-right: 44px;
    padding-right: var(--spacing-44)
}

.bo-pr-46 {
    padding-right: 46px;
    padding-right: var(--spacing-46)
}

.bo-pr-48 {
    padding-right: 48px;
    padding-right: var(--spacing-48)
}

.bo-pr-50 {
    padding-right: 50px;
    padding-right: var(--spacing-50)
}

.bo-pr-52 {
    padding-right: 52px;
    padding-right: var(--spacing-52)
}

.bo-pr-54 {
    padding-right: 54px;
    padding-right: var(--spacing-54)
}

.bo-pr-56 {
    padding-right: 56px;
    padding-right: var(--spacing-56)
}

.bo-pr-58 {
    padding-right: 58px;
    padding-right: var(--spacing-58)
}

.bo-pr-60 {
    padding-right: 60px;
    padding-right: var(--spacing-60)
}

.bo-pr-62 {
    padding-right: 62px;
    padding-right: var(--spacing-62)
}

.bo-pr-64 {
    padding-right: 64px;
    padding-right: var(--spacing-64)
}

.bo-pb-0 {
    padding-bottom: 0
}

.bo-pb-2 {
    padding-bottom: 2px;
    padding-bottom: var(--spacing-2)
}

.bo-pb-4 {
    padding-bottom: 4px;
    padding-bottom: var(--spacing-4)
}

.bo-pb-6 {
    padding-bottom: 6px;
    padding-bottom: var(--spacing-6)
}

.bo-pb-8 {
    padding-bottom: 8px;
    padding-bottom: var(--spacing-8)
}

.bo-pb-10 {
    padding-bottom: 10px;
    padding-bottom: var(--spacing-10)
}

.bo-pb-12 {
    padding-bottom: 12px;
    padding-bottom: var(--spacing-12)
}

.bo-pb-14 {
    padding-bottom: 14px;
    padding-bottom: var(--spacing-14)
}

.bo-pb-16 {
    padding-bottom: 16px;
    padding-bottom: var(--spacing-16)
}

.bo-pb-18 {
    padding-bottom: 18px;
    padding-bottom: var(--spacing-18)
}

.bo-pb-20 {
    padding-bottom: 20px;
    padding-bottom: var(--spacing-20)
}

.bo-pb-22 {
    padding-bottom: 22px;
    padding-bottom: var(--spacing-22)
}

.bo-pb-24 {
    padding-bottom: 24px;
    padding-bottom: var(--spacing-24)
}

.bo-pb-26 {
    padding-bottom: 26px;
    padding-bottom: var(--spacing-26)
}

.bo-pb-28 {
    padding-bottom: 28px;
    padding-bottom: var(--spacing-28)
}

.bo-pb-30 {
    padding-bottom: 30px;
    padding-bottom: var(--spacing-30)
}

.bo-pb-32 {
    padding-bottom: 32px;
    padding-bottom: var(--spacing-32)
}

.bo-pb-34 {
    padding-bottom: 34px;
    padding-bottom: var(--spacing-34)
}

.bo-pb-36 {
    padding-bottom: 36px;
    padding-bottom: var(--spacing-36)
}

.bo-pb-38 {
    padding-bottom: 38px;
    padding-bottom: var(--spacing-38)
}

.bo-pb-40 {
    padding-bottom: 40px;
    padding-bottom: var(--spacing-40)
}

.bo-pb-42 {
    padding-bottom: 42px;
    padding-bottom: var(--spacing-42)
}

.bo-pb-44 {
    padding-bottom: 44px;
    padding-bottom: var(--spacing-44)
}

.bo-pb-46 {
    padding-bottom: 46px;
    padding-bottom: var(--spacing-46)
}

.bo-pb-48 {
    padding-bottom: 48px;
    padding-bottom: var(--spacing-48)
}

.bo-pb-50 {
    padding-bottom: 50px;
    padding-bottom: var(--spacing-50)
}

.bo-pb-52 {
    padding-bottom: 52px;
    padding-bottom: var(--spacing-52)
}

.bo-pb-54 {
    padding-bottom: 54px;
    padding-bottom: var(--spacing-54)
}

.bo-pb-56 {
    padding-bottom: 56px;
    padding-bottom: var(--spacing-56)
}

.bo-pb-58 {
    padding-bottom: 58px;
    padding-bottom: var(--spacing-58)
}

.bo-pb-60 {
    padding-bottom: 60px;
    padding-bottom: var(--spacing-60)
}

.bo-pb-62 {
    padding-bottom: 62px;
    padding-bottom: var(--spacing-62)
}

.bo-pb-64 {
    padding-bottom: 64px;
    padding-bottom: var(--spacing-64)
}

.bo-pl-0 {
    padding-left: 0
}

.bo-pl-2 {
    padding-left: 2px;
    padding-left: var(--spacing-2)
}

.bo-pl-4 {
    padding-left: 4px;
    padding-left: var(--spacing-4)
}

.bo-pl-6 {
    padding-left: 6px;
    padding-left: var(--spacing-6)
}

.bo-pl-8 {
    padding-left: 8px;
    padding-left: var(--spacing-8)
}

.bo-pl-10 {
    padding-left: 10px;
    padding-left: var(--spacing-10)
}

.bo-pl-12 {
    padding-left: 12px;
    padding-left: var(--spacing-12)
}

.bo-pl-14 {
    padding-left: 14px;
    padding-left: var(--spacing-14)
}

.bo-pl-16 {
    padding-left: 16px;
    padding-left: var(--spacing-16)
}

.bo-pl-18 {
    padding-left: 18px;
    padding-left: var(--spacing-18)
}

.bo-pl-20 {
    padding-left: 20px;
    padding-left: var(--spacing-20)
}

.bo-pl-22 {
    padding-left: 22px;
    padding-left: var(--spacing-22)
}

.bo-pl-24 {
    padding-left: 24px;
    padding-left: var(--spacing-24)
}

.bo-pl-26 {
    padding-left: 26px;
    padding-left: var(--spacing-26)
}

.bo-pl-28 {
    padding-left: 28px;
    padding-left: var(--spacing-28)
}

.bo-pl-30 {
    padding-left: 30px;
    padding-left: var(--spacing-30)
}

.bo-pl-32 {
    padding-left: 32px;
    padding-left: var(--spacing-32)
}

.bo-pl-34 {
    padding-left: 34px;
    padding-left: var(--spacing-34)
}

.bo-pl-36 {
    padding-left: 36px;
    padding-left: var(--spacing-36)
}

.bo-pl-38 {
    padding-left: 38px;
    padding-left: var(--spacing-38)
}

.bo-pl-40 {
    padding-left: 40px;
    padding-left: var(--spacing-40)
}

.bo-pl-42 {
    padding-left: 42px;
    padding-left: var(--spacing-42)
}

.bo-pl-44 {
    padding-left: 44px;
    padding-left: var(--spacing-44)
}

.bo-pl-46 {
    padding-left: 46px;
    padding-left: var(--spacing-46)
}

.bo-pl-48 {
    padding-left: 48px;
    padding-left: var(--spacing-48)
}

.bo-pl-50 {
    padding-left: 50px;
    padding-left: var(--spacing-50)
}

.bo-pl-52 {
    padding-left: 52px;
    padding-left: var(--spacing-52)
}

.bo-pl-54 {
    padding-left: 54px;
    padding-left: var(--spacing-54)
}

.bo-pl-56 {
    padding-left: 56px;
    padding-left: var(--spacing-56)
}

.bo-pl-58 {
    padding-left: 58px;
    padding-left: var(--spacing-58)
}

.bo-pl-60 {
    padding-left: 60px;
    padding-left: var(--spacing-60)
}

.bo-pl-62 {
    padding-left: 62px;
    padding-left: var(--spacing-62)
}

.bo-pl-64 {
    padding-left: 64px;
    padding-left: var(--spacing-64)
}

.bo-font {
    font-family: Poppins;
    font-family: var(--bocc-font-family)
}

.bo-fst-italic {
    font-style: italic
}

.bo-fst-normal {
    font-style: normal
}

.bo-text-start {
    text-align: left
}

.bo-text-end {
    text-align: right
}

.bo-text-center {
    text-align: center
}

.bo-text-justify {
    text-align: justify
}

.bo-text-decoration-none {
    text-decoration: none
}

.bo-text-decoration-underline {
    text-decoration: underline
}

.bo-text-decoration-line-through {
    text-decoration: line-through
}

.bo-text-lowercase {
    text-transform: lowercase
}

.bo-text-uppercase {
    text-transform: uppercase
}

.bo-text-capitalize {
    text-transform: capitalize
}

.bo-text-wrap {
    white-space: normal
}

.bo-text-nowrap {
    white-space: nowrap
}

.bo-text-break {
    word-wrap: break-word;
    word-break: break-word
}

.bo-fs-hero {
    font-weight: 700;
    font-size: 64px;
    line-height: 96px
}

.bo-fs-h1 {
    font-weight: 700;
    font-size: 44px;
    line-height: 24px
}

.bo-fs-h2 {
    font-weight: 600;
    font-size: 40px;
    line-height: 56px
}

.bo-fs-h3 {
    font-weight: 500;
    font-size: 33px;
    line-height: 44px
}

.bo-fs-h4 {
    font-weight: 500;
    font-size: 28px;
    line-height: 40px
}

.bo-fs-h5 {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px
}

.bo-fs-sub1 {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px
}

.bo-fs-bd1 {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px
}

.bo-fs-hero {
    font-weight: 700;
    font-size: 44px;
    line-height: 56px
}

.bo-fs-h1 {
    font-weight: 700;
    font-size: 40px;
    line-height: 56px
}

.bo-fs-h2 {
    font-weight: 600;
    font-size: 33px;
    line-height: 48px
}

.bo-fs-h3 {
    font-weight: 500;
    font-size: 28px;
    line-height: 40px
}

.bo-fs-h4 {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px
}

.bo-fs-h5 {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px
}

.bo-fs-hero {
    font-weight: 700;
    font-size: 44px;
    line-height: 48px
}

.bo-fs-h1 {
    font-weight: 700;
    font-size: 33px;
    line-height: 48px
}

.bo-fs-h2 {
    font-weight: 600;
    font-size: 28px;
    line-height: 40px
}

.bo-fs-h3 {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px
}

.bo-fs-h4 {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px
}

.bo-fs-h5 {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px
}

.bo-fs-sub1 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px
}

.bo-fs-sub2 {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px
}

.bo-fs-bd1 {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.bo-fs-bd2,
.bocc-at-prefix-field input[type=number],
.bocc-at-prefix-field input[type=tel],
.bocc-at-text-field input[type=text],
input[type=radio]+label,
.bocc-at-switch .switch-label,
.bocc-at-checkbox label {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px
}

.bo-fs-cap,
.bocc-at-prefix-field__message,
.bocc-at-prefix-field .hint,
.bocc-at-text-field .message,
.bocc-at-text-field .hint {
    font-weight: 400;
    font-size: 11px;
    line-height: 16px
}

.bo-fs-over {
    font-weight: 500;
    font-size: 10px;
    line-height: 16px
}

.bo-fs-sm,
.bocc-at-prefix-field .label,
.bocc-at-text-field .label {
    font-weight: 600;
    font-size: 12px;
    line-height: 21px
}

.bo-fw-regular {
    font-weight: 400;
    font-weight: var(--font-weight-regular)
}

.bo-fw-medium,
.bocc-at-prefix-field input[type=number],
.bocc-at-prefix-field input[type=tel],
.bocc-at-text-field input[type=text],
input[type=radio]+label,
.bocc-at-switch .switch-label,
.bocc-at-checkbox label {
    font-weight: 500;
    font-weight: var(--font-weight-medium)
}

.bo-fw-semibold {
    font-weight: 600;
    font-weight: var(--font-weight-semibold)
}

.bo-fw-bold {
    font-weight: 700;
    font-weight: var(--font-weight-bold)
}

.bo-display-inline {
    display: inline
}

.bo-display-inline-block {
    display: inline-block
}

.bo-display-block {
    display: block
}

.bo-display-flex {
    display: flex
}

.bo-display-grid {
    display: grid
}

.bo-display-table {
    display: table
}

.bo-display-table-row {
    display: table-row
}

.bo-display-table-cell {
    display: table-cell
}

.bo-display-inline-flex {
    display: inline-flex
}

.bo-display-none {
    display: none
}

.bo-flex-fill {
    flex: 1 1 auto
}

.bo-flex-row {
    flex-direction: row
}

.bo-flex-column {
    flex-direction: column
}

.bo-flex-row-reverse {
    flex-direction: row-reverse
}

.bo-flex-column-reverse {
    flex-direction: column-reverse
}

.bo-flex-grow-0 {
    flex-grow: 0
}

.bo-flex-grow-1 {
    flex-grow: 1
}

.bo-flex-shrink-0 {
    flex-shrink: 0
}

.bo-flex-shrink-1 {
    flex-shrink: 1
}

.bo-flex-wrap {
    flex-wrap: wrap
}

.bo-flex-nowrap {
    flex-wrap: nowrap
}

.bo-flex-wrap-reverse {
    flex-wrap: wrap-reverse
}

.bo-justify-content-start {
    justify-content: flex-start
}

.bo-justify-content-end {
    justify-content: flex-end
}

.bo-justify-content-center {
    justify-content: center
}

.bo-justify-content-between {
    justify-content: space-between
}

.bo-justify-content-around {
    justify-content: space-around
}

.bo-justify-content-evenly {
    justify-content: space-evenly
}

.bo-justify-items-start {
    justify-items: start
}

.bo-justify-items-end {
    justify-items: end
}

.bo-justify-items-center {
    justify-items: center
}

.bo-justify-items-stretch {
    justify-items: stretch
}

.bo-align-items-start {
    align-items: flex-start
}

.bo-align-items-end {
    align-items: flex-end
}

.bo-align-items-center {
    align-items: center
}

.bo-align-items-baseline {
    align-items: baseline
}

.bo-align-items-stretch {
    align-items: stretch
}

.bo-align-content-start {
    align-content: flex-start
}

.bo-align-content-end {
    align-content: flex-end
}

.bo-align-content-center {
    align-content: center
}

.bo-align-content-between {
    align-content: space-between
}

.bo-align-content-around {
    align-content: space-around
}

.bo-align-content-stretch {
    align-content: stretch
}

.bo-align-self-auto {
    align-self: auto
}

.bo-align-self-start {
    align-self: flex-start
}

.bo-align-self-end {
    align-self: flex-end
}

.bo-align-self-center {
    align-self: center
}

.bo-align-self-baseline {
    align-self: baseline
}

.bo-align-self-stretch {
    align-self: stretch
}

.bo-order-first {
    order: -1
}

.bo-order-0 {
    order: 0
}

.bo-order-1 {
    order: 1
}

.bo-order-2 {
    order: 2
}

.bo-order-3 {
    order: 3
}

.bo-order-4 {
    order: 4
}

.bo-order-5 {
    order: 5
}

.bo-order-last {
    order: 6
}

.bocc-at-checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
    gap: var(--spacing-8)
}

.bocc-at-checkbox label {
    color: #555f83;
    color: var(--color-carbon-lighter-700);
    margin: 0
}

.bocc-at-checkbox input[type=checkbox] {
    width: 24px;
    width: var(--spacing-24);
    height: 24px;
    height: var(--spacing-24);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid rgba(173, 186, 230, 1);
    border: var(--border-1) solid var(--color-carbon-lighter-400);
    border-radius: 4px;
    border-radius: var(--spacing-4);
    background: rgba(255, 255, 255, 1);
    background: var(--color-carbon-lighter-50);
    flex-shrink: 0;
    cursor: pointer
}

.bocc-at-checkbox input[type=checkbox]:focus-visible {
    border: 1px solid rgba(173, 186, 230, 1);
    border: var(--border-1) solid var(--color-carbon-lighter-400)
}

.bocc-at-checkbox input[type=checkbox]:checked {
    background: linear-gradient(180deg, #0081ff 0%, #0056cb 100%);
    background: var(--gradient-blue-bottom-700);
    border-color: #0081ff;
    border-color: var(--color-blue-700);
    position: relative
}

.bocc-at-checkbox input[type=checkbox]:checked:after {
    content: "";
    position: absolute;
    top: 42%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 4px;
    width: var(--spacing-4);
    height: 11px;
    border: solid rgba(255, 255, 255, 1);
    border: solid var(--color-carbon-lighter-50);
    border-width: 0 2px 2px 0;
    border-width: 0 var(--spacing-2) var(--spacing-2) 0
}

.bocc-at-checkbox input[type=checkbox]:disabled {
    border-color: #adbae6;
    border-color: var(--color-carbon-lighter-400);
    opacity: .5;
    cursor: not-allowed
}

.bocc-at-checkbox input[type=checkbox]:disabled:hover,
.bocc-at-checkbox input[type=checkbox]:disabled:active {
    background: rgba(255, 255, 255, 1);
    background: var(--color-carbon-lighter-50);
    border: 1px solid rgba(173, 186, 230, 1);
    border: var(--border-1) solid var(--color-carbon-lighter-400);
    transform: none
}

.bocc-at-checkbox input[type=checkbox]:disabled+label {
    opacity: .5;
    cursor: not-allowed
}

.bocc-at-checkbox input[type=checkbox]:hover {
    background: rgba(226, 241, 255, 1);
    background: var(--color-blue-200);
    border: 2px solid rgba(0, 129, 255, 1);
    border: var(--border-2) solid var(--color-blue-700)
}

.bocc-at-checkbox input[type=checkbox]:active {
    background: rgba(230, 233, 244, 1);
    background: var(--color-navy-200);
    border-color: #003585;
    border-color: var(--color-navy-700);
    transform: scale(.95)
}

.bocc-at-checkbox input[type=checkbox]:checked:active {
    background: rgba(0, 53, 133, 1);
    background: var(--color-navy-700);
    border-color: #003585;
    border-color: var(--color-navy-700)
}

.bocc-at-checkbox input[type=checkbox]:checked:hover {
    background: linear-gradient(180deg, #0081ff 0%, #0056cb 100%);
    background: var(--gradient-blue-bottom-700);
    border: 2px solid rgba(86, 176, 255, 1);
    border: var(--border-2) solid var(--color-blue-400)
}

input[type=checkbox].error {
    background: rgba(255, 255, 255, 1);
    background: var(--color-carbon-lighter-50);
    border-color: #e24c4c;
    border-color: var(--color-semantic-danger-700)
}

.bocc-at-switch {
    display: flex;
    align-items: center;
    gap: 12px;
    gap: var(--spacing-12)
}

.bocc-at-switch input[type=checkbox] {
    display: none
}

.bocc-at-switch .switch-slider {
    position: relative;
    display: inline-block;
    width: 56px;
    width: var(--spacing-56);
    height: 32px;
    height: var(--spacing-32);
    background-color: #fff;
    background-color: var(--color-carbon-lighter-50);
    border: 1px solid rgba(173, 186, 230, 1);
    border: var(--border-1) solid var(--color-carbon-lighter-400);
    border-radius: 32px;
    border-radius: var(--spacing-32);
    box-shadow: 0 2px 2px #adbae666;
    box-shadow: 0 var(--spacing-2) var(--spacing-2) 0 var(--color-carbon-lighter-400-opacity-40);
    transition: background-color .3s ease, border-color .3s ease;
    box-sizing: border-box;
    cursor: pointer
}

.bocc-at-switch .switch-slider:focus-visible {
    border: 1px solid rgba(173, 186, 230, 1);
    border: var(--border-1) solid var(--color-carbon-lighter-400)
}

.bocc-at-switch .switch-slider:after {
    content: "";
    position: absolute;
    top: 3px;
    top: var(--spacing-3);
    left: 3px;
    left: var(--spacing-3);
    width: 24px;
    width: var(--spacing-24);
    height: 24px;
    height: var(--spacing-24);
    background: linear-gradient(0deg, rgba(173, 186, 230, 1), rgba(173, 186, 230, 1));
    background: linear-gradient(0deg, var(--color-carbon-lighter-400), var(--color-carbon-lighter-400));
    border-radius: 50%;
    transition: transform .3s ease, background .3s ease
}

.bocc-at-switch input[type=checkbox]:checked+.switch-slider:after {
    background: linear-gradient(182.97deg, rgba(0, 129, 255, 1) 2.49%, rgba(0, 86, 203, 1) 97.57%);
    background: linear-gradient(182.97deg, var(--color-blue-700) 2.49%, var(--color-blue-900) 97.57%);
    transform: translate(24px)
}

.bocc-at-switch .switch-label {
    letter-spacing: .7px;
    color: #555f83;
    color: var(--color-carbon-lighter-700);
    margin: 0;
    cursor: pointer
}

.bocc-at-radio {
    display: flex;
    align-items: center;
    gap: 8px;
    gap: var(--spacing-8)
}

.bocc-at-radio input[type=radio] {
    width: 24px;
    width: var(--spacing-24);
    height: 24px;
    height: var(--spacing-24);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid rgba(173, 186, 230, 1);
    border: var(--border-1) solid var(--color-carbon-lighter-400);
    border-radius: 50%;
    background: rgba(255, 255, 255, 1);
    background: var(--color-carbon-lighter-50);
    cursor: pointer;
    position: relative
}

.bocc-at-radio input[type=radio]:checked {
    background: rgba(255, 255, 255, 1);
    background: var(--color-carbon-lighter-50);
    border-color: #0081ff;
    border-color: var(--color-blue-700)
}

.bocc-at-radio input[type=radio]:checked:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 12px;
    width: var(--spacing-12);
    height: 12px;
    height: var(--spacing-12);
    background: linear-gradient(180deg, #0081ff 0%, #0056cb 100%);
    background: var(--gradient-blue-bottom-700);
    border-radius: 50%
}

.bocc-at-radio input[type=radio]:disabled {
    background: rgba(226, 241, 255, 1);
    background: var(--color-blue-200);
    border-color: #adbae6;
    border-color: var(--color-carbon-lighter-400);
    cursor: not-allowed;
    opacity: .5
}

.bocc-at-radio input[type=radio]:disabled:hover,
.bocc-at-radio input[type=radio]:disabled:active,
.bocc-at-radio input[type=radio]:disabled:checked:active {
    background: rgba(226, 241, 255, 1);
    background: var(--color-blue-200);
    border-color: #adbae6;
    border-color: var(--color-carbon-lighter-400);
    transform: none
}

.bocc-at-radio input[type=radio]:disabled+label {
    opacity: .5;
    cursor: not-allowed
}

.bocc-at-radio input[type=radio]:hover {
    background: rgba(226, 241, 255, 1);
    background: var(--color-blue-200);
    border-color: #0081ff;
    border-color: var(--color-blue-700)
}

.bocc-at-radio input[type=radio]:active {
    background: rgba(230, 233, 244, 1);
    background: var(--color-navy-200);
    border-color: #003585;
    border-color: var(--color-navy-700);
    transform: scale(.95)
}

.bocc-at-radio input[type=radio]:checked:active {
    background: rgba(255, 255, 255, 1);
    background: var(--color-carbon-lighter-50);
    border-color: #003585;
    border-color: var(--color-navy-700)
}

.bocc-at-radio input[type=radio]:checked:active:after {
    background: rgba(0, 53, 133, 1);
    background: var(--color-navy-700)
}

input[type=radio].error {
    background: rgba(255, 255, 255, 1);
    background: var(--color-carbon-lighter-50);
    border-color: #e24c4c;
    border-color: var(--color-semantic-danger-700)
}

input[type=radio]+label {
    color: #555f83;
    color: var(--color-carbon-lighter-700);
    margin: 0
}

.bocc-at-text-field {
    display: flex;
    align-items: center;
    position: relative;
    gap: 8px;
    gap: var(--spacing-8);
    height: 40px;
    height: var(--spacing-40);
    border: 1px solid rgba(173, 186, 230, 1);
    border: var(--border-1) solid var(--color-carbon-lighter-400);
    border-radius: 4px;
    border-radius: var(--spacing-4);
    padding: 8px;
    padding: var(--spacing-8);
    background-color: #fff;
    background-color: var(--color-carbon-lighter-50);
    transition: border-color .3s, box-shadow .3s;
    box-sizing: border-box
}

.bocc-at-text-field.S {
    height: 32px;
    height: var(--spacing-32)
}

.bocc-at-text-field.M {
    height: 40px;
    height: var(--spacing-40)
}

.bocc-at-text-field:hover {
    border-color: #0056cb;
    border-color: var(--color-blue-900)
}

.bocc-at-text-field:focus-within {
    border-color: #0081ff;
    border-color: var(--color-blue-700);
    outline: none
}

.bocc-at-text-field:has(input:active) {
    border-color: #0081ff;
    border-color: var(--color-blue-700);
    outline: none
}

.bocc-at-text-field:has(input:disabled) {
    background-color: #eff2fc;
    background-color: var(--color-carbon-lighter-200);
    border-color: #adbae6;
    border-color: var(--color-carbon-lighter-400);
    color: #adbae6;
    color: var(--color-carbon-lighter-400);
    cursor: not-allowed
}

.bocc-at-text-field:has(input:disabled) .icon {
    color: #adbae6;
    color: var(--color-carbon-lighter-400)
}

.bocc-at-text-field:has(input.success) {
    border-color: #00ca82;
    border-color: var(--color-semantic-success-700)
}

.bocc-at-text-field:has(input.warning) {
    border-color: #ffaa31;
    border-color: var(--color-semantic-alert-700)
}

.bocc-at-text-field:has(input.error) {
    border-color: #e24c4c;
    border-color: var(--color-semantic-danger-700);
    border: 1px solid rgba(226, 76, 76, 1);
    border: var(--border-1) solid var(--color-semantic-danger-700)
}

.bocc-at-text-field:has(input:-moz-read-only) {
    background-color: #eff2fc;
    background-color: var(--color-carbon-lighter-200);
    border-color: #adbae6;
    border-color: var(--color-carbon-lighter-400);
    cursor: not-allowed
}

.bocc-at-text-field:has(input:read-only) {
    background-color: #eff2fc;
    background-color: var(--color-carbon-lighter-200);
    border-color: #adbae6;
    border-color: var(--color-carbon-lighter-400);
    cursor: not-allowed
}

.bocc-at-text-field:has(input:-moz-read-only) .icon {
    color: #adbae6;
    color: var(--color-carbon-lighter-400)
}

.bocc-at-text-field:has(input:read-only) .icon {
    color: #adbae6;
    color: var(--color-carbon-lighter-400)
}

.bocc-at-text-field .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    color: #0081ff;
    color: var(--color-blue-700)
}

.bocc-at-text-field input[type=text] {
    flex: 1;
    border: none;
    background-color: transparent;
    padding: 0;
    color: #555f83;
    color: var(--color-carbon-lighter-700);
    letter-spacing: .7px;
    text-align: left;
    -moz-appearance: textfield;
    -webkit-appearance: none;
    appearance: none
}

.bocc-at-text-field input[type=text]::-moz-placeholder {
    color: #adbae6;
    color: var(--color-carbon-lighter-400)
}

.bocc-at-text-field input[type=text]::placeholder {
    color: #adbae6;
    color: var(--color-carbon-lighter-400)
}

.bocc-at-text-field input[type=text]:focus,
.bocc-at-text-field input[type=text]:active {
    outline: none
}

.bocc-at-text-field input[type=text]:-moz-read-only {
    cursor: not-allowed
}

.bocc-at-text-field input[type=text]:read-only {
    cursor: not-allowed
}

.bocc-at-text-field .label {
    line-height: 16px;
    line-height: var(--spacing-16);
    letter-spacing: .9px;
    text-align: left;
    position: absolute;
    top: -23px;
    left: 0;
    color: #555f83;
    color: var(--color-carbon-lighter-700)
}

.bocc-at-text-field .hint {
    line-height: 16px;
    line-height: var(--spacing-16);
    letter-spacing: .7px;
    text-align: right;
    position: absolute;
    top: -23px;
    right: 0;
    color: #adbae6;
    color: var(--color-carbon-lighter-400)
}

.bocc-at-text-field .message {
    display: flex;
    align-items: center;
    line-height: 16px;
    line-height: var(--spacing-16);
    letter-spacing: .7px;
    text-align: right;
    position: absolute;
    bottom: -24px;
    left: 0;
    color: #555f83;
    color: var(--color-carbon-lighter-700)
}

.bocc-at-text-field .message.success {
    color: #555f83;
    color: var(--color-carbon-lighter-700)
}

.bocc-at-text-field .message.success:before {
    content: "\eb1e";
    font-size: 16px;
    font-family: BoccIcons;
    margin-right: 4px;
    margin-right: var(--spacing-4);
    color: #00ca82;
    color: var(--color-semantic-success-700)
}

.bocc-at-text-field .message.info {
    color: #3187ff;
    color: var(--color-semantic-info-700)
}

.bocc-at-text-field .message.info:before {
    content: "\eabe";
    font-size: 16px;
    font-family: BoccIcons;
    margin-right: 4px;
    margin-right: var(--spacing-4);
    color: #3187ff;
    color: var(--color-semantic-info-700)
}

.bocc-at-text-field .message.warning:before {
    content: "\eb3e";
    font-family: BoccIcons;
    font-size: 16px;
    margin-right: 4px;
    margin-right: var(--spacing-4);
    color: #ffaa31;
    color: var(--color-semantic-alert-700)
}

.bocc-at-text-field .message.error:before {
    content: "\eb3f";
    font-family: BoccIcons;
    font-size: 16px;
    margin-right: 4px;
    margin-right: var(--spacing-4);
    color: #e24c4c;
    color: var(--color-semantic-danger-700)
}

.bocc-at-prefix-field {
    display: flex;
    align-items: center;
    position: relative;
    border: 1px solid rgba(173, 186, 230, 1);
    border: var(--border-1) solid var(--color-carbon-lighter-400);
    border-radius: 4px;
    border-radius: var(--spacing-4);
    background-color: #fff;
    background-color: var(--color-carbon-lighter-50);
    transition: border-color .3s, box-shadow .3s
}

.bocc-at-prefix-field:hover {
    border-color: #0056cb;
    border-color: var(--color-blue-900)
}

.bocc-at-prefix-field:focus-within {
    border-color: #0081ff;
    border-color: var(--color-blue-700);
    outline: none
}

.bocc-at-prefix-field:has(input:active) {
    border-color: #0081ff;
    border-color: var(--color-blue-700);
    outline: none
}

.bocc-at-prefix-field:has(input:disabled) {
    background-color: #eff2fc;
    background-color: var(--color-carbon-lighter-200);
    border-color: #adbae6;
    border-color: var(--color-carbon-lighter-400);
    color: #adbae6;
    color: var(--color-carbon-lighter-400);
    cursor: not-allowed
}

.bocc-at-prefix-field:has(input:disabled) .prefix {
    color: #adbae6;
    color: var(--color-carbon-lighter-400)
}

.bocc-at-prefix-field:has(input.success) {
    border-color: #00ca82;
    border-color: var(--color-semantic-success-700)
}

.bocc-at-prefix-field:has(input.warning) {
    border-color: #ffaa31;
    border-color: var(--color-semantic-alert-700)
}

.bocc-at-prefix-field:has(input.error) {
    border-color: #e24c4c;
    border-color: var(--color-semantic-danger-700);
    border: 1px solid rgba(226, 76, 76, 1);
    border: 1px solid var(--color-semantic-danger-700)
}

.bocc-at-prefix-field:has(input:-moz-read-only) {
    background-color: #eff2fc;
    background-color: var(--color-carbon-lighter-200);
    border-color: #adbae6;
    border-color: var(--color-carbon-lighter-400);
    cursor: not-allowed
}

.bocc-at-prefix-field:has(input:read-only) {
    background-color: #eff2fc;
    background-color: var(--color-carbon-lighter-200);
    border-color: #adbae6;
    border-color: var(--color-carbon-lighter-400);
    cursor: not-allowed
}

.bocc-at-prefix-field:has(input:-moz-read-only) .prefix {
    color: #adbae6;
    color: var(--color-carbon-lighter-400)
}

.bocc-at-prefix-field:has(input:read-only) .prefix {
    color: #adbae6;
    color: var(--color-carbon-lighter-400)
}

.bocc-at-prefix-field .prefix {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 4px;
    padding-right: var(--spacing-4);
    padding-left: 8px;
    padding-left: var(--spacing-8);
    background-color: transparent;
    color: #555f83;
    color: var(--color-carbon-lighter-700);
    border-right: 1px solid rgba(223, 229, 249, 1);
    border-right: var(--border-1) solid var(--color-carbon-lighter-300)
}

.bocc-at-prefix-field input[type=number],
.bocc-at-prefix-field input[type=tel] {
    flex: 1;
    height: 40px;
    height: var(--spacing-40);
    border: none;
    padding: 8px 4px;
    padding: var(--spacing-8) var(--spacing-4) var(--spacing-8);
    background-color: transparent;
    color: #555f83;
    color: var(--color-carbon-lighter-700);
    letter-spacing: .7px;
    text-align: left;
    box-sizing: border-box;
    -moz-appearance: textfield;
    -webkit-appearance: none;
    appearance: none
}

.bocc-at-prefix-field input[type=number]::-moz-placeholder,
.bocc-at-prefix-field input[type=tel]::-moz-placeholder {
    color: #adbae6;
    color: var(--color-carbon-lighter-400)
}

.bocc-at-prefix-field input[type=number]::placeholder,
.bocc-at-prefix-field input[type=tel]::placeholder {
    color: #adbae6;
    color: var(--color-carbon-lighter-400)
}

.bocc-at-prefix-field input[type=number]:focus,
.bocc-at-prefix-field input[type=number]:active,
.bocc-at-prefix-field input[type=tel]:focus,
.bocc-at-prefix-field input[type=tel]:active {
    outline: none
}

.bocc-at-prefix-field input[type=number]:-moz-read-only,
.bocc-at-prefix-field input[type=tel]:-moz-read-only {
    cursor: not-allowed
}

.bocc-at-prefix-field input[type=number]:read-only,
.bocc-at-prefix-field input[type=tel]:read-only {
    cursor: not-allowed
}

.bocc-at-prefix-field .label {
    margin: 0;
    line-height: 16px;
    line-height: var(--spacing-16);
    letter-spacing: .9px;
    text-align: left;
    position: absolute;
    top: -23px;
    left: 0;
    color: #555f83;
    color: var(--color-carbon-lighter-700)
}

.bocc-at-prefix-field .hint {
    line-height: 16px;
    line-height: var(--spacing-16);
    letter-spacing: .7px;
    text-align: right;
    position: absolute;
    top: -23px;
    right: 0;
    margin: 0;
    color: #adbae6;
    color: var(--color-carbon-lighter-400)
}

.bocc-at-prefix-field__message {
    display: flex;
    align-items: center;
    line-height: 16px;
    line-height: var(--spacing-16);
    letter-spacing: .7px;
    text-align: right;
    position: absolute;
    bottom: -24px;
    left: 0;
    margin: 0;
    color: #555f83;
    color: var(--color-carbon-lighter-700)
}

.bocc-at-prefix-field__message.success {
    color: #555f83;
    color: var(--color-carbon-lighter-700)
}

.bocc-at-prefix-field__message.success:before {
    content: "\eb1e";
    font-size: 16px;
    font-family: BoccIcons;
    margin-right: 4px;
    margin-right: var(--spacing-4);
    color: #00ca82;
    color: var(--color-semantic-success-700)
}

.bocc-at-prefix-field__message.info {
    color: #3187ff;
    color: var(--color-semantic-info-700)
}

.bocc-at-prefix-field__message.info:before {
    content: "\eabe";
    font-size: 16px;
    font-family: BoccIcons;
    margin-right: 4px;
    margin-right: var(--spacing-4);
    color: #3187ff;
    color: var(--color-semantic-info-700)
}

.bocc-at-prefix-field__message.warning:before {
    content: "\eb3e";
    font-family: BoccIcons;
    font-size: 16px;
    margin-right: 4px;
    margin-right: var(--spacing-4);
    color: #ffaa31;
    color: var(--color-semantic-alert-700)
}

.bocc-at-prefix-field__message.error:before {
    content: "\eb3f";
    font-family: BoccIcons;
    font-size: 16px;
    margin-right: 4px;
    margin-right: var(--spacing-4);
    color: #e24c4c;
    color: var(--color-semantic-danger-700)
}

.bocc-at-prefix-field input[type=number]::-webkit-inner-spin-button,
.bocc-at-prefix-field input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important
}

/*!
 * Bootstrap v4.5.3 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*,
:after,
:before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.h1,
h1 {
    font-size: 2.5rem
}

.h2,
h2 {
    font-size: 2rem
}

.h3,
h3 {
    font-size: 1.75rem
}

.h4,
h4 {
    font-size: 1.5rem
}

.h5,
h5 {
    font-size: 1.25rem
}

.h6,
h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.small,
small {
    font-size: 80%;
    font-weight: 400
}

.mark,
mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-unstyled,
.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d
}

.blockquote-footer:before {
    content: "\2014\a0"
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {

    .container,
    .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3>* {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6>* {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width:576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-sm-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-sm-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-sm-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-sm-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.333333%
    }

    .offset-sm-2 {
        margin-left: 16.666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.333333%
    }

    .offset-sm-5 {
        margin-left: 41.666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.333333%
    }

    .offset-sm-8 {
        margin-left: 66.666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.333333%
    }

    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-md-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-md-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-md-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.333333%
    }

    .offset-md-2 {
        margin-left: 16.666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.333333%
    }

    .offset-md-5 {
        margin-left: 41.666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.333333%
    }

    .offset-md-8 {
        margin-left: 66.666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.333333%
    }

    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-lg-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-lg-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-lg-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-lg-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.333333%
    }

    .offset-lg-2 {
        margin-left: 16.666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.333333%
    }

    .offset-lg-5 {
        margin-left: 41.666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.333333%
    }

    .offset-lg-8 {
        margin-left: 66.666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.333333%
    }

    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-xl-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xl-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-xl-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-xl-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-xl-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-xl-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.333333%
    }

    .offset-xl-2 {
        margin-left: 16.666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.333333%
    }

    .offset-xl-5 {
        margin-left: 41.666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.333333%
    }

    .offset-xl-8 {
        margin-left: 66.666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.333333%
    }

    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

.table td,
.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6
}

.table-sm td,
.table-sm th {
    padding: .3rem
}

.table-bordered,
.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px
}

.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #0000000d
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: #00000013
}

.table-primary,
.table-primary>td,
.table-primary>th {
    background-color: #b8daff
}

.table-primary tbody+tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
    border-color: #7abaff
}

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #9fcdff
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
    background-color: #d6d8db
}

.table-secondary tbody+tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
    border-color: #b3b7bb
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #c8cbcf
}

.table-success,
.table-success>td,
.table-success>th {
    background-color: #c3e6cb
}

.table-success tbody+tbody,
.table-success td,
.table-success th,
.table-success thead th {
    border-color: #8fd19e
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #b1dfbb
}

.table-info,
.table-info>td,
.table-info>th {
    background-color: #bee5eb
}

.table-info tbody+tbody,
.table-info td,
.table-info th,
.table-info thead th {
    border-color: #86cfda
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #abdde5
}

.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #ffeeba
}

.table-warning tbody+tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
    border-color: #ffdf7e
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}

.table-danger,
.table-danger>td,
.table-danger>th {
    background-color: #f5c6cb
}

.table-danger tbody+tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
    border-color: #ed969e
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #f1b0b7
}

.table-light,
.table-light>td,
.table-light>th {
    background-color: #fdfdfe
}

.table-light tbody+tbody,
.table-light td,
.table-light th,
.table-light thead th {
    border-color: #fbfcfc
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ececf6
}

.table-dark,
.table-dark>td,
.table-dark>th {
    background-color: #c6c8ca
}

.table-dark tbody+tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #95999c
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}

.table-active,
.table-active>td,
.table-active>th {
    background-color: #00000013
}

.table-hover .table-active:hover {
    background-color: #00000013
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: #00000013
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #343a40
}

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #454d55
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: #ffffff0d
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: #ffffff13
}

@media (max-width:575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
    border: 0
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem #007bff40
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

input[type=date].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control,
input[type=time].form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control[multiple],
select.form-control[size],
textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,
.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: #28a745e6;
    border-radius: .25rem
}

.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
    display: block
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #28a745;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem #28a74540
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-valid,
.was-validated .custom-select:valid {
    border-color: #28a745;
    padding-right: calc(.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
}

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem #28a74540
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #28a745
}

.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
    color: #28a745
}

.custom-control-input.is-valid~.custom-control-label:before,
.was-validated .custom-control-input:valid~.custom-control-label:before {
    border-color: #28a745
}

.custom-control-input.is-valid:checked~.custom-control-label:before,
.was-validated .custom-control-input:valid:checked~.custom-control-label:before {
    border-color: #34ce57;
    background-color: #34ce57
}

.custom-control-input.is-valid:focus~.custom-control-label:before,
.was-validated .custom-control-input:valid:focus~.custom-control-label:before {
    box-shadow: 0 0 0 .2rem #28a74540
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label:before,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label:before {
    border-color: #28a745
}

.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #28a745
}

.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem #28a74540
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: #dc3545e6;
    border-radius: .25rem
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
    display: block
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem #dc354540
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    border-color: #dc3545;
    padding-right: calc(.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
}

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem #dc354540
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}

.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #dc3545
}

.custom-control-input.is-invalid~.custom-control-label:before,
.was-validated .custom-control-input:invalid~.custom-control-label:before {
    border-color: #dc3545
}

.custom-control-input.is-invalid:checked~.custom-control-label:before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label:before {
    border-color: #e4606d;
    background-color: #e4606d
}

.custom-control-input.is-invalid:focus~.custom-control-label:before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label:before {
    box-shadow: 0 0 0 .2rem #dc354540
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label:before,
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label:before {
    border-color: #dc3545
}

.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #dc3545
}

.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem #dc354540
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media (min-width:576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-plaintext {
        display: inline-block
    }

    .form-inline .custom-select,
    .form-inline .input-group {
        width: auto
    }

    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }

    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529;
    text-decoration: none
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem #007bff40
}

.btn.disabled,
.btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}

.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: 0 0 0 .2rem #268fff80
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #268fff80
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-secondary.focus,
.btn-secondary:focus {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
    box-shadow: 0 0 0 .2rem #828a9180
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #828a9180
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-success.focus,
.btn-success:focus {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    box-shadow: 0 0 0 .2rem #48b46180
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #48b46180
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info.focus,
.btn-info:focus {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
    box-shadow: 0 0 0 .2rem #3ab0c380
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #3ab0c380
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00
}

.btn-warning.focus,
.btn-warning:focus {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
    box-shadow: 0 0 0 .2rem #deaa0c80
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #deaa0c80
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger.focus,
.btn-danger:focus {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
    box-shadow: 0 0 0 .2rem #e1536180
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #e1536180
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light.focus,
.btn-light:focus {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
    box-shadow: 0 0 0 .2rem #d8d9db80
}

.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #d8d9db80
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark.focus,
.btn-dark:focus {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
    box-shadow: 0 0 0 .2rem #52585d80
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #52585d80
}

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem #007bff80
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #007bff80
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .2rem #6c757d80
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #6c757d80
}

.btn-outline-success {
    color: #28a745;
    border-color: #28a745
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success.focus,
.btn-outline-success:focus {
    box-shadow: 0 0 0 .2rem #28a74580
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #28a74580
}

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info.focus,
.btn-outline-info:focus {
    box-shadow: 0 0 0 .2rem #17a2b880
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #17a2b880
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 .2rem #ffc10780
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #ffc10780
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger.focus,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem #dc354580
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #dc354580
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light.focus,
.btn-outline-light:focus {
    box-shadow: 0 0 0 .2rem #f8f9fa80
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #f8f9fa80
}

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark.focus,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 .2rem #343a4080
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #343a4080
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline
}

.btn-link.focus,
.btn-link:focus {
    text-decoration: underline
}

.btn-link.disabled,
.btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-group-lg>.btn,
.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-group-sm>.btn,
.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: .5rem
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.dropdown,
.dropleft,
.dropright,
.dropup {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty:after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

@media (min-width:576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }
}

@media (min-width:768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

@media (min-width:992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropright .dropdown-toggle:after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropleft .dropdown-toggle:after {
    display: none
}

.dropleft .dropdown-toggle:before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropleft .dropdown-toggle:before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group-vertical>.btn:hover,
.btn-group>.btn:hover {
    z-index: 1
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child) {
    margin-left: -1px
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split:after,
.dropright .dropdown-toggle-split:after,
.dropup .dropdown-toggle-split:after {
    margin-left: 0
}

.dropleft .dropdown-toggle-split:before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0
}

.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0
}

.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.form-control {
    margin-left: -1px
}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group>.custom-select:not(:last-child),
.input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-file {
    display: flex;
    align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label:after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-append,
.input-group-prepend {
    display: flex
}

.input-group-append .btn,
.input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
    z-index: 3
}

.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .input-group-text+.input-group-text,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {
    margin-top: 0
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control:not(textarea) {
    height: calc(1.5em + 1rem + 2px)
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control:not(textarea) {
    height: calc(1.5em + .5rem + 2px)
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
    padding-right: 1.75rem
}

.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-append:not(:last-child)>.btn,
.input-group>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    -webkit-print-color-adjust: exact;
    color-adjust: exact
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0
}

.custom-control-input:checked~.custom-control-label:before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff
}

.custom-control-input:focus~.custom-control-label:before {
    box-shadow: 0 0 0 .2rem #007bff40
}

.custom-control-input:focus:not(:checked)~.custom-control-label:before {
    border-color: #80bdff
}

.custom-control-input:not(:disabled):active~.custom-control-label:before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff
}

.custom-control-input:disabled~.custom-control-label,
.custom-control-input[disabled]~.custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled~.custom-control-label:before,
.custom-control-input[disabled]~.custom-control-label:before {
    background-color: #e9ecef
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

.custom-control-label:before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px
}

.custom-control-label:after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50%/50% 50%
}

.custom-checkbox .custom-control-label:before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before {
    border-color: #007bff;
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before {
    background-color: #007bff80
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before {
    background-color: #007bff80
}

.custom-radio .custom-control-label:before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label:before {
    background-color: #007bff80
}

.custom-switch {
    padding-left: 2.25rem
}

.custom-switch .custom-control-label:before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem
}

.custom-switch .custom-control-label:after {
    top: calc(.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label:after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked~.custom-control-label:after {
    background-color: #fff;
    transform: translate(.75rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label:before {
    background-color: #007bff80
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem #007bff40
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    display: none
}

.custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin: 0;
    opacity: 0
}

.custom-file-input:focus~.custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem #007bff40
}

.custom-file-input:disabled~.custom-file-label,
.custom-file-input[disabled]~.custom-file-label {
    background-color: #e9ecef
}

.custom-file-input:lang(en)~.custom-file-label:after {
    content: "Browse"
}

.custom-file-input~.custom-file-label[data-browse]:after {
    content: attr(data-browse)
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.custom-file-label:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + .75rem);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0
}

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-range:focus {
    outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem #007bff40
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem #007bff40
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem #007bff40
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -moz-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}

.custom-control-label:before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {

    .custom-control-label:before,
    .custom-file-label,
    .custom-select {
        transition: none
    }
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:focus,
.nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-item {
    margin-bottom: -1px
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff
}

.nav-fill .nav-item,
.nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1rem
}

.navbar .container,
.navbar .container-fluid,
.navbar .container-lg,
.navbar .container-md,
.navbar .container-sm,
.navbar .container-xl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler:focus,
.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%
}

@media (max-width:575.98px) {

    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        flex-wrap: nowrap
    }

    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-sm .navbar-toggler {
        display: none
    }
}

@media (max-width:767.98px) {

    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        flex-wrap: nowrap
    }

    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media (max-width:991.98px) {

    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        flex-wrap: nowrap
    }

    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

@media (max-width:1199.98px) {

    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        flex-wrap: nowrap
    }

    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    padding-right: 0;
    padding-left: 0
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    flex-wrap: nowrap
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand {
    color: #000000e6
}

.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: #000000e6
}

.navbar-light .navbar-nav .nav-link {
    color: #00000080
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: #000000b3
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: #0000004d
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: #000000e6
}

.navbar-light .navbar-toggler {
    color: #00000080;
    border-color: #0000001a
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: #00000080
}

.navbar-light .navbar-text a {
    color: #000000e6
}

.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
    color: #000000e6
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: #ffffff80
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: #ffffffbf
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: #ffffff40
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: #ffffff80;
    border-color: #ffffff1a
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: #ffffff80
}

.navbar-dark .navbar-text a {
    color: #fff
}

.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #00000008;
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: #00000008;
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    inset: 0;
    padding: 1.25rem;
    border-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom,
.card-img-top {
    flex-shrink: 0;
    width: 100%
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck .card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }

    .card-deck .card {
        flex: 1 0 0%;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.card-group>.card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }

    .card-group>.card {
        flex: 1 0 0%;
        margin-bottom: 0
    }

    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }

    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-header,
    .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-footer,
    .card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-header,
    .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-footer,
    .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width:576px) {
    .card-columns {
        -moz-column-count: 3;
        column-count: 3;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }

    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.accordion {
    overflow-anchor: none
}

.accordion>.card {
    overflow: hidden
}

.accordion>.card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion>.card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: -1px
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item {
    display: flex
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item:before {
    display: inline-block;
    padding-right: .5rem;
    color: #6c757d;
    content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover:before {
    text-decoration: underline
}

.breadcrumb-item+.breadcrumb-item:hover:before {
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 .2rem #007bff40
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .badge {
        transition: none
    }
}

a.badge:focus,
a.badge:hover {
    text-decoration: none
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

a.badge-primary:focus,
a.badge-primary:hover {
    color: #fff;
    background-color: #0062cc
}

a.badge-primary.focus,
a.badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem #007bff80
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

a.badge-secondary:focus,
a.badge-secondary:hover {
    color: #fff;
    background-color: #545b62
}

a.badge-secondary.focus,
a.badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem #6c757d80
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

a.badge-success:focus,
a.badge-success:hover {
    color: #fff;
    background-color: #1e7e34
}

a.badge-success.focus,
a.badge-success:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem #28a74580
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

a.badge-info:focus,
a.badge-info:hover {
    color: #fff;
    background-color: #117a8b
}

a.badge-info.focus,
a.badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem #17a2b880
}

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

a.badge-warning:focus,
a.badge-warning:hover {
    color: #212529;
    background-color: #d39e00
}

a.badge-warning.focus,
a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem #ffc10780
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

a.badge-danger:focus,
a.badge-danger:hover {
    color: #fff;
    background-color: #bd2130
}

a.badge-danger.focus,
a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem #dc354580
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

a.badge-light:focus,
a.badge-light:hover {
    color: #212529;
    background-color: #dae0e5
}

a.badge-light.focus,
a.badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem #f8f9fa80
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

a.badge-dark:focus,
a.badge-dark:hover {
    color: #fff;
    background-color: #1d2124
}

a.badge-dark.focus,
a.badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem #343a4080
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media (min-width:576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.alert-primary hr {
    border-top-color: #9fcdff
}

.alert-primary .alert-link {
    color: #002752
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-success hr {
    border-top-color: #b1dfbb
}

.alert-success .alert-link {
    color: #0b2e13
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert-warning hr {
    border-top-color: #ffe8a1
}

.alert-warning .alert-link {
    color: #533f03
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.alert-danger hr {
    border-top-color: #f1b0b7
}

.alert-danger .alert-link {
    color: #491217
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

@keyframes progress-bar-stripes {
    0% {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    line-height: 0;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    animation: progress-bar-stripes 1s linear infinite
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.media {
    display: flex;
    align-items: flex-start
}

.media-body {
    flex: 1
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}

@media (min-width:576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }

    .list-group-horizontal-sm>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-sm>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }

    .list-group-horizontal-md>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-md>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }

    .list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-lg>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }

    .list-group-horizontal-xl>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-xl>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 1px
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    color: #004085;
    background-color: #9fcdff
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
    color: #383d41;
    background-color: #c8cbcf
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
    color: #155724;
    background-color: #b1dfbb
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
    color: #0c5460;
    background-color: #abdde5
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
    color: #856404;
    background-color: #ffe8a1
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
    color: #721c24;
    background-color: #f1b0b7
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
    color: #818182;
    background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
    color: #1b1e21;
    background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:hover {
    color: #000;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: .75
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0
}

a.close.disabled {
    pointer-events: none
}

.toast {
    flex-basis: 350px;
    max-width: 350px;
    font-size: .875rem;
    background-color: #ffffffd9;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 .25rem .75rem #0000001a;
    opacity: 0;
    border-radius: .25rem
}

.toast:not(:last-child) {
    margin-bottom: .75rem
}

.toast.showing {
    opacity: 1
}

.toast.show {
    display: block;
    opacity: 1
}

.toast.hide {
    display: none
}

.toast-header {
    display: flex;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: #ffffffd9;
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.toast-body {
    padding: .75rem
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translateY(-50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered:before {
    display: block;
    height: calc(100vh - 1rem);
    height: -moz-min-content;
    height: min-content;
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable:before {
    content: none
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer>* {
    margin: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered:before {
        height: calc(100vh - 3.5rem);
        height: -moz-min-content;
        height: min-content
    }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width:992px) {

    .modal-lg,
    .modal-xl {
        max-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow:before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow:before,
.bs-tooltip-top .arrow:before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow:before,
.bs-tooltip-right .arrow:before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow:before,
.bs-tooltip-bottom .arrow:before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow:before,
.bs-tooltip-left .arrow:before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
}

.popover .arrow:after,
.popover .arrow:before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-popover-auto[x-placement^=top],
.bs-popover-top {
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top]>.arrow,
.bs-popover-top>.arrow {
    bottom: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=top]>.arrow:before,
.bs-popover-top>.arrow:before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: #00000040
}

.bs-popover-auto[x-placement^=top]>.arrow:after,
.bs-popover-top>.arrow:after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

.bs-popover-auto[x-placement^=right],
.bs-popover-right {
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right]>.arrow,
.bs-popover-right>.arrow {
    left: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=right]>.arrow:before,
.bs-popover-right>.arrow:before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #00000040
}

.bs-popover-auto[x-placement^=right]>.arrow:after,
.bs-popover-right>.arrow:after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom]>.arrow,
.bs-popover-bottom>.arrow {
    top: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=bottom]>.arrow:before,
.bs-popover-bottom>.arrow:before {
    top: 0;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #00000040
}

.bs-popover-auto[x-placement^=bottom]>.arrow:after,
.bs-popover-bottom>.arrow:after {
    top: 1px;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header:before,
.bs-popover-bottom .popover-header:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.bs-popover-auto[x-placement^=left],
.bs-popover-left {
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left]>.arrow,
.bs-popover-left>.arrow {
    right: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=left]>.arrow:before,
.bs-popover-left>.arrow:before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #00000040
}

.bs-popover-auto[x-placement^=left]>.arrow:after,
.bs-popover-left>.arrow:after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner:after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
    transform: translate(100%)
}

.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
    transform: translate(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {

    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {

    .carousel-control-next,
    .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat 50%/100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border .75s linear infinite
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    animation: spinner-grow .75s linear infinite
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-primary {
    background-color: #007bff !important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #bd2130 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
    background-color: #1d2124 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #007bff !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

.border-white {
    border-color: #fff !important
}

.rounded-sm {
    border-radius: .2rem !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-right {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-left {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-lg {
    border-radius: .3rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media (min-width:576px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:1200px) {
    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive:before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9:before {
    padding-top: 42.857143%
}

.embed-responsive-16by9:before {
    padding-top: 56.25%
}

.embed-responsive-4by3:before {
    padding-top: 75%
}

.embed-responsive-1by1:before {
    padding-top: 100%
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width:576px) {
    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width:576px) {
    .float-sm-left {
        float: left !important
    }

    .float-sm-right {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }
}

@media (min-width:768px) {
    .float-md-left {
        float: left !important
    }

    .float-md-right {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }
}

@media (min-width:992px) {
    .float-lg-left {
        float: left !important
    }

    .float-lg-right {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }
}

@media (min-width:1200px) {
    .float-xl-left {
        float: left !important
    }

    .float-xl-right {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }
}

.user-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports (position:sticky) {
    .sticky-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem #00000013 !important
}

.shadow {
    box-shadow: 0 .5rem 1rem #00000026 !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem #0000002d !important
}

.shadow-none {
    box-shadow: none !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.m-0 {
    margin: 0 !important
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5,
.my-5 {
    margin-top: 3rem !important
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pr-3,
.px-3 {
    padding-right: 1rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5,
.py-5 {
    padding-top: 3rem !important
}

.pr-5,
.px-5 {
    padding-right: 3rem !important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
    padding-left: 3rem !important
}

.m-n1 {
    margin: -.25rem !important
}

.mt-n1,
.my-n1 {
    margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2,
.my-n2 {
    margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
    margin-left: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto,
.my-auto {
    margin-top: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0 !important
    }

    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important
    }

    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important
    }

    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important
    }

    .m-sm-n1 {
        margin: -.25rem !important
    }

    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -.25rem !important
    }

    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -.25rem !important
    }

    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -.25rem !important
    }

    .m-sm-n2 {
        margin: -.5rem !important
    }

    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -.5rem !important
    }

    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -.5rem !important
    }

    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -.5rem !important
    }

    .m-sm-n3 {
        margin: -1rem !important
    }

    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important
    }

    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important
    }

    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important
    }

    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important
    }

    .m-sm-n4 {
        margin: -1.5rem !important
    }

    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important
    }

    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important
    }

    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important
    }

    .m-sm-n5 {
        margin: -3rem !important
    }

    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important
    }

    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important
    }

    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important
    }

    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important
    }

    .m-md-n1 {
        margin: -.25rem !important
    }

    .mt-md-n1,
    .my-md-n1 {
        margin-top: -.25rem !important
    }

    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -.25rem !important
    }

    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -.25rem !important
    }

    .m-md-n2 {
        margin: -.5rem !important
    }

    .mt-md-n2,
    .my-md-n2 {
        margin-top: -.5rem !important
    }

    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -.5rem !important
    }

    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -.5rem !important
    }

    .m-md-n3 {
        margin: -1rem !important
    }

    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important
    }

    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important
    }

    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important
    }

    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important
    }

    .m-md-n4 {
        margin: -1.5rem !important
    }

    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important
    }

    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important
    }

    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important
    }

    .m-md-n5 {
        margin: -3rem !important
    }

    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important
    }

    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important
    }

    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important
    }

    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important
    }

    .m-lg-n1 {
        margin: -.25rem !important
    }

    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -.25rem !important
    }

    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -.25rem !important
    }

    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -.25rem !important
    }

    .m-lg-n2 {
        margin: -.5rem !important
    }

    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -.5rem !important
    }

    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -.5rem !important
    }

    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -.5rem !important
    }

    .m-lg-n3 {
        margin: -1rem !important
    }

    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important
    }

    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important
    }

    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important
    }

    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important
    }

    .m-lg-n4 {
        margin: -1.5rem !important
    }

    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important
    }

    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important
    }

    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important
    }

    .m-lg-n5 {
        margin: -3rem !important
    }

    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important
    }

    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important
    }

    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important
    }

    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important
    }

    .m-xl-n1 {
        margin: -.25rem !important
    }

    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -.25rem !important
    }

    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -.25rem !important
    }

    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -.25rem !important
    }

    .m-xl-n2 {
        margin: -.5rem !important
    }

    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -.5rem !important
    }

    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -.5rem !important
    }

    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -.5rem !important
    }

    .m-xl-n3 {
        margin: -1rem !important
    }

    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important
    }

    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important
    }

    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important
    }

    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important
    }

    .m-xl-n4 {
        margin: -1.5rem !important
    }

    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important
    }

    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important
    }

    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important
    }

    .m-xl-n5 {
        margin: -3rem !important
    }

    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important
    }

    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important
    }

    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important
    }

    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important
    }
}

.stretched-link:after {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: #0000
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace !important
}

.text-justify {
    text-align: justify !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width:576px) {
    .text-sm-left {
        text-align: left !important
    }

    .text-sm-right {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .text-md-left {
        text-align: left !important
    }

    .text-md-right {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .text-lg-left {
        text-align: left !important
    }

    .text-lg-right {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .text-xl-left {
        text-align: left !important
    }

    .text-xl-right {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #007bff !important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #0056b3 !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #494f54 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:focus,
a.text-success:hover {
    color: #19692c !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:focus,
a.text-info:hover {
    color: #0f6674 !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #ba8b00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #a71d2a !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:focus,
a.text-light:hover {
    color: #cbd3da !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:focus,
a.text-dark:hover {
    color: #121416 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: #00000080 !important
}

.text-white-50 {
    color: #ffffff80 !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-break: break-word !important;
    word-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {

    *,
    :after,
    :before {
        text-shadow: none !important;
        box-shadow: none !important
    }

    a:not(.btn) {
        text-decoration: underline
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    pre {
        white-space: pre-wrap !important
    }

    blockquote,
    pre {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    @page {
        size: a3
    }

    body,
    .container {
        min-width: 992px !important
    }

    .navbar {
        display: none
    }

    .badge {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td,
    .table th {
        background-color: #fff !important
    }

    .table-bordered td,
    .table-bordered th {
        border: 1px solid #dee2e6 !important
    }

    .table-dark {
        color: inherit
    }

    .table-dark tbody+tbody,
    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: #dee2e6
    }

    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}

.pzl-fill--food {
    fill: #fc6500
}

.pzl-color--food {
    color: #fc6500
}

.pzl-bgcolor--food {
    background-color: #fc6500
}

.pzl-fill--advance {
    fill: #fcaf1e
}

.pzl-color--advance {
    color: #fcaf1e
}

.pzl-bgcolor--advance {
    background-color: #fcaf1e
}

.pzl-fill--beauty {
    fill: #6a1b9a
}

.pzl-color--beauty {
    color: #6a1b9a
}

.pzl-bgcolor--beauty {
    background-color: #6a1b9a
}

.pzl-fill--education {
    fill: #008cff
}

.pzl-color--education {
    color: #008cff
}

.pzl-bgcolor--education {
    background-color: #008cff
}

.pzl-fill--entertainment {
    fill: #ffd200
}

.pzl-color--entertainment {
    color: #ffd200
}

.pzl-bgcolor--entertainment {
    background-color: #ffd200
}

.pzl-fill--commissions {
    fill: #105e86
}

.pzl-color--commissions {
    color: #105e86
}

.pzl-bgcolor--commissions {
    background-color: #105e86
}

.pzl-fill--transfer {
    fill: #7ecb40
}

.pzl-color--transfer {
    color: #7ecb40
}

.pzl-bgcolor--transfer {
    background-color: #7ecb40
}

.pzl-fill--home {
    fill: #880e4f
}

.pzl-color--home {
    color: #880e4f
}

.pzl-bgcolor--home {
    background-color: #880e4f
}

.pzl-fill--tax {
    fill: #20696a
}

.pzl-color--tax {
    color: #20696a
}

.pzl-bgcolor--tax {
    background-color: #20696a
}

.pzl-fill--financial {
    fill: #2ba1ac
}

.pzl-color--financial {
    color: #2ba1ac
}

.pzl-bgcolor--financial {
    background-color: #2ba1ac
}

.pzl-fill--other {
    fill: #253458
}

.pzl-color--other {
    color: #253458
}

.pzl-bgcolor--other {
    background-color: #253458
}

.pzl-fill--purchases {
    fill: #7c3cbb
}

.pzl-color--purchases {
    color: #7c3cbb
}

.pzl-bgcolor--purchases {
    background-color: #7c3cbb
}

.pzl-fill--payment {
    fill: #0062ff
}

.pzl-color--payment {
    color: #0062ff
}

.pzl-bgcolor--payment {
    background-color: #0062ff
}

.pzl-fill--withdrawal {
    fill: #41d0de
}

.pzl-color--withdrawal {
    color: #41d0de
}

.pzl-bgcolor--withdrawal {
    background-color: #41d0de
}

.pzl-fill--clothes {
    fill: #a17d33
}

.pzl-color--clothes {
    color: #a17d33
}

.pzl-bgcolor--clothes {
    background-color: #a17d33
}

.pzl-fill--health {
    fill: #ed4c90
}

.pzl-color--health {
    color: #ed4c90
}

.pzl-bgcolor--health {
    background-color: #ed4c90
}

.pzl-fill--services {
    fill: #0d113f
}

.pzl-color--services {
    color: #0d113f
}

.pzl-bgcolor--services {
    background-color: #0d113f
}

.pzl-fill--technology {
    fill: #1a237e
}

.pzl-color--technology {
    color: #1a237e
}

.pzl-bgcolor--technology {
    background-color: #1a237e
}

.pzl-fill--advice {
    fill: #663
}

.pzl-color--advice {
    color: #663
}

.pzl-bgcolor--advice {
    background-color: #663
}

.pzl-fill--transport {
    fill: #1b5e20
}

.pzl-color--transport {
    color: #1b5e20
}

.pzl-bgcolor--transport {
    background-color: #1b5e20
}

.pzl-fill--trip {
    fill: #4caf50
}

.pzl-color--trip {
    color: #4caf50
}

.pzl-bgcolor--trip {
    background-color: #4caf50
}

.pzl-fill--deposit {
    fill: #0331a1
}

.pzl-color--deposit {
    color: #0331a1
}

.pzl-bgcolor--deposit {
    background-color: #0331a1
}

.pzl-fill--incomes-other {
    fill: #007fbd
}

.pzl-color--incomes-other {
    color: #007fbd
}

.pzl-bgcolor--incomes-other {
    background-color: #007fbd
}

.pzl-fill--incomes-transfer {
    fill: #f88810
}

.pzl-color--incomes-transfer {
    color: #f88810
}

.pzl-bgcolor--incomes-transfer {
    background-color: #f88810
}

.pzl-fill--financial-products {
    fill: #710b79
}

.pzl-color--financial-products {
    color: #710b79
}

.pzl-bgcolor--financial-products {
    background-color: #710b79
}

.pzl-fill--business-sales {
    fill: #7f8f00
}

.pzl-color--business-sales {
    color: #7f8f00
}

.pzl-bgcolor--business-sales {
    background-color: #7f8f00
}

.pzl-fill--salary {
    fill: #5bc7e1
}

.pzl-color--salary {
    color: #5bc7e1
}

.pzl-bgcolor--salary {
    background-color: #5bc7e1
}

.pzl-fill--reversion {
    fill: #710b79
}

.pzl-color--reversion {
    color: #710b79
}

.pzl-bgcolor--reversion {
    background-color: #710b79
}

.pzl-fill--transfers_to_my_accounts {
    fill: #20696a
}

.pzl-color--transfers_to_my_accounts {
    color: #20696a
}

.pzl-bgcolor--transfers_to_my_accounts {
    background-color: #20696a
}

.pzl-fill--savings_and_investments {
    fill: #663
}

.pzl-color--savings_and_investments {
    color: #663
}

.pzl-bgcolor--savings_and_investments {
    background-color: #663
}

.pzl-fill--donations {
    fill: #0d113f
}

.pzl-color--donations {
    color: #0d113f
}

.pzl-bgcolor--donations {
    background-color: #0d113f
}

.pzl-fill--transfers_between_accounts {
    fill: #1a237e
}

.pzl-color--transfers_between_accounts {
    color: #1a237e
}

.pzl-bgcolor--transfers_between_accounts {
    background-color: #1a237e
}

.pzl-fill--disbursements_and_advances {
    fill: #253458
}

.pzl-color--disbursements_and_advances {
    color: #253458
}

.pzl-bgcolor--disbursements_and_advances {
    background-color: #253458
}

.pzl-fill--interest {
    fill: #0d113f
}

.pzl-color--interest {
    color: #0d113f
}

.pzl-bgcolor--interest {
    background-color: #0d113f
}

.pzl-fill--insurances {
    fill: #663
}

.pzl-color--insurances {
    color: #663
}

.pzl-bgcolor--insurances {
    background-color: #663
}

.pzl-fill--administrative_expenses {
    fill: #2ba1ac
}

.pzl-color--administrative_expenses {
    color: #2ba1ac
}

.pzl-bgcolor--administrative_expenses {
    background-color: #2ba1ac
}

.pzl-fill--handling_fee {
    fill: #007fbd
}

.pzl-color--handling_fee {
    color: #007fbd
}

.pzl-bgcolor--handling_fee {
    background-color: #007fbd
}

.pzl-fill--adjustments_and_news_d {
    fill: #41d0de
}

.pzl-color--adjustments_and_news_d {
    color: #41d0de
}

.pzl-bgcolor--adjustments_and_news_d {
    background-color: #41d0de
}

.pzl-fill--adjustments_and_news_c {
    fill: #41d0de
}

.pzl-color--adjustments_and_news_c {
    color: #41d0de
}

.pzl-bgcolor--adjustments_and_news_c {
    background-color: #41d0de
}

.pzl-fill--tc-payment {
    fill: #0331a1
}

.pzl-color--tc-payment {
    color: #0331a1
}

.pzl-bgcolor--tc-payment {
    background-color: #0331a1
}

.pzl-fill--tc-reversion {
    fill: #710b79
}

.pzl-color--tc-reversion {
    color: #710b79
}

.pzl-bgcolor--tc-reversion {
    background-color: #710b79
}

.pzl-fill--pets {
    fill: #253458
}

.pzl-color--pets {
    color: #253458
}

.pzl-bgcolor--pets {
    background-color: #253458
}

.pzl-fill--restaurants {
    fill: #fc6500
}

.pzl-color--restaurants {
    color: #fc6500
}

.pzl-bgcolor--restaurants {
    background-color: #fc6500
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.pzl-text,
.pzl-text--ovrl,
.pzl-text--button,
.pzl-text--cap,
.pzl-text--bs,
.pzl-text--bm,
.pzl-text--bl,
.pzl-text--sts,
.pzl-text--stm,
.pzl-text--stl,
.pzl-text--h6,
.pzl-text--h5,
.pzl-text--h4,
.pzl-text--h3,
.pzl-text--h2,
.pzl-text--h1,
.pzl-text--hero {
    font-family: Poppins
}

.pzl-text--hero {
    font-size: 88px;
    line-height: .91;
    letter-spacing: normal
}

.pzl-text--h1 {
    font-size: 54px;
    line-height: 1.19;
    letter-spacing: normal
}

.pzl-text--h2 {
    font-size: 44px;
    line-height: 1.09;
    letter-spacing: normal
}

.pzl-text--h3 {
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: normal
}

.pzl-text--h4 {
    font-size: 26px;
    line-height: 1.54;
    letter-spacing: normal
}

.pzl-text--h5,
.pzl-text--h6 {
    font-size: 18px;
    line-height: 1.78;
    letter-spacing: normal
}

.pzl-text--stl {
    font-size: 16px;
    line-height: 1.5
}

.pzl-text--stm {
    font-size: 14px;
    line-height: 1.71
}

.pzl-text--sts {
    font-size: 12px;
    line-height: 2
}

.pzl-text--bl {
    font-size: 14px;
    line-height: 1.57;
    letter-spacing: normal
}

.pzl-text--bm,
.pzl-text--bs {
    font-size: 12px;
    line-height: 1.83;
    letter-spacing: normal
}

.pzl-text--cap {
    font-size: 10px;
    line-height: 1.6;
    letter-spacing: normal
}

.pzl-text--button {
    font-size: 12px;
    line-height: 2
}

.pzl-text--ovrl {
    font-size: 10px;
    line-height: 2.4;
    letter-spacing: normal
}

.pzl-card,
.pzl-card--bordered {
    border-radius: 4px;
    background-color: #fff
}

.pzl-card--bordered {
    border: solid 1px
}

.pzl-card--elevated-2 {
    box-shadow: 0 2px 2px #00246f33
}

.pzl-card--elevated-4 {
    box-shadow: 0 4px 4px #00246f66
}

.pzl-card--elevated-8 {
    box-shadow: 0 8px 8px #00246f66
}

.pzl-card--elevated-16 {
    box-shadow: 0 16px 16px #00246f66
}

.pzl-card--elevated-24 {
    box-shadow: 0 24px 24px #00246f66
}

.pzl-balance-donut-chart__donut {
    fill: #fff;
    stroke: #adbae6
}

.pzl-balance-donut-chart__arc1.arc1,
.pzl-balance-donut-chart__circle {
    fill: #0081ff
}

.pzl-balance-donut-chart__icon-circle {
    fill: #fff
}

.pzl-balance-donut-chart__icon {
    fill: #0081ff
}

.pzl-balance-donut-chart__arc2.arc1 {
    fill: #ffaa31
}

.pzl-balance-donut-chart__arc3.arc1 {
    fill: #e24c4c
}

.pzl-balance-donut-chart__line {
    stroke: #1b1c1e
}

.pzl-balance-donut-chart__tag {
    fill: #fff;
    stroke: #003585;
    font-family: Poppins
}

.pzl-balance-donut-chart__tag.overdraft {
    stroke: #e24c4c
}

.pzl-balance-donut-chart__label {
    fill: #1b1c1e;
    font-size: 12px
}

.pzl-balance-donut-chart__label.overdraft {
    fill: #e24c4c
}

.pzl-balance-donut-chart__shadow {
    flood-color: #022047;
    flood-opacity: .28
}

.pzl-bar-chart * {
    font-family: Poppins
}

.pzl-bar-chart__axis .tick line {
    color: #adbae6;
    stroke-dasharray: 1, 4
}

.pzl-bar-chart__axis .tick text {
    font-family: Poppins;
    color: #555f83;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.71
}

.pzl-bar-chart__axis-x .tick text {
    font-family: Poppins;
    color: #555f83;
    font-size: 10px
}

.pzl-bar-chart__tag {
    fill: #fff;
    stroke: #003585
}

.pzl-bar-chart__label {
    fill: #022047;
    font-size: 12px;
    font-weight: 500
}

.pzl-bar-chart__shadow {
    flood-color: #022047;
    flood-opacity: .28
}

.pzl-balance-bar-chart .pzl-bar-chart__bar-incomes {
    fill: #00ca82
}

.pzl-balance-bar-chart .pzl-bar-chart__bar-expenses {
    fill: #ffaa31
}

.pzl-balance-bar-chart .pzl-bar-chart__bar-balance {
    fill: #0081ff
}

.pzl-balance-bar-chart .pzl-bar-chart__bar-overdraft,
.pzl-balance-bar-chart .pzl-bar-chart__label-overdraft {
    fill: #e24c4c
}

.pzl-balance-bar-chart .pzl-bar-chart__tag-overdraft {
    stroke: #e24c4c
}

.pzl-donut-chart * {
    font-family: Poppins
}

.pzl-donut-chart__donut {
    stroke: #adbae6
}

.pzl-donut-chart__arc1.arc1 {
    fill: #0081ff
}

.pzl-donut-chart__icon-circle {
    fill: #fff
}

.pzl-donut-chart__icon {
    fill: #0081ff
}

.pzl-donut-chart__arc2.arc1 {
    fill: #dca85e
}

.pzl-donut-chart__line {
    stroke: #333
}

.pzl-donut-chart__tag {
    fill: #fff;
    stroke: #003585;
    font-size: 12px
}

.pzl-donut-chart__shadow {
    flood-color: #00246f;
    flood-opacity: .2
}

.pzl-donut-chart__label {
    color: #022047;
    font-size: 12px
}

.pzl-donut-chart__label--label {
    font-weight: 400;
    line-height: 1;
    text-align: center
}

.pzl-donut-chart__text {
    color: #022047;
    font-size: 12px
}

.pzl-donut-chart__text--container {
    position: fixed
}

.pzl-tc-donut-chart--amount .pzl-currency__amount {
    color: #022047
}

.pzl-balance-chart {
    width: 100%;
    display: grid;
    grid-template-areas: "switch" "content" "summary";
    justify-items: center;
    align-items: center
}

.pzl-balance-chart__content {
    grid-area: content;
    height: 272px;
    margin: 0 32px;
    width: calc(100% - 64px);
    display: grid;
    justify-items: center
}

.pzl-balance-chart__content--chart-donut {
    width: 320px;
    height: 100%
}

.pzl-balance-chart__content--chart-bar {
    height: 100%;
    align-self: center;
    width: 100%
}

.pzl-balance-chart__switch {
    grid-area: switch
}

.pzl-balance-chart__summary {
    border-top: solid 1px #dfe5f9;
    grid-area: summary
}

.pzl-option {
    font-family: Poppins;
    height: auto;
    min-height: 32px;
    padding: 4px 16px;
    box-sizing: border-box;
    background-color: #fff;
    color: #55616f
}

.pzl-option__label {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    line-height: 2
}

.pzl-option--selected {
    background: linear-gradient(to top, #0056cb, #0081ff);
    color: #fff
}

.pzl-option--checkbox {
    padding-left: 8px
}

.pzl-option--checkbox.pzl-option--selected {
    background: #ffffff;
    color: #55616f
}

.pzl-option:hover {
    background: linear-gradient(to top, #0056cb, #0081ff);
    color: #fff
}

.pzl-option.pzl-option--disabled {
    color: #adbae6;
    background: #ffffff
}

.pzl-switch {
    height: 24px;
    border-radius: 22px;
    border: 1px solid #ffffff;
    background-image: linear-gradient(to top, #0056cb, #0081ff);
    box-shadow: 0 4px 4px #adbae666;
    padding: 2px;
    box-sizing: border-box
}

.pzl-switch__option,
.pzl-switch__option--selected {
    width: 100% !important;
    padding: 0 4px !important
}

.pzl-switch__option-content {
    width: 100% !important;
    margin-left: 0 !important
}

.pzl-switch__option .pzl-switch__label,
.pzl-switch__option--selected .pzl-switch__label {
    width: 100% !important;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: normal;
    color: #fff;
    text-transform: uppercase;
    font-family: Poppins
}

.pzl-switch__option .pzl-switch__icon,
.pzl-switch__option--selected .pzl-switch__icon {
    color: #fff;
    width: 14px;
    height: 14px;
    margin: 0 4px
}

.pzl-switch__option--selected {
    background: #ffffff
}

.pzl-switch__option--selected .pzl-switch__option-content {
    margin-left: 4px
}

.pzl-switch__option--selected .pzl-switch__label {
    color: #55616f
}

.pzl-switch__option--selected .pzl-switch__icon {
    color: #0081ff
}

.pzl-switch__container-option:last-child .pzl-switch__option,
.pzl-switch__container-option:last-child .pzl-switch__option--selected {
    flex-direction: row-reverse
}

.pzl-switch__container-option:last-child .pzl-switch__option .pzl-switch__label,
.pzl-switch__container-option:last-child .pzl-switch__option--selected .pzl-switch__label {
    text-align: right
}

.pzl-separator {
    margin-top: 16px;
    border-bottom: 1px solid #add2f6
}

.pzl-separator--vertical {
    margin-left: 16px;
    border-left: 1px solid #add2f6
}

.pzl-currency {
    color: #1b1c1e
}

.pzl-currency__amount {
    font-family: Poppins;
    line-height: 1.71;
    letter-spacing: normal
}

.pzl-currency__amount .pzl-currency__integer {
    font-size: 14px;
    letter-spacing: normal;
    float: right;
    color: #555f83
}

.pzl-currency__amount .pzl-currency__fraction {
    position: relative;
    font-size: 12px;
    letter-spacing: normal;
    line-height: 1.71;
    color: #adbae6
}

.pzl-currency__amount .pzl-currency__separator {
    color: #adbae6
}

.pzl-currency--red .pzl-currency__integer {
    color: #e24c4c
}

.pzl-currency--red .pzl-currency__fraction,
.pzl-currency--red .pzl-currency__separator {
    color: #ffa5a5
}

.pzl-carrousel__container {
    padding: 0 48px
}

.pzl-carrousel__container .pzl-carrousel__content .pzl-carrousel__item {
    min-width: 0;
    min-width: initial
}

.pzl-carrousel__callipers .pzl-carrousel__gage,
.pzl-carrousel__callipers .pzl-carrousel__gage--current {
    height: 4px;
    width: 4px;
    border-radius: 4px;
    background-color: #0081ff;
    transition: width .325s;
    margin: 4px 2px
}

.pzl-carrousel__callipers .pzl-carrousel__gage--current {
    background-color: #0081ff;
    width: 16px
}

.pzl-carrousel__button--prev,
.pzl-carrousel__button--next {
    color: #0081ff
}

.pzl-carrousel__button--inactive {
    color: #898d95
}

@media screen and (min-width: 768px) {
    .pzl-carrousel__container {
        padding: 0 24px
    }

    .pzl-carrousel__button {
        display: flex;
        width: 24px
    }
}

@media screen and (min-width: 1280px) {
    .pzl-carrousel__container {
        padding: 0 32px
    }

    .pzl-carrousel__button {
        display: flex;
        width: 32px
    }
}

.pzl-toast {
    padding: 4px 4px 4px 8px;
    border-radius: 4px;
    min-height: 32px;
    height: -moz-fit-content;
    height: fit-content;
    margin-bottom: 15px
}

.pzl-toast__text {
    font-family: Poppins;
    font-size: 12px;
    line-height: 1.83;
    margin: 0 8px
}

.pzl-toast__content-icon,
.pzl-toast__icon {
    width: 24px;
    height: 24px
}

.pzl-toast__content-close {
    align-self: flex-start
}

.pzl-toast__close {
    width: 24px;
    height: 24px
}

.pzl-toast--info {
    background-color: #e2f1ff;
    color: #0081ff
}

.pzl-toast--info .pzl-toast__close {
    color: #0056cb
}

.pzl-toast--warning {
    background-color: #fff3e1;
    color: #b75f0e
}

.pzl-toast--warning .pzl-toast__icon {
    color: #ffaa31
}

.pzl-toast--success {
    background-color: #e2f8ed;
    color: #117847
}

.pzl-toast--success .pzl-toast__icon {
    color: #00ca82
}

.pzl-toast--error {
    background-color: #fdeaed;
    color: #981b1f
}

.pzl-toast--error .pzl-toast__icon {
    color: #e24c4c
}

.pzl-toast--dark {
    background-color: #555f83;
    color: #fff
}

.pzl-toast--dark .pzl-toast__close,
.pzl-toast--dark .pzl-toast__text {
    color: #fff
}

.pzl-toast--hidden {
    animation: hideToast .325s forwards;
    pointer-events: none
}

.pzl-toast--show {
    animation: showToast .325s forwards
}

@keyframes showToast {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes hideToast {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.pzl-button {
    display: block
}

.pzl-button button {
    border-radius: 4px;
    border: none;
    cursor: pointer
}

.pzl-button button:focus {
    outline: none
}

.pzl-button button:disabled {
    cursor: no-drop
}

.pzl-button button:disabled .pzl-button__label {
    opacity: .5
}

.pzl-button__label {
    font-size: 12px;
    font-weight: 600;
    font-family: Poppins
}

.pzl-button--giant button {
    height: 64px;
    padding: 0 36px
}

.pzl-button--large button {
    height: 48px;
    padding: 0 32px
}

.pzl-button--regular button {
    height: 40px;
    padding: 0 32px
}

.pzl-button--tiny button {
    height: 32px;
    padding: 0 16px
}

.pzl-button--primary button {
    background: linear-gradient(180deg, #0081ff 0%, #0056cb 100%);
    color: #fff
}

.pzl-button--primary button:hover {
    box-shadow: 0 8px 8px #0081ff3d
}

.pzl-button--primary button:active {
    background: linear-gradient(180deg, #0056cb 0%, #00246f 100%);
    box-shadow: none
}

.pzl-button--primary button:disabled {
    background: linear-gradient(180deg, #0081ff 0%, #0056cb 100%);
    color: #fff;
    box-shadow: none;
    opacity: .5
}

.pzl-button--primary.deactivated button {
    background: #eff2fc !important;
    color: #adbae6;
    box-shadow: none
}

.pzl-button--primary.deactivated button .pzl-button__label {
    opacity: 1
}

.pzl-button--secondary button {
    background: #ffffff;
    color: #555f83;
    border: 1px solid #adbae6
}

.pzl-button--secondary button:hover {
    background: #ffffff;
    border-color: #0081ff
}

.pzl-button--secondary button:active {
    background: linear-gradient(180deg, #0056cb 0%, #00246f 100%);
    color: #fff;
    border-color: #0081ff
}

.pzl-button--secondary button:disabled {
    background: #eff2fc;
    color: #adbae6;
    border: 1px solid #adbae6;
    opacity: .5
}

.pzl-button--secondary.deactivated button {
    background: #eff2fc !important;
    color: #adbae6
}

.pzl-button--secondary.deactivated button .pzl-button__label {
    opacity: 1
}

.pzl-button--tertiary button {
    height: 46px;
    background: transparent;
    color: #0081ff
}

.pzl-button--tertiary button:hover {
    color: #0056cb
}

.pzl-button--tertiary button:active {
    background: #e2f1ff;
    color: #0081ff
}

.pzl-button--tertiary button:disabled {
    background: transparent;
    color: #0081ff;
    opacity: .5
}

.pzl-button--tertiary.deactivated button {
    color: #adbae6
}

.pzl-button--tertiary.deactivated button .pzl-button__label {
    opacity: 1
}

.pzl-button--link button {
    height: 46px;
    background: transparent;
    color: #9240fe
}

.pzl-button--link button:active {
    color: #4600e9;
    background: #f2e6ff
}

.pzl-button--link button:disabled {
    color: #9240fe
}

.pzl-button--link.deactivated button {
    color: #adbae6
}

.pzl-button--link.deactivated button .pzl-button__label {
    opacity: 1
}

.pzl-button--expand-block {
    width: 100%
}

.pzl-tabs {
    display: flex;
    justify-content: center;
    padding: 0 24px;
    box-sizing: border-box;
    border-bottom: 1px solid #dfe5f9
}

.pzl-tabs__container {
    position: relative;
    height: 48px;
    background-color: transparent;
    box-sizing: content-box;
    cursor: pointer;
    overflow: visible;
    overflow: initial;
    width: 100%
}

.pzl-tabs__option,
.pzl-tabs__option--selected {
    align-items: center;
    padding: 0 12px;
    box-sizing: border-box;
    color: #adbae6;
    min-width: 115px;
    transition: color .325s;
    z-index: 1
}

.pzl-tabs__option--selected {
    color: #1b1c1e
}

.pzl-tabs__option:hover,
.pzl-tabs__option--selected:hover {
    background: #eff2fc;
    color: #dca85e
}

.pzl-tabs__label {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.83;
    letter-spacing: normal;
    white-space: nowrap;
    display: flex !important;
    flex-flow: column
}

.pzl-tabs__label .pzl-currency {
    font-size: 12px;
    display: flex;
    justify-content: center;
    color: inherit
}

.pzl-tabs__label .pzl-currency__integer {
    font-size: 12px;
    color: inherit
}

.pzl-tabs__label-group {
    display: flex;
    flex-flow: row;
    gap: 10px
}

.pzl-tabs__label-group .pzl-icon {
    display: none;
    color: #0081ff
}

.pzl-tabs__tab {
    position: absolute;
    bottom: -1px;
    height: 4px;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    transition: left .325s cubic-bezier(1, 0, .265, 1);
    z-index: 10
}

@media screen and (min-width: 768px) {
    .pzl-tabs__label-group .pzl-icon {
        display: block
    }
}

.pzl-checkbox {
    display: flex;
    justify-content: center;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer
}

.pzl-checkbox label {
    margin-bottom: 0
}

.pzl-checkbox__label {
    margin-left: 8px;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    line-height: 2;
    cursor: pointer;
    color: #55616f
}

.pzl-checkbox__checkbox {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 24px;
    width: 24px;
    background-color: #fff;
    border-radius: 6px;
    border: solid 1px #adbae6;
    overflow: hidden;
    box-sizing: border-box
}

.pzl-checkbox .pzl-checkbox__icon {
    opacity: 0;
    color: #fff;
    height: 24px;
    min-width: 24px;
    transition: opacity .325s
}

.pzl-checkbox__input {
    height: 0;
    width: 0;
    opacity: 0;
    margin: 0;
    padding: 0
}

.pzl-checkbox__input:focus+.pzl-checkbox__checkbox {
    box-shadow: 0 0 0 1px #56b0ff;
    border-color: #0081ff
}

.pzl-checkbox__input:hover+.pzl-checkbox__checkbox {
    box-shadow: 0 0 0 1px #56b0ff;
    border-color: #0081ff
}

.pzl-checkbox__input:active+.pzl-checkbox__checkbox {
    box-shadow: none;
    border-color: #003585
}

.pzl-checkbox--checked .pzl-checkbox__checkbox {
    border: medium none currentColor;
    border: initial;
    background-image: linear-gradient(to top, #0056cb, #0081ff)
}

.pzl-checkbox--checked .pzl-checkbox__icon {
    opacity: 1
}

.pzl-checkbox--checked .pzl-checkbox__input:active+.pzl-checkbox__checkbox {
    box-shadow: none;
    background: #003585
}

.pzl-checkbox.pzl-checkbox--disabled .pzl-checkbox__checkbox {
    box-shadow: none;
    background-color: #f3f6fe;
    border-color: #adbae6
}

.pzl-checkbox.pzl-checkbox--disabled.pzl-checkbox--checked .pzl-checkbox__checkbox {
    border: medium none currentColor;
    border: initial;
    background-image: linear-gradient(to top, #0056cb, #0081ff)
}

.pzl-checkbox.pzl-checkbox--disabled.pzl-checkbox--checked .pzl-checkbox__icon {
    opacity: .5
}

.pzl-checkbox+.pzl-checkbox {
    margin-top: 16px
}

.pzl-radio__input {
    position: relative;
    width: 24px;
    height: 24px;
    margin: 8px;
    background-color: #fff;
    border: 6px solid #ffffff;
    border-radius: 50%
}

.pzl-radio__input:before {
    position: absolute;
    border: 1px solid #adbae6;
    width: 24px;
    height: 24px;
    top: -6px;
    left: -6px;
    content: "";
    box-sizing: border-box;
    border-radius: 50%
}

.pzl-radio__input:hover {
    box-shadow: 0 0 0 1px #56b0ff
}

.pzl-radio__input:hover:before {
    border-color: #0081ff
}

.pzl-radio__input:active:before {
    border-color: #003585
}

.pzl-radio__input:disabled {
    background-color: #dfe5f9;
    border-color: #dfe5f9
}

.pzl-radio__input:disabled:before {
    border-color: #adbae6
}

.pzl-radio__input:disabled:hover {
    box-shadow: none
}

.pzl-radio__input:checked {
    background-image: linear-gradient(to top, #0056cb, #0081ff)
}

.pzl-radio__input:checked:before {
    border-color: #0081ff
}

.pzl-radio__input:checked:active {
    background-image: none;
    background-color: #003585
}

.pzl-radio__input:checked:active:before {
    border-color: #003585
}

.pzl-radio__input:checked:disabled {
    background-image: none;
    border-color: #fff;
    background-color: #adbae6
}

.pzl-radio__input:checked:disabled:before {
    border-color: #adbae6
}

.pzl-radio__label {
    font-family: Poppins;
    color: #55616f;
    font-size: 12px
}

.pzl-answer {
    display: inline;
    float: left
}

.pzl-answer+.pzl-answer {
    margin-left: 60px
}

.pzl-answer .pzl-radio__label {
    font-size: 14px
}

.pzl-question {
    display: none
}

.pzl-question__question {
    font-family: Poppins;
    font-size: 16px;
    line-height: 1.38;
    color: #1b1c1e;
    margin-bottom: 24px;
    font-weight: 500
}

.pzl-question__answers {
    display: flex;
    flex-direction: row
}

.pzl-question [slot=answer] {
    flex-grow: 0;
    flex-shrink: 0
}

.pzl-question [slot=answer]+[slot=answer] {
    margin-left: 60px
}

.pzl-question--visible {
    display: block
}

.pzl-questions-form {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column
}

.pzl-questions-form__content {
    margin-bottom: 28px;
    padding: 16px
}

.pzl-questions-form__questions {
    margin-bottom: 36px;
    padding: 16px;
    flex-grow: 1
}

.pzl-questions-form__answers {
    padding: 8px
}

.pzl-questions-form__actions {
    display: flex;
    flex-direction: column;
    border-top: 1px solid #adbae6;
    padding: 8px
}

.pzl-questions-form__actions .pzl-button,
.pzl-questions-form__actions .pzl-button button {
    width: 100%
}

.pzl-questions-form__prev-button {
    visibility: hidden
}

.pzl-questions-form__prev-button--visible {
    visibility: visible
}

@media screen and (min-width: 768px) {
    .pzl-questions-form__questions {
        flex-grow: 0
    }

    .pzl-questions-form__actions {
        flex-direction: row-reverse
    }

    .pzl-questions-form__actions .pzl-button {
        width: auto;
        align-self: flex-end
    }

    .pzl-questions-form__actions .pzl-button button {
        width: auto
    }

    .pzl-questions-form .pzl-button+.pzl-button {
        margin-left: 16px
    }
}

.pzl-onboarding-page__item {
    background: #898d95
}

.pzl-onboarding-page__item-on {
    background: #0081ff
}

.pzl-overlay {
    opacity: 0;
    background-color: #898d95;
    transition: opacity .325s
}

.pzl-overlay--show {
    opacity: .6
}

.pzl-modal__card {
    bottom: -100%;
    border-radius: 12px 12px 0 0;
    padding: 8px;
    box-sizing: border-box;
    transition: bottom .325s;
    display: flex;
    flex-direction: column
}

.pzl-modal__close {
    display: none
}

.pzl-modal--open .pzl-modal__card {
    bottom: 0
}

.pzl-modal .pzl-select {
    max-height: none;
    max-height: initial
}

.pzl-modal .pzl-options {
    position: relative
}

@media screen and (min-width: 720px) {
    .pzl-modal__card {
        border-radius: 12px;
        opacity: 0;
        width: 375px;
        transition: bottom 0s, opacity .325s
    }

    .pzl-modal--open .pzl-modal__card {
        opacity: 1
    }
}

.pzl-budget-period-title {
    background: #eff2fc;
    border-radius: 4px
}

.pzl-budget-period-title * {
    font-family: Poppins
}

.pzl-budget-period-title__title {
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 16px;
    color: #1b1c1e
}

.pzl-budget-period-title__option {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 21px;
    color: #555f83
}

.pzl-budget-period-title__option-icon {
    color: #0081ff;
    margin-left: 10px;
    width: 12px !important;
    height: 12px !important
}

.pzl-budget-line-chart__chart {
    border-bottom: 1px solid #dfe5f9;
    height: 270px !important
}

.pzl-budget-period * {
    font-family: Poppins
}

.pzl-budget-period .pzl-modal__close {
    display: none
}

.pzl-budget-period--title {
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 16px;
    color: #1b1c1e;
    background: #eff2fc;
    padding: 16px 12px;
    border-radius: 4px;
    text-transform: uppercase
}

.pzl-budget-period--description {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #555f83
}

.pzl-budget-period--first-question {
    margin: 16px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #555f83;
    display: flex;
    align-items: center
}

.pzl-budget-period--index {
    color: #fff;
    width: 24px;
    height: 24px;
    border-radius: 20px;
    background: #0081ff;
    margin-right: 8px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.pzl-budget-period--second-question {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #555f83;
    display: flex;
    margin-bottom: 10px;
    margin-left: 16px;
    margin-right: 16px;
    align-items: center
}

.pzl-budget-period--calendar .pzl-calendar-picker--label-title,
.pzl-budget-period--calendar .pzl-calendar-picker__disable {
    display: none
}

.pzl-budget-period .pzl-radio__label {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #555f83
}

.pzl-budget-period--option {
    width: calc(100% - 32px);
    display: flex;
    flex-flow: row;
    justify-content: space-around;
    margin: 0 16px 16px
}

.pzl-budget-period--buttons {
    display: flex;
    flex-flow: row;
    gap: 8px;
    justify-content: end;
    border-top: 1px solid #dfe5f9;
    padding-top: 8px
}

.pzl-web-chat {
    background: #f5f5f5;
    border-radius: 12px;
    padding: 13px 8px 8px 15px;
    border: 1px solid #56b0ff
}

.pzl-web-chat * {
    font-family: Poppins
}

.pzl-web-chat--header {
    color: #1b1c1e;
    height: 60px;
    font-size: 18px;
    font-weight: 600
}

.pzl-web-chat--header .pzl-icon {
    position: absolute;
    right: 16px;
    color: #0056cb
}

.pzl-web-chat--body {
    margin: 0;
    gap: 8px;
    height: 100%;
    overflow-y: scroll;
    padding-right: 14px
}

.pzl-web-chat--body--message {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    padding: 10px 12px;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 88%;
    font-size: 14px;
    letter-spacing: .77px;
    line-height: 21px
}

.pzl-web-chat--body--message p {
    margin: 0;
    font: inherit;
    color: inherit
}

.pzl-web-chat--body--message a {
    margin: 0;
    font: inherit;
    color: #1348ba
}

.pzl-web-chat--body--message b,
.pzl-web-chat--body--message strong {
    font: inherit;
    font-weight: 600
}

.pzl-web-chat--body--message ul {
    margin: 0;
    padding-left: 20px
}

.pzl-web-chat--body--message__intro {
    background: #e4e4e4;
    align-self: center;
    color: #434343;
    margin: 25px 0 8px;
    line-height: 17px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px
}

.pzl-web-chat--body--message__intro p {
    text-align: center;
    font-size: 12px
}

.pzl-web-chat--body--message__intro a {
    text-decoration: none;
    font-weight: 600
}

.pzl-web-chat--body--message__server {
    background: #0081ff;
    align-self: flex-start;
    color: #e2f1ff
}

.pzl-web-chat--body--message__client {
    background: #ffffff;
    color: #333;
    align-self: flex-end;
    min-width: 164px
}

.pzl-web-chat--body--typing {
    border-radius: 16px 16px 16px 2px;
    align-items: center;
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    background: #56b0ff;
    width: -moz-fit-content;
    width: fit-content;
    padding: 14px 16px;
    margin-top: auto
}

.pzl-web-chat--body--typing .dot {
    animation: mercuryTypingAnimation 1.8s infinite ease-in-out;
    border-radius: 50%;
    height: 6px;
    margin-right: 4px;
    background-color: #e3f2ffe6;
    vertical-align: middle;
    width: 7px;
    display: inline-block
}

.pzl-web-chat--body--typing .dot:nth-child(1) {
    animation-delay: .2s
}

.pzl-web-chat--body--typing .dot:nth-child(2) {
    animation-delay: .3s
}

.pzl-web-chat--body--typing .dot:nth-child(3) {
    animation-delay: .4s
}

.pzl-web-chat--input-text {
    grid-template-columns: 1fr 50px;
    border: 1px solid #adbae6;
    border-radius: 4px;
    background: #ffffff;
    color: #252b31;
    padding: 3px 3px 3px 14px;
    margin: 10px 7px 0 0
}

.pzl-web-chat--input-text:focus-within {
    border: 1px solid #0081ff
}

.pzl-web-chat--input-text--button {
    justify-self: flex-end;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 32px;
    width: 32px
}

.pzl-web-chat--input-text--button button {
    padding: 0;
    width: inherit
}

.pzl-web-chat--input-text--button button span {
    display: flex;
    justify-content: center;
    align-items: center
}

.pzl-web-chat--input-text--button button span .pzl-icon {
    width: 16px;
    height: 16px
}

.pzl-web-chat--input-text--input-div {
    height: -moz-min-content;
    height: min-content;
    align-self: center;
    display: flex;
    font-size: 14px
}

.pzl-web-chat--input-text--input {
    width: 100%;
    overflow-x: hidden
}

.pzl-web-chat--input-text--input::-moz-placeholder {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: .7px;
    color: #adbae6
}

.pzl-web-chat--input-text--input::placeholder {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: .7px;
    color: #adbae6
}

@keyframes mercuryTypingAnimation {
    0% {
        transform: translateY(0);
        background-color: #e3f2ffe6
    }

    28% {
        transform: translateY(-7px);
        background-color: #e3f2ffb3
    }

    44% {
        transform: translateY(0);
        background-color: #e3f2ff80
    }
}

.pzl-web-chat--conditions {
    margin: 8px 0 0 3px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    color: #4e556c
}

.pzl-web-chat--conditions a {
    color: #4600e9;
    font-weight: 600;
    text-decoration: none
}

.pzl-dropdown {
    border-radius: 4px;
    box-shadow: 0 2px 2px #00246f33;
    background-color: #fff
}

.pzl-dropdown__container {
    max-height: 218px;
    overflow: overlay;
    background-color: transparent
}

.pzl-dropdown__container::-webkit-scrollbar {
    width: 12px
}

.pzl-dropdown__container::-webkit-scrollbar-track {
    display: none
}

.pzl-dropdown__container::-webkit-scrollbar-track-piece {
    display: none
}

.pzl-dropdown__container::-webkit-scrollbar-thumb {
    width: 12px;
    border-radius: 6px;
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    background-color: #adbae6
}

.pzl-dropdown--open {
    border: solid 1px #dfe5f9
}

.pzl-dropdown__action {
    display: flex;
    flex-direction: row-reverse;
    border-top: 1px solid #dfe5f9
}

.pzl-dropdown__action>* {
    margin: 8px
}

.pzl-product-card {
    padding: 8px 0;
    box-sizing: border-box
}

.pzl-product-card .pzl-card,
.pzl-product-card .pzl-card--bordered {
    position: relative;
    padding: 8px;
    min-height: 94px;
    box-shadow: 0 2px 2px #00246f33;
    border: 1px solid #adbae6;
    border-radius: 12px;
    overflow: hidden;
    background: linear-gradient(white, white, #dfe5f9)
}

.pzl-product-card .pzl-card:after,
.pzl-product-card .pzl-card--bordered:after {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .5;
    background: radial-gradient(120px at 100% 0px, rgba(0, 0, 0, .0001) 30%, #ffffff 82%), linear-gradient(135deg, rgba(223, 229, 249, .3) 50%, rgba(0, 129, 255, .7) 50%, rgba(0, 129, 255, .7) 66%, rgba(223, 229, 249, .3) 66%, rgba(0, 129, 255, 0) 66%, #0081ff 66%, #0081ff 80%, #0081ff 80%, rgba(0, 0, 0, .0001) 80%)
}

.pzl-product-card .pzl-card>*,
.pzl-product-card .pzl-card--bordered>* {
    z-index: 1
}

.pzl-product-card .pzl-card--selected {
    border: solid 1.5px #0056cb
}

.pzl-product-card__icon {
    display: none
}

.pzl-product-card__description {
    font-family: Poppins;
    display: flex;
    flex-direction: column;
    align-self: stretch;
    justify-content: space-between;
    width: 100%
}

.pzl-product-card__description-title {
    font-family: Poppins;
    align-self: flex-start;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71;
    color: #0081ff
}

.pzl-product-card__description-subtitle {
    font-family: Poppins;
    align-self: flex-end;
    font-size: 14px;
    line-height: 1.71;
    color: #1b1c1e
}

.pzl-product-card--ALL .pzl-product-card__description {
    align-self: center;
    justify-content: center
}

.pzl-product-card--CC .pzl-card:after,
.pzl-product-card--CC .pzl-card--bordered:after {
    background: radial-gradient(163px at 100% 0px, rgba(0, 0, 0, .0001) 30%, #dfe5f9 82%)
}

.pzl-product-card-group>* {
    padding: 0 15px
}

.pzl-product-card-group--column {
    max-height: 448px;
    overflow-y: overlay
}

.pzl-product-card-group--column>* {
    padding: 2px 0
}

.pzl-product-card-group--column .pzl-product-card {
    width: calc(100% - 16px)
}

.pzl-product-card-group--column::-webkit-scrollbar {
    width: 8px
}

.pzl-product-card-group--column::-webkit-scrollbar-thumb {
    background: #0081ff;
    border-radius: 4px
}

.pzl-input__container {
    height: 40px;
    border: 1px solid #adbae6;
    background-color: #fff;
    padding: 8px;
    border-radius: 4px
}

.pzl-input__label {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 600;
    line-height: 2;
    justify-content: space-between;
    color: #555f83
}

.pzl-input__label-unit {
    color: #adbae6;
    font-weight: 500
}

.pzl-input__input {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.83;
    padding: 0;
    letter-spacing: normal;
    color: #555f83;
    background-color: transparent;
    border: none;
    caret-color: #555f83
}

.pzl-input__input::-moz-placeholder {
    color: #adbae6;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.83;
    letter-spacing: normal
}

.pzl-input__input::placeholder {
    color: #adbae6;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.83;
    letter-spacing: normal
}

.pzl-input__input[type=date]:invalid::-webkit-datetime-edit {
    color: #adbae6;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.83;
    letter-spacing: normal
}

.pzl-input__helper-text {
    font-family: Poppins;
    color: #266dd0;
    line-height: 2;
    font-weight: 400;
    font-size: 12px
}

.pzl-input__icon {
    color: #555f83;
    padding-left: 8px
}

.pzl-input__prefix {
    color: #0081ff;
    padding-right: 8px
}

.pzl-input--focus .pzl-input__container {
    border-color: #0081ff
}

.pzl-input.pzl-input--error .pzl-input__container {
    border-color: #e24c4c
}

.pzl-input.pzl-input--error .pzl-input__helper-text {
    color: #e24c4c
}

.pzl-input.pzl-input--warning .pzl-input__container {
    border-color: #ffaa31
}

.pzl-input.pzl-input--warning .pzl-input__helper-text {
    color: #ffaa31
}

.pzl-input.pzl-input--success .pzl-input__container {
    border-color: #00ca82
}

.pzl-input.pzl-input--success .pzl-input__helper-text {
    color: #00ca82
}

.pzl-input.pzl-input--disabled .pzl-input__label {
    color: #adbae6
}

.pzl-input.pzl-input--disabled .pzl-input__container {
    background-color: #f3f6fe
}

.pzl-input.pzl-input--disabled .pzl-input__icon,
.pzl-input.pzl-input--disabled .pzl-input__helper-text,
.pzl-input.pzl-input--disabled .pzl-input__prefix,
.pzl-input.pzl-input--disabled .pzl-input__input {
    color: #adbae6
}

.pzl-input.pzl-input--disabled .pzl-input__input::-moz-placeholder {
    color: #adbae6
}

.pzl-input.pzl-input--disabled .pzl-input__input::placeholder {
    color: #adbae6
}

.pzl-select .pzl-dropdown {
    position: absolute;
    margin-top: 2px;
    width: 100% !important;
    left: 0
}

.pzl-select--open .pzl-input__icon {
    color: #555f83
}

.pzl-select--right .pzl-dropdown {
    right: 0;
    left: auto;
    left: initial
}

@media screen and (min-width: 768px) {
    .pzl-select {
        max-height: 76px
    }

    .pzl-select .pzl-dropdown {
        margin-top: 0
    }
}

.pzl-summary-balance {
    margin-top: 10px;
    max-width: none;
    max-width: initial
}

.pzl-summary-balance__total-balance {
    height: 40px;
    overflow: hidden
}

.pzl-summary-balance__total-balance:before {
    content: "";
    position: absolute;
    width: 1px;
    background-color: #adbae6;
    left: 15px;
    top: 30px;
    bottom: 18px
}

.pzl-summary-balance__total-balance--opened {
    height: auto
}

.pzl-summary-balance__label {
    grid-template-columns: 28px 1fr 1fr 8px;
    font-size: 12px;
    font-family: Poppins;
    line-height: 1.5;
    letter-spacing: .1px;
    color: #1b1c1e;
    height: 32px;
    overflow: hidden;
    padding: 4px 0
}

.pzl-summary-balance__label:nth-child(even) {
    background: #eff2fc
}

.pzl-summary-balance__label:first-child {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial
}

.pzl-summary-balance .pzl-summary-balance__step {
    background-color: transparent
}

.pzl-summary-balance .pzl-summary-balance__step:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    left: 12px;
    background-color: #adbae6
}

.pzl-summary-balance .pzl-summary-balance__step:after {
    content: "";
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    left: 14px;
    background-color: #fff
}

.pzl-summary-balance__name {
    margin-left: 8px;
    color: #555f83;
    font-weight: 300
}

.pzl-summary-balance.overdraft-label {
    background: #eff2fc
}

.pzl-summary-balance__icon,
.pzl-summary-balance__icon--balance,
.pzl-summary-balance__icon--overdraft,
.pzl-summary-balance__icon--expenses,
.pzl-summary-balance__icon--incomes {
    margin-left: 8px;
    border-radius: 50%;
    color: #fff;
    overflow: hidden;
    box-sizing: border-box;
    border: 2px solid #ffffff
}

.pzl-summary-balance__icon--incomes {
    background-color: #e2f8ed;
    color: #00ca82
}

.pzl-summary-balance__icon--expenses {
    background-color: #fff3e1;
    color: #ffaa31
}

.pzl-summary-balance__icon--overdraft {
    background-color: #fdeaed;
    color: #e24c4c
}

.pzl-summary-balance__icon--balance {
    background-color: #e2f1ff;
    color: #0081ff
}

.pzl-summary-balance__action {
    width: 24px;
    height: 24px;
    color: #6d84bf;
    margin-left: 8px
}

.pzl-summary-balance--actions .pzl-summary-balance__label {
    grid-template-columns: 28px 1fr 1fr 40px
}

.pzl-summary-tc {
    border-top: solid 1px #dfe5f9
}

.pzl-summary-tc * {
    font-family: Poppins
}

.pzl-summary-tc__icon {
    border-radius: 50%;
    margin-right: 8px
}

.pzl-summary-tc__icon.icon-expenses {
    color: #dca85e;
    background: #f8f0e2
}

.pzl-summary-tc__icon.icon-amount {
    color: #0081ff;
    background: #e2f1ff
}

.pzl-summary-tc__end-icon {
    color: #6d84bf;
    margin-left: 8px
}

.pzl-summary-tc__label {
    font-size: 12px;
    height: 40px;
    padding: 0 8px
}

.pzl-summary-tc__label:nth-child(even) {
    background: #f3f6fe
}

.pzl-summary-tc__label--label {
    margin-left: 8px;
    color: #555f83
}

.pzl-summary-tc__label--label.label-amount,
.pzl-summary-tc__label--label.label-expenses {
    color: #1b1c1e;
    font-weight: 700
}

.pzl-summary-tc__label .pzl-currency {
    color: #55616f
}

.pzl-summary-tc__label .pzl-currency__integer {
    font-size: 14px;
    font-weight: 500
}

@media screen and (min-width: 768px) {
    .pzl-summary-tc__label {
        padding: 0 16px
    }
}

.pzl-list-chart * {
    font-family: Poppins
}

.pzl-list-chart__item {
    margin: 0;
    padding: 12px 0;
    border: none
}

.pzl-list-chart__item:first-child,
.pzl-list-chart__item--movements {
    padding-top: 0
}

.pzl-list-chart__action {
    color: #0081ff
}

.pzl-list-chart__movements {
    padding-left: 34px;
    color: #00ca82
}

.pzl-list-chart__movements-icon {
    width: 12px;
    height: 12px;
    margin-right: 2px
}

.pzl-list-chart__movements-label {
    font-size: 16px;
    font-weight: 600
}

.pzl-list-expenses::-webkit-scrollbar {
    width: 12px
}

.pzl-list-expenses::-webkit-scrollbar-track {
    display: none
}

.pzl-list-expenses::-webkit-scrollbar-track-piece {
    display: none
}

.pzl-list-expenses::-webkit-scrollbar-thumb {
    width: 12px;
    border-radius: 6px;
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    background-color: #adbae6
}

.pzl-list-incomes::-webkit-scrollbar {
    width: 12px
}

.pzl-list-incomes::-webkit-scrollbar-track {
    display: none
}

.pzl-list-incomes::-webkit-scrollbar-track-piece {
    display: none
}

.pzl-list-incomes::-webkit-scrollbar-thumb {
    width: 12px;
    border-radius: 6px;
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    background-color: #adbae6
}

.pzl-category-progress-bar__info {
    font-size: 12px;
    color: #55616f
}

.pzl-category-progress-bar__value {
    font-size: 14px;
    color: #55616f
}

.pzl-category-progress-bar__icon {
    width: 24px;
    height: 24px
}

.pzl-category-progress-bar__percentage {
    font-size: 12px;
    color: #0081ff
}

.pzl-list-movements {
    display: block
}

.pzl-list-movements__list {
    display: block;
    overflow-y: overlay;
    max-height: inherit
}

.pzl-list-movements__list::-webkit-scrollbar {
    width: 12px
}

.pzl-list-movements__list::-webkit-scrollbar-track {
    display: none
}

.pzl-list-movements__list::-webkit-scrollbar-track-piece {
    display: none
}

.pzl-list-movements__list::-webkit-scrollbar-thumb {
    width: 12px;
    border-radius: 6px;
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    background-color: #adbae6
}

.pzl-list-movements__list>.pzl-list-movements__item {
    padding: 16px;
    margin: 0;
    border: none
}

.pzl-list-movements__item:nth-child(even) {
    background: #eff2fc
}

.pzl-list-movements__item-content {
    display: flex
}

.pzl-list-movements__check .pzl-checkbox__label {
    width: 100%
}

.pzl-list-movements__check-content {
    padding-left: 8px;
    display: grid;
    grid-template-columns: min-content min-content min-content 1fr;
    grid-template-areas: "title-date title-date date date" "title-description title-description title-description label" "title-amount amount amount amount" "title-installments title-installments installments installments";
    align-items: center
}

.pzl-list-movements__check-content .pzl-list-movements__description {
    color: #1b1c1e;
    font-weight: 700;
    line-height: 1.83;
    padding-right: 8px;
    font-size: 14px
}

.pzl-list-movements__check-content .pzl-list-movements__description.date {
    grid-area: title-date
}

.pzl-list-movements__check-content .pzl-list-movements__description.description {
    grid-area: title-description
}

.pzl-list-movements__check-content .pzl-list-movements__description.amount {
    grid-area: title-amount
}

.pzl-list-movements__check-content .pzl-list-movements__description.installments {
    grid-area: title-installments
}

.pzl-list-movements__check-content .pzl-list-movements__label,
.pzl-list-movements__check-content .pzl-list-movements__installments,
.pzl-list-movements__check-content .pzl-list-movements__date {
    color: #55616f;
    line-height: 1.83;
    font-size: 14px
}

.pzl-list-movements__check-content .pzl-list-movements__date {
    grid-area: date
}

.pzl-list-movements__check-content .pzl-list-movements__label {
    grid-area: label
}

.pzl-list-movements__check-content .pzl-list-movements__installments {
    grid-area: installments
}

.pzl-list-movements__check-content .pzl-list-movements__amount {
    grid-area: amount;
    color: #55616f;
    line-height: 1.83;
    font-size: 14px;
    align-items: end
}

.pzl-list-movements__check-content .pzl-list-movements__amount .pzl-currency__integer {
    float: left
}

.pzl-list-movements__check-content .pzl-list-movements__amount .pzl-currency__fraction {
    vertical-align: baseline;
    vertical-align: initial
}

.pzl-progress-bar__bar-background {
    fill: #dfe5f9
}

.pzl-progress-budget__bar-background {
    stroke: #dfe5f9;
    fill: #fff
}

.pzl-progress-budget__bar-budget {
    fill: #0081ff
}

.pzl-progress-budget__bar-spend {
    fill: #dca85e
}

.pzl-progress-budget__bar-overdraft {
    fill: #e24c4c
}

.pzl-progress-budget__shadow {
    flood-opacity: 0
}

.pzl-budget-chart {
    font-family: Poppins;
    align-items: center
}

.pzl-budget-chart__icon {
    margin: 8px 8px 7px
}

.pzl-budget-chart__chart {
    margin-top: 8px;
    margin-right: 16px
}

.pzl-budget-chart__chart-name {
    color: #555f83;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 23px;
    letter-spacing: .01em
}

.pzl-budget-chart__chart-container {
    color: #555f83 !important;
    font-weight: 400;
    font-size: 12px;
    line-height: 2
}

.pzl-budget-chart__chart-container--amount {
    font-weight: 700
}

.pzl-budget-chart__percentage {
    margin: 8px 18px 6px 0;
    color: #0081ff;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    align-self: center;
    line-height: 16px;
    letter-spacing: .01em
}

.pzl-budget-chart .pzl-currency__amount .pzl-currency__integer {
    font-size: 12px;
    color: #4e556c;
    font-style: normal;
    font-weight: 400
}

.pzl-budget-chart .pzl-currency__amount .pzl-currency__separator,
.pzl-budget-chart .pzl-currency__amount .pzl-currency__fraction {
    color: #adbae6;
    font-size: 10px;
    letter-spacing: .01em;
    line-height: 2.71
}

.pzl-budget-chart .pzl-currency--red .pzl-currency__amount .pzl-currency__integer,
.pzl-budget-chart .pzl-currency--red .pzl-currency__amount .pzl-currency__separator,
.pzl-budget-chart .pzl-currency--red .pzl-currency__amount .pzl-currency__fraction {
    color: #981b1f
}

.pzl-table {
    display: block;
    position: relative;
    overflow: auto;
    height: 100%;
    width: 100%;
    padding-right: 4px;
    box-sizing: border-box
}

.pzl-table::-webkit-scrollbar {
    width: 12px
}

.pzl-table::-webkit-scrollbar-track {
    display: none
}

.pzl-table::-webkit-scrollbar-track-piece {
    display: none
}

.pzl-table::-webkit-scrollbar-thumb {
    width: 12px;
    border-radius: 6px;
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    background-color: #adbae6
}

.pzl-table * {
    font-family: Poppins
}

.pzl-table table {
    position: relative;
    width: 100%;
    margin: 0;
    background-color: #fff;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0
}

.pzl-table table tbody tr {
    background-color: #fff
}

.pzl-table table tbody tr:nth-child(even) {
    background-color: #eff2fc
}

.pzl-table table th {
    position: sticky;
    top: 0;
    height: 48px;
    border-bottom: 1px solid #dfe5f9;
    background-color: #fff;
    padding: 0 8px;
    z-index: 1
}

.pzl-table table td {
    height: 48px;
    padding: 0 8px
}

[slot=head] * {
    font-size: 12px;
    font-weight: 700;
    color: #1b1c1e
}

[slot=head] * .pzl-checkbox * {
    color: #fff
}

[slot=body] * {
    font-size: 14px;
    color: #55616f
}

[slot=body] * .pzl-checkbox * {
    color: #fff
}

.pzl-balance-chart-tc {
    width: 100%;
    display: grid;
    grid-template-areas: "title" "chart" "summary";
    justify-items: center;
    align-items: center
}

.pzl-balance-chart-tc--title {
    line-height: 32px;
    grid-area: title;
    font-family: Poppins;
    font-size: 14px;
    color: #555f83;
    background: #eff2fc;
    width: calc(100% - 32px);
    border-radius: 4px;
    box-sizing: content-box;
    text-align: center;
    font-weight: 700
}

.pzl-balance-chart-tc--chart {
    grid-area: chart;
    width: 310px
}

.pzl-balance-chart-tc--summary {
    grid-area: summary
}

@media screen and (min-width: 768px) {
    .pzl-balance-chart-tc--title {
        width: calc(100% - 64px)
    }
}

.pzl-acordeon-item {
    display: grid;
    grid-template-rows: repeat(3, auto);
    grid-template-columns: 1fr;
    grid-template-areas: "header" "content" "footer";
    height: -moz-fit-content;
    height: fit-content;
    border-radius: 4px;
    box-shadow: 0 4px 4px #adbae666;
    padding: 4px 8px;
    box-sizing: border-box;
    overflow: hidden
}

.pzl-acordeon-item__header {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-areas: "icon title chevron";
    align-items: center
}

.pzl-acordeon-item [slot=icon] {
    grid-area: icon;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 16px;
    width: 16px;
    margin-right: 8px;
    color: #555f83
}

.pzl-acordeon-item [slot=title] {
    grid-area: title;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.71;
    letter-spacing: normal;
    color: #1b1c1e
}

.pzl-acordeon-item__chevron {
    grid-area: chevron;
    height: 12px;
    width: 12px;
    color: #555f83;
    margin-right: 18px
}

.pzl-acordeon-item__content {
    grid-area: content;
    height: 0;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box
}

.pzl-acordeon-item [slot=content] {
    display: block
}

.pzl-acordeon-item__footer {
    grid-area: footer;
    height: -moz-fit-content;
    height: fit-content;
    box-sizing: border-box
}

.pzl-acordeon-item [slot=footer] {
    display: block;
    width: 100%;
    padding-top: 8px;
    margin-top: 4px;
    box-sizing: border-box;
    border-top: 1px solid #555f83
}

.pzl-acordeon-item+.pzl-acordeon-item {
    margin-top: 16px
}

.pzl-acordeon-item--open .pzl-acordeon-item__content {
    height: -moz-fit-content;
    height: fit-content;
    margin-top: 4px;
    padding-top: 8px
}

.pzl-acordeon {
    border-radius: 4px;
    box-shadow: 0 2px 2px #adbae633;
    border: 1px solid #dfe5f9;
    background-color: #fff;
    padding: 8px
}

.pzl-budget-summary__budget {
    padding: 4px 10px 4px 14px
}

.pzl-budget-summary__budget-icon {
    height: 24px;
    width: 24px;
    padding: 3px;
    box-sizing: border-box;
    background-color: #fff;
    border: solid 1px #eff2fc;
    border-radius: 4px;
    margin-right: 4px
}

.pzl-budget-summary__budget-name {
    margin-right: 8px;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    line-height: 2;
    color: #555f83
}

.pzl-budget-summary__budget-currency {
    margin-right: 12px
}

.pzl-budget-summary__budget-currency .pzl-currency__integer,
.pzl-budget-summary__budget-currency .pzl-currency__fraction {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.71;
    color: #55616f
}

.pzl-budget-summary__budget-edit {
    height: 32px;
    width: 32px;
    padding: 4px;
    border: 1px solid #adbae6;
    border-radius: 4px;
    color: #0081ff
}

.pzl-budget-summary__budget:nth-child(odd) {
    background: #eff2fc
}

.pzl-budget-summary__budgets {
    max-height: 324px;
    height: auto;
    overflow: auto
}

.pzl-budget-summary__budgets::-webkit-scrollbar {
    width: 12px
}

.pzl-budget-summary__budgets::-webkit-scrollbar-track {
    display: none
}

.pzl-budget-summary__budgets::-webkit-scrollbar-track-piece {
    display: none
}

.pzl-budget-summary__budgets::-webkit-scrollbar-thumb {
    width: 12px;
    border-radius: 6px;
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    background-color: #adbae6
}

.pzl-budgets-detail__products {
    list-style: none;
    border-top: 1px solid #dfe5f9;
    padding: 0
}

.pzl-budgets-detail__product {
    display: grid;
    grid-template-columns: 1fr 1fr 32px;
    align-items: center;
    min-height: 42px;
    padding: 8px 16px;
    box-sizing: border-box
}

.pzl-budgets-detail__product-label {
    font-family: Poppins;
    font-size: 12px;
    line-height: 1.33;
    color: #555f83;
    padding-right: 16px
}

.pzl-budgets-detail__product:nth-child(odd) {
    background-color: #eff2fc
}

.pzl-budgets-detail__action {
    width: 24px;
    height: 24px;
    margin-left: 8px;
    color: #555f83
}

.pzl-budgets-detail .pzl-budgets-detail__total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 42px;
    padding: 8px 48px 8px 16px;
    box-sizing: border-box;
    font-weight: 400
}

.pzl-budgets-detail .pzl-budgets-detail__total--alt {
    background-color: #eff2fc
}

.pzl-budgets-detail .pzl-acordeon-item__content {
    padding: 0
}

.pzl-budget-item {
    cursor: pointer
}

.pzl-budget-item__item {
    box-shadow: none
}

.pzl-budget-item .pzl-acordeon-item--open .pzl-acordeon-item__content {
    border: none;
    padding: 2px 2px 4px
}

.pzl-input-date-picker__dropdown {
    position: absolute;
    width: -moz-fit-content;
    width: fit-content;
    background: #ffffff;
    padding: 16px;
    border-radius: 4px;
    border: solid 1px #dfe5f9
}

.pzl-calendar-picker {
    width: 252px;
    justify-items: center
}

.pzl-calendar-picker * {
    font-family: Poppins
}

.pzl-calendar-picker--div {
    color: #555f83;
    position: relative
}

.pzl-calendar-picker--label {
    cursor: pointer;
    font-size: 12px;
    border-radius: 4px
}

.pzl-calendar-picker--label-title {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    height: 40px;
    display: flex;
    align-items: center
}

.pzl-calendar-picker__day {
    grid-template-columns: repeat(7, 36px)
}

.pzl-calendar-picker__day .pzl-calendar-picker--div {
    width: 36px;
    height: 24px;
    display: flex;
    box-sizing: content-box;
    margin: 4px 0;
    justify-content: center
}

.pzl-calendar-picker__day .pzl-calendar-picker--label {
    width: 24px;
    height: 24px
}

.pzl-calendar-picker__month {
    grid-template-columns: repeat(4, 48px)
}

.pzl-calendar-picker__month .pzl-calendar-picker--div {
    width: 48px;
    height: 24px;
    display: flex;
    box-sizing: content-box;
    margin: 2px 0;
    justify-content: center
}

.pzl-calendar-picker__month .pzl-calendar-picker--label {
    width: 44px;
    height: 24px
}

.pzl-calendar-picker__year {
    grid-template-columns: repeat(4, 48px)
}

.pzl-calendar-picker__year .pzl-calendar-picker--div {
    width: 48px;
    height: 24px;
    display: flex;
    box-sizing: content-box;
    margin: 2px 0;
    justify-content: center
}

.pzl-calendar-picker__year .pzl-calendar-picker--label {
    width: 44px;
    height: 24px
}

.pzl-calendar-picker__range:not(.pzl-calendar-picker__disable) {
    background: #e2f1ff
}

.pzl-calendar-picker__range:not(.pzl-calendar-picker__disable)+.pzl-calendar-picker__hover {
    background: linear-gradient(90deg, #e2f1ff 50%, #ffffff 50%)
}

.pzl-calendar-picker__range:not(.pzl-calendar-picker__disable).pzl-calendar-picker__selected {
    background: linear-gradient(90deg, #ffffff 50%, #e2f1ff 50%)
}

.pzl-calendar-picker__hover:not(.pzl-calendar-picker__selected, .pzl-calendar-picker__last, .pzl-calendar-picker__disable) .pzl-calendar-picker--label {
    background: #ffffff;
    border: 1px solid #0081ff
}

.pzl-calendar-picker__selected .pzl-calendar-picker--label {
    background-image: linear-gradient(to top, #0056cb, #0081ff);
    color: #fff
}

.pzl-calendar-picker__selected.pzl-calendar-picker__last {
    background: #ffffff
}

.pzl-calendar-picker__last {
    background: linear-gradient(90deg, #e2f1ff 50%, #ffffff 50%)
}

.pzl-calendar-picker__last .pzl-calendar-picker--label {
    background-image: linear-gradient(to top, #0056cb, #0081ff);
    color: #fff
}

.pzl-calendar-picker--range .pzl-calendar-picker__range:not(.pzl-calendar-picker__disable)+.pzl-calendar-picker__hover {
    background: #e2f1ff
}

.pzl-calendar-picker--range .pzl-calendar-picker__range:not(.pzl-calendar-picker__disable)+.pzl-calendar-picker__last {
    background: linear-gradient(90deg, #e2f1ff 50%, #ffffff 50%)
}

.pzl-calendar-picker__disable {
    background: #ffffff
}

.pzl-calendar-picker__disable .pzl-calendar-picker--label {
    color: #adbae6;
    cursor: default;
    background: #ffffff;
    border: medium none currentColor;
    border: initial
}

.pzl-calendar-picker:before {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    right: 0;
    background-color: #e2f1ff;
    z-index: 0
}

.pzl-calendar-picker__current:after {
    content: "";
    position: absolute;
    height: 3px;
    width: 3px;
    background-color: #0081ff;
    transform: rotate(45deg);
    bottom: 2px;
    z-index: 2
}

.pzl-calendar-picker__current.pzl-calendar-picker__selected:after {
    content: "";
    position: absolute;
    height: 3px;
    width: 3px;
    background-color: #fff;
    transform: rotate(45deg);
    bottom: 2px;
    z-index: 2
}

.pzl-calendar-picker__current.pzl-calendar-picker__last:after {
    content: "";
    position: absolute;
    height: 3px;
    width: 3px;
    background-color: #fff;
    transform: rotate(45deg);
    bottom: 2px;
    z-index: 2
}

.pzl-progress-donut * {
    font-family: Poppins
}

.pzl-progress-donut__donut {
    fill: #dfe5f9
}

.pzl-progress-donut__arc1.arc1 {
    fill: #0056cb
}

.pzl-progress-donut__arc2.arc1 {
    fill: #981b1f
}

.pzl-progress-donut__text {
    fill: #022047;
    font-weight: 500;
    font-size: 12px
}

.pzl-progress-donut__text.overdraft {
    fill: #981b1f
}

.pzl-progress-summary-card {
    background: #eff2fc;
    border-radius: 8px;
    grid-template-columns: 1fr 92px;
    padding: 8px 32px 8px 12px
}

.pzl-progress-summary-card--hide-donut {
    grid-template-columns: 1fr 0;
    padding-right: 24px
}

.pzl-progress-summary-card * {
    font-family: Poppins
}

.pzl-progress-summary-card__title {
    font-weight: 600;
    font-size: 12px;
    line-height: 21px;
    letter-spacing: .07em;
    color: #555f83
}

.pzl-progress-summary-card__amount {
    font-weight: 600;
    color: #1b1c1e;
    border-bottom: 1px solid #dfe5f9;
    line-height: 22px;
    height: 31px;
    letter-spacing: .03em
}

.pzl-progress-summary-card__amount .pzl-currency__amount .pzl-currency__integer {
    letter-spacing: .03em;
    color: #1b1c1e;
    font-size: 16px
}

.pzl-progress-summary-card__amount .pzl-currency__amount .pzl-currency__integer .pzl-currency__separator {
    color: #1b1c1e;
    font-size: 16px
}

.pzl-progress-summary-card__amount .pzl-currency__amount .pzl-currency__integer .pzl-currency__fraction {
    letter-spacing: .03em;
    font-size: 16px;
    color: #1b1c1e
}

.pzl-progress-summary-card__budget {
    padding-top: 8px;
    font-weight: 500;
    line-height: 21px;
    font-size: 12px;
    height: 29px;
    color: #555f83;
    letter-spacing: .07em;
    align-items: start
}

.pzl-progress-summary-card__budget .pzl-currency__amount .pzl-currency__integer {
    color: #00ca82;
    font-size: 12px;
    letter-spacing: .07em
}

.pzl-progress-summary-card__budget .pzl-currency__amount .pzl-currency__integer .pzl-currency__separator,
.pzl-progress-summary-card__budget .pzl-currency__amount .pzl-currency__integer .pzl-currency__fraction {
    font-size: 12px;
    letter-spacing: .07em;
    color: #00ca82
}

.pzl-progress-summary-card__budget .pzl-currency {
    align-self: baseline;
    margin-left: 3px
}

.pzl-progress-summary-card .pzl-currency__amount .pzl-currency__integer {
    float: left
}

.pzl-progress-summary-card__chart {
    margin-left: 24px;
    display: flex;
    justify-content: center;
    align-items: center
}

.pzl-date-picker {
    align-items: center;
    flex-flow: column;
    width: 100%;
    height: 100%
}

.pzl-date-picker * {
    font-family: Poppins;
    box-sizing: border-box
}

.pzl-date-picker__input {
    width: 100%;
    padding: 0 60px
}

.pzl-date-picker__show-more-up {
    height: 32px;
    align-items: start;
    justify-content: center;
    justify-self: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 2;
    color: #0081ff;
    cursor: pointer
}

.pzl-date-picker__show-more-down {
    margin-top: 40px;
    height: 32px;
    align-items: start;
    justify-content: center;
    justify-self: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 2;
    color: #0081ff;
    cursor: pointer
}

.pzl-date-picker__info-date1 {
    margin-top: 16px;
    height: 44px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71;
    text-align: center;
    color: #1b1c1e;
    cursor: pointer;
    display: flex;
    white-space: pre-wrap
}

.pzl-date-picker__info-date2 {
    margin-top: 40px;
    height: 44px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71;
    text-align: center;
    color: #1b1c1e;
    cursor: pointer
}

.pzl-date-picker__info-date2 label {
    display: flex;
    white-space: pre-wrap
}

.pzl-date-picker__icon-after {
    display: none !important;
    justify-self: end;
    align-self: center;
    color: #0081ff
}

.pzl-date-picker__icon-before {
    display: none !important;
    justify-self: start;
    align-self: center;
    color: #0081ff
}

.pzl-date-picker__options {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    height: auto;
    padding: 8px;
    box-sizing: border-box;
    border-top: 1px solid #dfe5f9
}

.pzl-date-picker__options .pzl-button,
.pzl-date-picker__options .pzl-button button {
    width: 100%
}

.pzl-date-picker__container {
    height: inherit;
    width: 100%;
    overflow: auto
}

.pzl-date-picker__container::-webkit-scrollbar {
    width: 12px
}

.pzl-date-picker__container::-webkit-scrollbar-track {
    display: none
}

.pzl-date-picker__container::-webkit-scrollbar-track-piece {
    display: none
}

.pzl-date-picker__container::-webkit-scrollbar-thumb {
    width: 12px;
    border-radius: 6px;
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    background-color: #adbae6
}

.pzl-date-picker .pzl-button+.pzl-button {
    margin-top: 8px;
    margin-left: 0
}

.pzl-date-picker--show-headers .pzl-date-picker__calendar1,
.pzl-date-picker--show-headers .pzl-date-picker__calendar2 {
    margin: 16px 32px 24px
}

.pzl-date-picker--select {
    height: -moz-min-content;
    height: min-content
}

.pzl-date-picker--select .pzl-date-picker__icon-after,
.pzl-date-picker--select .pzl-date-picker__icon-before {
    display: block !important
}

.pzl-date-picker.pzl-date-picker__month,
.pzl-date-picker.pzl-date-picker__year {
    height: -moz-fit-content;
    height: fit-content;
    grid-template-areas: "inputs" "container" "buttons"
}

.pzl-date-picker.pzl-date-picker__month .pzl-date-picker__container,
.pzl-date-picker.pzl-date-picker__year .pzl-date-picker__container {
    grid-area: container;
    display: grid;
    place-items: center;
    align-items: start;
    margin-bottom: 24px;
    grid-template-columns: 1fr 92px min-content 92px 1fr;
    grid-template-areas: ". icon-after date1 icon-before ." ". calendar1 calendar1 calendar1 ."
}

.pzl-date-picker.pzl-date-picker__month .pzl-date-picker__info-date2,
.pzl-date-picker.pzl-date-picker__year .pzl-date-picker__info-date2 {
    display: none
}

.pzl-date-picker.pzl-date-picker__month .pzl-date-picker__icon-after,
.pzl-date-picker.pzl-date-picker__year .pzl-date-picker__icon-after,
.pzl-date-picker.pzl-date-picker__month .pzl-date-picker__icon-before,
.pzl-date-picker.pzl-date-picker__year .pzl-date-picker__icon-before {
    display: block !important
}

.pzl-date-picker.pzl-date-picker__month .pzl-date-picker__show-more-up,
.pzl-date-picker.pzl-date-picker__year .pzl-date-picker__show-more-up,
.pzl-date-picker.pzl-date-picker__month .pzl-date-picker__show-more-down,
.pzl-date-picker.pzl-date-picker__year .pzl-date-picker__show-more-down {
    display: none
}

.pzl-date-picker.pzl-date-picker__month .pzl-date-picker__calendar1,
.pzl-date-picker.pzl-date-picker__year .pzl-date-picker__calendar1,
.pzl-date-picker.pzl-date-picker__month .pzl-date-picker__calendar2,
.pzl-date-picker.pzl-date-picker__year .pzl-date-picker__calendar2 {
    margin: 0 32px
}

@media screen and (min-width: 768px) {
    .pzl-date-picker {
        width: -moz-fit-content;
        width: fit-content;
        height: -moz-fit-content;
        height: fit-content
    }

    .pzl-date-picker__input {
        display: flex;
        padding: 0 32px
    }

    .pzl-date-picker__input .pzl-input {
        width: 220px;
        margin-right: 8px
    }

    .pzl-date-picker__options {
        height: 56px;
        flex-direction: row
    }

    .pzl-date-picker__options .pzl-button,
    .pzl-date-picker__options .pzl-button button {
        width: auto
    }

    .pzl-date-picker__container {
        grid-area: container;
        display: grid;
        place-items: center;
        grid-template-columns: 56px 1fr 56px 56px 1fr 56px;
        grid-template-areas: "icon-after date1 . . date2 icon-before" "calendar1 calendar1 calendar1 calendar2 calendar2 calendar2";
        align-items: start;
        margin-bottom: 24px
    }

    .pzl-date-picker__icon-after,
    .pzl-date-picker__icon-before {
        display: block !important
    }

    .pzl-date-picker__calendar1 {
        margin: 0 16px 0 32px
    }

    .pzl-date-picker__calendar2 {
        margin: 0 32px 0 16px
    }

    .pzl-date-picker__info-date1,
    .pzl-date-picker__info-date2 {
        margin-top: 24px
    }

    .pzl-date-picker .pzl-button+.pzl-button {
        margin-left: 8px;
        margin-top: 0
    }

    .pzl-date-picker--show-headers .pzl-date-picker__calendar1,
    .pzl-date-picker--show-headers .pzl-date-picker__calendar2 {
        margin-top: 24px
    }

    .pzl-date-picker__month .pzl-date-picker__container {
        grid-template-columns: 1fr 92px min-content 92px 1fr;
        grid-template-areas: ". icon-after date1 icon-before ." ". calendar1 calendar1 calendar1 ."
    }

    .pzl-date-picker__month .pzl-date-picker__info-date2 {
        display: none
    }

    .pzl-date-picker__year .pzl-date-picker__container {
        grid-template-columns: 1fr 92px min-content 92px 1fr;
        grid-template-areas: ". icon-after date1 icon-before ." ". calendar1 calendar1 calendar1 ."
    }

    .pzl-date-picker__year .pzl-date-picker__info-date2 {
        display: none
    }

    .pzl-date-picker--select .pzl-date-picker__container {
        grid-template-columns: 1fr 48px min-content 48px 1fr;
        grid-template-areas: ". icon-after date1 icon-before ." ". calendar1 calendar1 calendar1 ."
    }
}

.pzl-date-slide-selector {
    font-family: Poppins, serif;
    font-style: normal
}

.pzl-date-slide-selector__container {
    padding: 0 48px
}

.pzl-date-slide-selector__container .pzl-date-slide-selector__content .pzl-date-slide-selector__item {
    min-width: 0;
    min-width: initial
}

.pzl-date-slide-selector__content {
    font-size: 14px;
    color: #555f83
}

.pzl-date-slide-selector__amounts-item {
    font-weight: 400;
    font-size: 14px
}

.pzl-date-slide-selector__amounts-item .pzl-currency__amount--current .pzl-currency__amount .pzl-currency__integer {
    font-size: 14px;
    color: #0081ff
}

.pzl-date-slide-selector__amounts-item .pzl-currency__amount--previous .pzl-currency__amount .pzl-currency__integer {
    font-size: 14px;
    color: #adbae6
}

.pzl-date-slide-selector__button--prev,
.pzl-date-slide-selector__button--next {
    width: 24px;
    height: 24px;
    color: #0081ff;
    background: transparent
}

.pzl-date-slide-selector__button--prev .pzl-icon,
.pzl-date-slide-selector__button--next .pzl-icon {
    width: 16px;
    height: 16px
}

.pzl-date-slide-selector__button--inactive {
    color: #e2f1ff
}

.pzl-date-slide-selector__button:hover {
    background-color: transparent
}

@media screen and (min-width: 768px) {
    .pzl-date-slide-selector__container {
        padding: 0 24px
    }

    .pzl-date-slide-selector__amounts {
        justify-content: flex-end;
        padding: 0 32px
    }

    .pzl-date-slide-selector__button {
        display: flex;
        width: 24px
    }
}

@media screen and (min-width: 1280px) {
    .pzl-date-slide-selector__container {
        padding: 0 32px
    }

    .pzl-date-slide-selector__amounts {
        justify-content: flex-end;
        padding: 0 32px
    }

    .pzl-date-slide-selector__button {
        display: flex;
        width: 24px
    }
}

.pzl-line-chart * {
    font-family: Poppins
}

.pzl-line-chart__axis-x {
    stroke: #dfe5f9
}

.pzl-line-chart__path-selected,
.pzl-line-chart__rect-selected {
    color: #022047
}

.pzl-line-chart__circle-selected-1 {
    color: #87bff6
}

.pzl-line-chart__circle-selected-2 {
    color: #0056cb
}

.pzl-line-chart__average {
    color: #d5a35d
}

.pzl-line-chart__points {
    color: #56b0ff
}

.pzl-line-chart__points-last {
    color: #adbae6
}

.pzl-line-chart__line {
    color: #0081ff
}

.pzl-line-chart__line-last {
    color: #adbae6
}

.pzl-line-chart__area,
.pzl-line-chart__linearGradient {
    color: #0081ff
}

.pzl-line-chart__text {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    fill: #252b31
}

.pzl-line-chart__text-day {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    fill: #555f83cc
}

.pzl-line-chart__text-selected {
    color: #eff2fc;
    font-family: Poppins;
    font-weight: 700;
    font-size: 14px;
    fill: #dfe5f9
}

.pzl-line-chart__text-selected-day {
    font-family: Poppins;
    font-weight: 700;
    font-size: 14px;
    fill: #dfe5f9
}

.pzl-line-chart--average-text {
    color: #adbae6;
    font-size: 11px;
    font-weight: 400
}

.pzl-line-chart--average-text .pzl-currency {
    margin-left: 3px
}

.pzl-line-chart--average-text .pzl-currency__amount {
    color: #adbae6;
    font-size: 11px;
    font-weight: 400;
    line-height: normal
}

.pzl-line-chart--average-text .pzl-currency__integer {
    color: #adbae6;
    font-size: 11px
}

.pzl-budget-expenses {
    font-family: Poppins
}

.pzl-budget-expenses__header-title,
.pzl-budget-expenses__header-subtitle {
    display: none
}

.pzl-toggle__switch {
    width: 56px;
    height: 32px
}

.pzl-toggle__checked+.pzl-toggle__slider {
    background-color: #eff2fc
}

.pzl-toggle__checked+.pzl-toggle__slider:before {
    transform: translate(23px);
    background: linear-gradient(182.97deg, #0081ff 2.49%, #0056cb 97.57%)
}

.pzl-toggle__slider {
    background-color: #eff2fc;
    inset: 0
}

.pzl-toggle__slider:before {
    background-color: #adbae6;
    height: 24px;
    width: 24px;
    left: 4px;
    bottom: 3px
}

.pzl-toggle__round {
    border: 1px solid #adbae6;
    border-radius: 20px
}

.pzl-toggle__round:before {
    border-radius: 50%
}

.pzl-toggle__container {
    padding: 28px
}

.pzl-toggle__label {
    font-family: Poppins;
    color: #555f83;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    padding-left: 8px
}

.pzl-budget-skeleton-loader--background-shine {
    background: linear-gradient(to right, rgb(223, 229, 249), rgba(223, 229, 249, .5) 50%, rgba(223, 229, 249, 0) 80%), #eff2fc
}

.pzl-budget-skeleton-loader--background {
    background: #eff2fc
}

.pzl-budget-skeleton-loader__first-section>div {
    height: 48px
}

.pzl-budget-skeleton-loader__second-section>div {
    height: 106px
}

.pzl-budget-skeleton-loader__third-section>div {
    height: 50px
}

.pzl-budget-skeleton-loader__fourth-section>div {
    height: 48px
}

.pzl-budget-behavior-skeleton-loader--background-shine {
    background: linear-gradient(to right, rgb(223, 229, 249), rgba(223, 229, 249, .5) 50%, rgba(223, 229, 249, 0) 80%), #eff2fc
}

.pzl-budget-behavior-skeleton-loader--background {
    background: #eff2fc
}

.pzl-budget-behavior-skeleton-loader__first-section>div {
    height: 48px
}

.pzl-budget-behavior-skeleton-loader__second-section>div {
    height: 106px
}

.pzl-budget-behavior-skeleton-loader__third-section>div {
    height: 50px
}

.pzl-budget-behavior-skeleton-loader__fourth-section>div {
    height: 314.5px
}

.pzl-budget-config * {
    font-family: Poppins
}

.pzl-budget-config__body {
    padding: 20px;
    line-height: 1.5
}

.pzl-budget-config--title {
    flex-direction: column;
    display: flex;
    align-self: stretch;
    color: #555f83;
    font-size: 20px;
    font-weight: 700;
    line-height: 32px
}

.pzl-budget-config--text {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    font-size: 12px;
    line-height: 16px;
    color: #555f83
}

.pzl-budget-config--ask {
    padding-top: 24px;
    padding-bottom: 8px;
    display: flex;
    flex-direction: column;
    flex: 1 0 0;
    font-size: 14px;
    line-height: 20px;
    color: #555f83
}

.pzl-budget-config .pzl-calendar-picker__day .pzl-calendar-picker--div {
    height: 41px;
    width: 49px;
    align-items: center
}

.pzl-budget-config pzl-button {
    padding: 24px 16px 32px
}

.pzl-budget-config .pzl-button--primary button {
    width: 100%
}

.pzl-budget-config .pzl-modal__close {
    padding-top: 16px
}

.pzl-web-chat-aval--button {
    right: 24px !important;
    position: fixed !important;
    bottom: 24px !important
}

@media screen and (max-width: 575.98px) {
    .pzl-web-chat-aval--button {
        bottom: 85px !important
    }
}

.pzl-web-chat-aval--button button {
    background: linear-gradient(180deg, #0081ff -1.39%, #0056cb 100%) !important;
    border: none !important;
    border-radius: 20px;
    padding: 8px 16px;
    height: 40px;
    box-shadow: 0 8px 8px #0081ff3d
}

.pzl-web-chat-aval--button button .pzl-button__label {
    display: flex;
    gap: 8px;
    color: #fff;
    align-items: center;
    font-weight: 500
}

.pzl-web-chat-aval--chat {
    right: 24px;
    position: fixed;
    bottom: 80px;
    max-height: 80vh;
    height: 547px;
    width: 360px;
    max-width: 70vw;
    border-radius: 8px;
    z-index: 20
}

.pzl-web-chat-aval--chat__open {
    opacity: 1;
    visibility: visible;
    transition: opacity .3s, visibility .3s, height .5s
}

.pzl-web-chat-aval--chat__close {
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s, visibility .3s, height .5s
}

@media screen and (max-width: 767.98px) {
    .pzl-web-chat-aval--chat {
        max-width: 90vw
    }
}

.pzl-card-category-expenses {
    width: 110px;
    min-width: 110px;
    height: 52px;
    border: 1px solid #dee1e4;
    border-radius: 4px
}

.pzl-card-category-expenses * {
    font-family: Poppins
}

.pzl-card-category-expenses__color {
    width: 10px;
    height: 100%;
    border-radius: 3px 0 0 3px
}

.pzl-card-category-expenses__container {
    margin: 8px
}

.pzl-card-category-expenses__container__label {
    color: #252b31;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px
}

.pzl-card-category-expenses__container__amount {
    color: #252b31
}

.pzl-card-category-expenses__container__amount .pzl-currency__amount {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px
}

.pzl-tabs-dynamic {
    gap: 16px;
    overflow: visible
}

.pzl-tabs-dynamic * {
    font-family: Poppins
}

.pzl-tabs-dynamic__tab {
    border: 1px solid #dfe5f9;
    color: #0081ff;
    border-radius: 8px;
    display: flex;
    flex-flow: column
}

.pzl-tabs-dynamic__tab--selected {
    border-color: #0081ff;
    box-shadow: 0 8px 8px #adbae666
}

.pzl-tabs-dynamic__content {
    height: 95px;
    padding: 8px 26px 26px
}

.pzl-tabs-dynamic__content__currency {
    height: -moz-fit-content;
    height: fit-content;
    align-self: end
}

.pzl-tabs-dynamic__content__currency .pzl-currency__integer {
    color: #1b1c1e;
    float: left;
    font-weight: 600;
    font-size: 18px;
    font-style: normal;
    line-height: 24px
}

.pzl-tabs-dynamic__content__currency .pzl-currency__separator,
.pzl-tabs-dynamic__content__currency .pzl-currency__fraction {
    color: #1b1c1e
}

.pzl-tabs-dynamic__content__label {
    align-self: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px
}

.pzl-tabs-dynamic__content__icon {
    align-self: center
}

.pzl-budget-category-item--icon {
    color: #555f83;
    width: 21px !important;
    height: 21px !important
}

.pzl-line-chart-filter * {
    font-family: Poppins
}

.pzl-line-chart-filter__axis-x {
    stroke: #dfe5f9
}

.pzl-line-chart-filter__path-selected,
.pzl-line-chart-filter__path-selected--negative,
.pzl-line-chart-filter__rect-selected,
.pzl-line-chart-filter__rect-selected--negative {
    color: #022047
}

.pzl-line-chart-filter__circle-selected-1 {
    color: #0056cb
}

.pzl-line-chart-filter__circle-selected-1--negative {
    color: #e24c4c
}

.pzl-line-chart-filter__circle-selected-2 {
    color: #0056cb
}

.pzl-line-chart-filter__circle-selected-2--negative {
    color: #e24c4c
}

.pzl-line-chart-filter__average {
    color: #adbae6
}

.pzl-line-chart-filter__points {
    color: #56b0ff
}

.pzl-line-chart-filter__points--negative {
    color: #da6d6e
}

.pzl-line-chart-filter__points-last {
    color: #898d95
}

.pzl-line-chart-filter__line {
    color: #0081ff
}

.pzl-line-chart-filter__line-last {
    color: #898d95
}

.pzl-line-chart-filter__area {
    color: red
}

.pzl-line-chart-filter__linearGradient {
    color: #0081ff
}

.pzl-line-chart-filter__text {
    font-family: Poppins;
    font-size: 10px;
    fill: #1b1c1e;
    font-weight: 400
}

.pzl-line-chart-filter__text-day {
    fill: #1b1c1e;
    font-size: 10px;
    font-weight: 400
}

.pzl-line-chart-filter__text-selected {
    color: #fff;
    font-family: Poppins;
    fill: #fff;
    font-size: 10px;
    font-weight: 600
}

.pzl-line-chart-filter__text-selected-day {
    font-family: Poppins;
    font-weight: 600;
    font-size: 10px;
    fill: #fff
}

.pzl-line-chart-filter--average-text {
    color: #adbae6;
    font-size: 11px;
    font-weight: 400
}

.pzl-line-chart-filter--average-text .pzl-currency {
    margin-left: 3px
}

.pzl-line-chart-filter--average-text .pzl-currency__amount {
    color: #adbae6;
    font-size: 11px;
    font-weight: 400;
    line-height: normal
}

.pzl-line-chart-months * {
    font-family: Poppins
}

.pzl-line-chart-months__axis-x {
    stroke: #dfe5f9
}

.pzl-line-chart-months__path-selected,
.pzl-line-chart-months__path-selected--negative,
.pzl-line-chart-months__rect-selected,
.pzl-line-chart-months__rect-selected--negative {
    color: #022047
}

.pzl-line-chart-months__circle-selected-1 {
    color: #0056cb
}

.pzl-line-chart-months__circle-selected-1--negative {
    color: #e24c4c
}

.pzl-line-chart-months__circle-selected-2 {
    color: #0056cb
}

.pzl-line-chart-months__circle-selected-2--negative {
    color: #e24c4c
}

.pzl-line-chart-months__points {
    color: #56b0ff
}

.pzl-line-chart-months__points--negative {
    color: #da6d6e
}

.pzl-line-chart-months__points-last {
    color: #898d95
}

.pzl-line-chart-months__points-last--negative {
    color: #e24c4c
}

.pzl-line-chart-months__line {
    color: #0081ff
}

.pzl-line-chart-months__line-last {
    color: #898d95
}

.pzl-line-chart-months__linearGradient {
    color: #0081ff
}

.pzl-line-chart-months__text {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    fill: #252b31
}

.pzl-line-chart-months__text-day {
    fill: #1b1c1e;
    font-size: 10px;
    font-weight: 400
}

.pzl-line-chart-months__text-selected {
    color: #fff;
    font-family: Poppins;
    fill: #fff;
    font-size: 10px;
    font-weight: 600
}

.pzl-line-chart-months__text-selected-day {
    font-family: Poppins;
    font-weight: 600;
    font-size: 10px;
    fill: #fff
}

.pzl-line-chart-months--average-text {
    color: #adbae6;
    font-size: 11px;
    font-weight: 400
}

.pzl-line-chart-months--average-text .pzl-currency {
    margin-left: 3px
}

.pzl-line-chart-months--average-text .pzl-currency__amount {
    color: #adbae6;
    font-size: 11px;
    font-weight: 400;
    line-height: normal
}

.pzl-line-chart-months--average-text .pzl-currency__amount .pzl-currency__amount,
.pzl-line-chart-months--average-text .pzl-currency__amount .pzl-currency__integer,
.pzl-line-chart-months--average-text--negative,
.pzl-line-chart-months--average-text--negative .pzl-currency__amount,
.pzl-line-chart-months--average-text--negative .pzl-currency__integer {
    color: #adbae6
}

.pzl-line-chart-months__average,
.pzl-line-chart-months__average--negative {
    color: #dca85e
}

.pzl-tabs-advance-month {
    gap: 16px;
    overflow: visible;
    display: flex;
    overflow-x: hidden;
    width: 100%;
    flex-flow: row
}

.pzl-tabs-advance-month * {
    font-family: Poppins
}

.pzl-tabs-advance-month .pzl-tab-month {
    border: 1px solid #dfe5f9;
    color: #0081ff;
    border-radius: 8px;
    margin-bottom: 24px
}

.pzl-tabs-advance-month .pzl-tab-month--selected {
    border-color: #0081ff
}

.pzl-tabs-advance-month .pzl-tab-month__content {
    padding: 8px;
    display: flex;
    flex-flow: column
}

.pzl-tabs-advance-month .pzl-tab-month__content__header {
    display: flex;
    flex-flow: row;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    font-style: normal;
    font-size: 12px;
    font-weight: 500;
    line-height: 21px
}

.pzl-tabs-advance-month .pzl-tab-month__content__current-month {
    color: #252b31;
    font-style: normal;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: .07em;
    text-align: left
}

.pzl-tabs-advance-month .pzl-tab-month__content__current-month__currency .pzl-currency__integer {
    color: #252b31;
    float: left;
    font-weight: 700;
    font-size: 18px;
    font-style: normal;
    line-height: 28px
}

.pzl-tabs-advance-month .pzl-tab-month__content__current-month__currency .pzl-currency__separator,
.pzl-tabs-advance-month .pzl-tab-month__content__current-month__currency .pzl-currency__fraction {
    color: #252b31
}

.pzl-tabs-advance-month .pzl-tab-month__content__last-month {
    color: #5c6b7a;
    font-style: normal;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px
}

.pzl-tabs-advance-month .pzl-tab-month__content__last-month__currency .pzl-currency__integer {
    color: #5c6b7a;
    float: left;
    font-weight: 600;
    font-size: 16px;
    font-style: normal;
    line-height: 22px
}

.pzl-tabs-advance-month .pzl-tab-month__content__last-month__currency .pzl-currency__separator,
.pzl-tabs-advance-month .pzl-tab-month__content__last-month__currency .pzl-currency__fraction {
    color: #5c6b7a
}

.pzl-select-dates {
    width: 323px;
    border: 1px solid #dee1e4
}

.pzl-select-dates * {
    font-family: Poppins;
    font-size: 16px
}

.pzl-select-dates__date-box {
    margin: 0 8px
}

.pzl-select-dates__arrow-left {
    background-color: #ebedef;
    border-top-left-radius: 60px;
    border-bottom-left-radius: 60px;
    width: 50px;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center
}

.pzl-select-dates__arrow-left__disable {
    background-color: #cdcdcd;
    pointer-events: none
}

.pzl-select-dates__left {
    display: flex;
    color: #838f9a;
    flex-flow: column;
    align-items: center;
    justify-items: flex-end;
    font-weight: 400
}

.pzl-select-dates__left .pzl-currency__integer,
.pzl-select-dates__left .pzl-currency__separator,
.pzl-select-dates__left .pzl-currency__fraction {
    color: #838f9a
}

.pzl-select-dates__left--negative-currency,
.pzl-select-dates__left--negative-currency .pzl-currency,
.pzl-select-dates__left--negative-currency .pzl-currency .pzl-currency__integer,
.pzl-select-dates__left--negative-currency .pzl-currency .pzl-currency__separator,
.pzl-select-dates__left--negative-currency .pzl-currency .pzl-currency__fraction {
    color: #e24c4c
}

.pzl-select-dates__left-currency {
    color: #898d95;
    font-weight: 700
}

.pzl-select-dates__right {
    display: flex;
    flex-flow: column;
    justify-items: flex-start;
    align-items: center
}

.pzl-select-dates__positive-currency {
    color: #0048db;
    font-weight: 700
}

.pzl-select-dates__positive-currency .pzl-currency__integer,
.pzl-select-dates__positive-currency .pzl-currency__separator,
.pzl-select-dates__positive-currency .pzl-currency__fraction {
    color: #0048db
}

.pzl-select-dates__negative-currency {
    color: #e24c4c;
    font-weight: 700
}

.pzl-select-dates__negative-currency .pzl-currency .pzl-currency__integer,
.pzl-select-dates__negative-currency .pzl-currency .pzl-currency__separator,
.pzl-select-dates__negative-currency .pzl-currency .pzl-currency__fraction {
    color: #e24c4c
}

.pzl-select-dates__title {
    line-height: 16px;
    font-weight: 400;
    font-size: 14px
}

.pzl-select-dates__arrow-right {
    background-color: #ebedef;
    border-top-right-radius: 60px;
    border-bottom-right-radius: 60px;
    width: 50px;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center
}

.pzl-select-dates__arrow-right__disable {
    background-color: #cdcdcd;
    pointer-events: none
}

.pzl-select-dates__date-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 6px 0
}

.pzl-select-dates__separator {
    height: 40px;
    width: 1px;
    background-color: #ebedef;
    margin: 0 10px
}

.pzl-select-dates__icon {
    cursor: pointer;
    color: #0081ff;
    padding: 4px
}

.pzl-select-dates__disable {
    pointer-events: none;
    color: #898d95
}

.pzl-select-dates .pzl-currency__integer {
    font-size: 16px;
    line-height: 18px
}

.pzl-line-chart-available {
    display: flex;
    flex-flow: column;
    align-items: center
}

.pzl-line-chart-available * {
    font-family: Poppins
}

.pzl-line-chart-available__info-text {
    width: 100%;
    max-width: 167px;
    height: 61px;
    border-radius: 8px;
    display: flex;
    border: 1px solid #0081ff;
    flex-flow: column;
    justify-content: center;
    box-shadow: 0 2px 12px #00358566;
    align-items: center;
    padding: 8px;
    margin-bottom: 25px
}

.pzl-line-chart-available__info-text__date {
    color: #3187ff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px
}

.pzl-line-chart-available__info-text__date--negative {
    color: #3187ff
}

.pzl-line-chart-available__info-text__amount {
    color: #3187ff;
    font-style: normal
}

.pzl-line-chart-available__info-text__amount .pzl-currency__integer {
    font-weight: 600;
    line-height: 22px;
    color: #3187ff;
    font-size: 16px
}

.pzl-line-chart-available__info-text__amount .pzl-currency__integer .pzl-currency__separator {
    line-height: 18px;
    color: #3187ff;
    font-weight: 600
}

.pzl-line-chart-available__info-text__amount .pzl-currency__integer .pzl-currency__fraction {
    line-height: 18px;
    font-weight: 600;
    color: #3187ff
}

.pzl-line-chart-available__info-text__amount--negative {
    color: #3187ff
}

.pzl-finance-movement-card {
    border: none;
    box-shadow: none;
    display: grid;
    grid-template-columns: 120px 1fr 120px 40px;
    grid-template-rows: repeat(2, min-content);
    grid-template-areas: "date description currency action"
}

.pzl-finance-movement-card * {
    font-family: Poppins
}

.pzl-finance-movement-card__date {
    grid-area: date;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    color: #555f83
}

.pzl-finance-movement-card__description {
    grid-area: description;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    color: #555f83
}

.pzl-finance-movement-card__currency {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    padding-left: 16px;
    color: #555f83
}

.pzl-finance-movement-card__currency .pzl-currency__fraction {
    color: #555f83
}

.pzl-finance-movement-card__content-action {
    grid-area: action;
    display: flex;
    justify-content: center;
    border-radius: 0 4px 4px 0
}

.pzl-finance-movement-card__content-action .pzl-checkbox__checkbox {
    margin-right: 16px;
    margin-left: 32px
}

.pzl-finance-movement-card__action {
    padding-left: 6px
}

.pzl-finance-movement-card__account {
    grid-area: account;
    display: none
}

.pzl-line-chart-available-months {
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: 24px
}

.pzl-line-chart-available-months * {
    font-family: Poppins
}

.pzl-top-expenses {
    border-radius: 4px
}

.pzl-top-expenses * {
    font-family: Poppins
}

.pzl-top-expenses--title {
    padding-top: 14px;
    padding-left: 16px;
    padding-bottom: 22px;
    border-radius: 3px 3px 0 0;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    color: #0081ff
}

.pzl-top-expenses--title .pzl-icon {
    color: #0081ff
}

.pzl-top-expenses--container {
    margin: 0 16px 16px
}

.pzl-top-expenses--container--dates {
    color: #4e556c;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    margin-bottom: 16px
}

.pzl-top-expenses--container--text {
    padding: 0 22px;
    color: #252b31;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 8px
}

.pzl-top-expenses--container--categories {
    padding: 0 22px;
    gap: 8px;
    overflow-x: scroll;
    margin-bottom: 16px
}

.pzl-top-expenses--container--categories .pzl-card-category-expenses .pzl-currency {
    color: #1b1c1e
}

.pzl-top-expenses--container--categories .pzl-card-category-expenses .pzl-currency__amount {
    font-family: Poppins;
    line-height: 16px;
    letter-spacing: normal
}

.pzl-top-expenses--container--categories .pzl-card-category-expenses .pzl-currency__amount .pzl-currency__integer {
    font-size: 12px;
    letter-spacing: normal;
    float: left;
    color: #252b31
}

.pzl-top-expenses--container--categories .pzl-card-category-expenses .pzl-currency__amount .pzl-top-expenses--container--categories .pzl-card-category-expenses .pzl-currency__fraction {
    position: relative;
    font-size: 12px;
    letter-spacing: normal;
    line-height: 16px;
    color: #252b31
}

.pzl-top-expenses--container--categories .pzl-card-category-expenses .pzl-currency__amount .pzl-top-expenses--container--categories .pzl-card-category-expenses .pzl-currency__separator {
    color: #adbae6
}

.pzl-top-expenses--container--categories .pzl-card-category-expenses .pzl-currency--red .pzl-top-expenses--container--categories .pzl-card-category-expenses .pzl-currency__integer {
    color: #e24c4c
}

.pzl-top-expenses--container--categories .pzl-card-category-expenses .pzl-currency--red .pzl-top-expenses--container--categories .pzl-card-category-expenses .pzl-currency__fraction,
.pzl-top-expenses--container--categories .pzl-card-category-expenses .pzl-currency--red .pzl-top-expenses--container--categories .pzl-card-category-expenses .pzl-currency__separator {
    color: #ffa5a5
}

.pzl-top-expenses--container--categories::-webkit-scrollbar {
    display: none
}

.pzl-top-expenses--container--error {
    gap: 8px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 16px
}

.pzl-top-expenses--container--button {
    align-self: flex-end;
    width: 100%;
    height: 28px
}

.pzl-top-expenses--container--button button {
    background: #ffffff;
    color: #555f83;
    border: 1px solid #adbae6;
    width: 100%
}

.pzl-top-expenses--container--button button .pzl-icon {
    display: none
}

.pzl-top-expenses--container--button button .pzl-label {
    padding-bottom: 14px;
    font-size: 12px
}

.pzl-top-expenses--container--button button:hover {
    background: #ffffff;
    border-color: #0081ff
}

.pzl-top-expenses--container--button button:active {
    background: linear-gradient(180deg, #0056cb 0%, #00246f 100%);
    color: #fff;
    border-color: #0081ff
}

.pzl-top-expenses--container--button button:disabled {
    background: #eff2fc;
    color: #adbae6;
    border: 1px solid #adbae6;
    opacity: .5
}

.pzl-top-expenses--container--description-skeleton {
    box-sizing: border-box;
    display: flex;
    height: 42px;
    width: 100%
}

.pzl-top-expenses--container--expenses-skeleton {
    box-sizing: border-box;
    display: flex;
    height: 25px;
    width: 100%;
    max-width: 82px;
    margin-bottom: 8px;
    margin-top: 8px
}

.pzl-top-expenses--container--categories-skeleton {
    display: flex;
    flex-flow: row;
    overflow-y: hidden;
    gap: 8px
}

.pzl-top-expenses--container--category-skeleton {
    box-sizing: border-box;
    display: flex;
    height: 52px;
    width: 110px;
    min-width: 110px;
    margin-bottom: 38px
}

.pzl-top-expenses .skeleton-box {
    display: inline-block;
    position: relative;
    overflow: hidden
}

.pzl-top-expenses .skeleton-box:after {
    position: absolute;
    inset: 0;
    transform: translate(-100%);
    animation: 1.2s ease-in-out infinite shimmer;
    content: ""
}

.pzl-finance-item {
    cursor: pointer
}

.pzl-finance-item * {
    font-family: Poppins
}

.pzl-finance-item__item {
    width: 100%;
    box-shadow: none;
    border: 1px solid #dfe5f9;
    border-radius: 8px;
    padding: 8px
}

.pzl-finance-item__item .pzl-acordeon-item__header {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-areas: "title description chevron"
}

.pzl-finance-item__item .pzl-acordeon-item__chevron {
    color: #555f83;
    height: 24px !important;
    width: 24px !important;
    margin-right: 16px;
    margin-left: 32px
}

.pzl-finance-item__item__title__icon {
    height: 24px !important;
    width: 24px !important;
    color: #5bc7e1 !important;
    margin-right: 16px
}

.pzl-finance-item__item__description {
    display: flex;
    flex-flow: column
}

.pzl-finance-item__item__description__name {
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: .07em;
    text-align: left;
    color: #555f83
}

.pzl-finance-item__item__description__bar {
    display: grid;
    grid-gap: 8px;
    gap: 8px;
    align-items: center;
    grid-template-columns: 1fr auto;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: .07em;
    text-align: right;
    color: #0081ff
}

.pzl-finance-item__item__description__bar .pzl-progress-budget__bar-spend {
    fill: #5bc7e1
}

.pzl-finance-item__item__description__bar .pzl-progress-budget__bar-background {
    fill: #cdcdcd;
    stroke: #cdcdcd
}

.pzl-finance-item__item__description__amount {
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: space-between
}

.pzl-finance-item__item__description__amount__text {
    color: #555f83
}

.pzl-finance-item__item__description__amount__date {
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: end;
    color: #555f83
}

.pzl-finance-item__item__description__amount__date__currency,
.pzl-finance-item__item__description__amount__currency {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #555f83
}

.pzl-finance-item__item__description__amount__end {
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: end;
    color: #555f83
}

.pzl-finance-item__error-no-data-movements {
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-flow: column
}

.pzl-finance-item__error-no-data-movements .pzl-icon {
    width: 40px;
    height: auto
}

.pzl-finance-item__error-no-data-movements--title {
    color: #555f83;
    margin-top: 16px;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: .05em;
    text-align: center
}

.pzl-finance-item__error-no-data-movements--description {
    color: #555f83;
    font-style: normal;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: .05em;
    text-align: center
}

.pzl-finance-item__skeleton-movement {
    display: flex;
    margin: 8px 0 0;
    height: 80px;
    background: #cdcdcd;
    width: 100%;
    border-radius: 8px
}

.pzl-finance-item .skeleton-box {
    display: inline-block;
    position: relative;
    overflow: hidden;
    background: #cdcdcd
}

.pzl-finance-item .skeleton-box:after {
    position: absolute;
    inset: 0;
    transform: translate(-100%);
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .6), rgba(255, 255, 255, 0));
    animation: 1.2s ease-in-out infinite shimmer;
    content: ""
}

@keyframes shimmer {
    to {
        transform: translate(100%)
    }
}

.pzl-date-picker-dropdown {
    margin-bottom: 8px
}

.pzl-date-picker-dropdown__card {
    border: 1px solid #adbae6;
    background: #ffffff;
    border-radius: 8px;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (max-width: 767px) {
    .pzl-date-picker-dropdown {
        position: absolute;
        z-index: 1;
        inset: 0
    }

    .pzl-date-picker-dropdown__card {
        max-height: 80%;
        height: -moz-fit-content;
        height: fit-content;
        width: 100%;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 8px 8px 0 0
    }

    .pzl-date-picker-dropdown__card .pzl-date-picker__container {
        height: calc(80vh - 360px)
    }
}

.pzl-finance-movement-card-group * {
    font-family: Poppins
}

.pzl-finance-movement-card-group__action {
    border-top: 1px solid #d1d6da;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #898d95;
    cursor: no-drop;
    margin-bottom: 16px;
    padding-top: 8px
}

.pzl-finance-movement-card-group__action .pzl-icon {
    width: 16px;
    height: 16px;
    cursor: inherit;
    margin-right: 8px
}

.pzl-finance-movement-card-group__action .pzl-icon * {
    cursor: inherit
}

.pzl-finance-movement-card-group__action span {
    font-size: 12px;
    font-weight: 600;
    line-height: 2;
    text-decoration: underline;
    cursor: inherit
}

.pzl-finance-movement-card-group__action--enabled {
    color: #0056cb;
    cursor: pointer !important
}

.pzl-finance-movement-card-group--disable {
    display: none
}

.pzl-finance-movement-card-group__movement {
    padding-top: 16px;
    padding-bottom: 16px
}

.pzl-finance-movement-card-group__movement:last-of-type {
    padding-bottom: 8px
}

.pzl-web-chat-onboarding {
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    font-size: 12px
}

.pzl-web-chat-onboarding .pzl-alert {
    border-radius: 8px;
    border: 1px solid #266dd0;
    padding: 16px;
    text-align: left;
    color: #555f83;
    margin: 5px 0;
    background-color: #e3f2ff
}

.pzl-web-chat-onboarding--button {
    width: 100%
}

.pzl-web-chat-onboarding--button--label {
    display: flex;
    justify-content: center;
    justify-items: center;
    gap: 5px
}

.pzl-web-chat-onboarding--button--label span {
    padding-top: 3px
}

.pzl-budget * {
    font-family: Poppins
}

.pzl-budget--title-card {
    background: #ffffff;
    max-width: 798px;
    width: 100%
}

.pzl-budget--title {
    box-sizing: border-box;
    margin: 16px;
    padding: 12px;
    width: calc(100% - 32px)
}

.pzl-budget--first-card {
    max-width: 798px;
    width: 100%;
    background: #ffffff;
    display: flex;
    flex-flow: column
}

.pzl-budget--second-card {
    width: 100%;
    background: #ffffff;
    max-width: 798px;
    display: flex;
    flex-flow: column
}

.pzl-budget--incomes-div {
    display: flex;
    flex-flow: column
}

.pzl-budget .pzl-progress-summary-card {
    box-sizing: border-box;
    margin: 24px 16px 16px;
    max-width: 507px;
    align-self: center;
    width: calc(100% - 32px)
}

.pzl-budget .pzl-budget-category-item {
    margin-right: 24px;
    margin-left: 24px;
    margin-bottom: 24px
}

.pzl-budget .pzl-budget-category-item:last-child {
    margin-bottom: 16px
}

.pzl-budget--incomes-card,
.pzl-budget--expenses-card {
    box-sizing: border-box
}

.pzl-budget--expenses-card .pzl-progress-donut__arc1.arc1 {
    fill: #ffaa31
}

.pzl-budget--expenses-card .pzl-progress-donut__text {
    fill: #022047
}

.pzl-budget--expenses-card .pzl-progress-donut__text.overdraft {
    fill: #e24c4c
}

.pzl-budget--second-tabs {
    border: 1px solid #dfe5f9;
    margin-right: 10px;
    margin-left: 10px;
    border-radius: 4px;
    padding: 2px;
    margin-bottom: 16px;
    max-width: 400px;
    align-self: center;
    width: calc(100% - 20px)
}

.pzl-budget--second-tabs .pzl-tabs__tab {
    border: none;
    background: linear-gradient(180deg, #0081ff 0%, #0056cb 100%);
    height: 100%;
    border-radius: 4px;
    bottom: 0;
    z-index: 0
}

.pzl-budget--second-tabs .pzl-tabs__option,
.pzl-budget--second-tabs .pzl-tabs__option--selected {
    padding: 0;
    color: #555f83
}

.pzl-budget--second-tabs .pzl-tabs__option .pzl-currency__amount .pzl-currency__fraction,
.pzl-budget--second-tabs .pzl-tabs__option--selected .pzl-currency__amount .pzl-currency__fraction,
.pzl-budget--second-tabs .pzl-tabs__option .pzl-currency__amount .pzl-currency__separator,
.pzl-budget--second-tabs .pzl-tabs__option--selected .pzl-currency__amount .pzl-currency__separator {
    color: inherit
}

.pzl-budget--second-tabs .pzl-tabs__option--selected {
    color: #fff
}

.pzl-budget--second-tabs .pzl-tabs__option--selected .pzl-currency__amount .pzl-currency__fraction,
.pzl-budget--second-tabs .pzl-tabs__option--selected .pzl-currency__amount .pzl-currency__separator {
    color: inherit
}

.pzl-budget--second-tabs .pzl-tabs__option:hover,
.pzl-budget--second-tabs .pzl-tabs__option--selected:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial
}

.pzl-budget__error-movements {
    margin: 16px 16px 26px
}

.pzl-budget__error-movements .pzl-icon {
    width: 60px;
    height: auto
}

.pzl-budget__error-movements--title {
    color: #1b1c1e;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 21px;
    margin-top: 24px;
    margin-bottom: 8px
}

.pzl-budget__error-movements--description {
    color: #555f83;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    text-align: center
}

.pzl-budget__error-no-data {
    margin: 16px
}

.pzl-budget__error-no-data .pzl-icon {
    width: 60px;
    height: auto
}

.pzl-budget__error-no-data--title {
    color: #1b1c1e;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 21px;
    margin-top: 24px;
    margin-bottom: 8px
}

.pzl-budget__error-no-data--description {
    color: #555f83;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    margin-bottom: 24px
}

.pzl-budget__error-no-data .pzl-button button {
    background: linear-gradient(to top, #0056cb, #0081ff);
    color: #fff;
    border: none
}

.pzl-budget__error-no-data .pzl-button button:hover {
    box-shadow: 0 8px 8px #0081ff3d
}

.pzl-budget__error-no-data .pzl-button button:active {
    background: linear-gradient(to bottom, #0056cb, #00246f);
    box-shadow: none
}

.pzl-budget__error-no-data .pzl-button button:disabled {
    background: linear-gradient(to top, #0056cb, #0081ff);
    color: #fff;
    box-shadow: none
}

.pzl-budget__error-no-data .pzl-button.deactivated button {
    background: #eff2fc !important;
    color: #adbae6;
    box-shadow: none
}

.pzl-budget__error-no-data .pzl-button.deactivated button .pzl-budget__error-no-data .pzl-button__label {
    opacity: 1
}

.pzl-budget__skeleton-card {
    height: 130px;
    margin: 16px;
    padding: 0;
    display: flex;
    flex-flow: column;
    border-radius: 8px;
    background: #eff2fc
}

.pzl-budget__skeleton-card--title {
    height: 100%;
    width: 100%;
    margin: 0;
    border-radius: 8px
}

.pzl-budget__skeleton-card--price,
.pzl-budget__skeleton-card--previous {
    height: 0;
    width: 0
}

.pzl-budget__skeleton-category {
    display: grid;
    margin-right: 16px;
    margin-left: 16px;
    margin-bottom: 24px;
    height: 72px;
    grid-template-columns: 1fr min-content;
    grid-template-areas: "title icon" "title bar" "title price"
}

.pzl-budget__skeleton-category--icon {
    grid-area: icon;
    height: 0;
    width: 0
}

.pzl-budget__skeleton-category--title {
    grid-area: title;
    height: 100%;
    width: 100%;
    border-radius: 5px
}

.pzl-budget__skeleton-category--bar {
    grid-area: bar;
    height: 0;
    width: 0;
    border-radius: 5px
}

.pzl-budget__skeleton-category--price {
    grid-area: price;
    height: 0;
    width: 0
}

.pzl-budget__skeleton-categories {
    margin-bottom: 16px
}

.pzl-budget .skeleton-box {
    display: inline-block;
    position: relative;
    overflow: hidden;
    background: #eff2fc
}

.pzl-budget .skeleton-box:after {
    position: absolute;
    inset: 0;
    transform: translate(-100%);
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .9), rgba(255, 255, 255, 0));
    animation: 2s ease-in-out infinite shimmer;
    content: ""
}

@keyframes shimmer {
    to {
        transform: translate(100%)
    }
}

.pzl-finance {
    padding: 24px 0;
    background: #ffffff;
    max-width: 635px
}

.pzl-finance * {
    font-family: Poppins
}

.pzl-finance__title {
    color: #1b1c1e;
    font-size: 11px;
    font-weight: 600;
    line-height: 16px;
    margin-bottom: 14px
}

.pzl-finance__title-tabs {
    color: #1b1c1e;
    margin: 20px 0 8px;
    display: flex;
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: .77px
}

.pzl-finance__tabs {
    border: none
}

.pzl-finance__tabs .pzl-tabs__container {
    gap: 24px;
    width: -moz-fit-content;
    width: fit-content;
    height: 30px
}

.pzl-finance__tabs .pzl-tabs__container .pzl-tabs__tab {
    width: 0;
    height: 0
}

.pzl-finance__tabs .pzl-tabs__container .pzl-tabs__option,
.pzl-finance__tabs .pzl-tabs__container .pzl-tabs__option--selected {
    border-radius: 4px;
    border: 1px solid #dfe5f9;
    background: #ffffff;
    min-width: 187px
}

.pzl-finance__tabs .pzl-tabs__container .pzl-tabs__option .pzl-tabs__label,
.pzl-finance__tabs .pzl-tabs__container .pzl-tabs__option--selected .pzl-tabs__label {
    color: #555f83;
    font-size: 12px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: .84px
}

.pzl-finance__tabs .pzl-tabs__container .pzl-tabs__option--selected {
    border-radius: 4px;
    border-color: #0081ff;
    background: #0081ff;
    min-width: 187px
}

.pzl-finance__tabs .pzl-tabs__container .pzl-tabs__option--selected .pzl-tabs__label {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: .84px
}

.pzl-finance__error-no-data {
    display: flex;
    flex-flow: column
}

.pzl-finance__error-no-data--title {
    color: #1b1c1e;
    margin: 20px 0 8px;
    display: flex;
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: .77px
}

.pzl-finance__error-no-data--description {
    color: #555f83;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    max-width: 385px;
    margin-top: 30px;
    align-self: center;
    font-family: Poppins
}

.pzl-finance__error-no-data--icon {
    align-self: center;
    margin-top: 16px;
    width: 64px !important;
    height: auto !important;
    cursor: inherit !important
}

.pzl-finance__description {
    display: flex;
    flex-flow: column
}

.pzl-finance__description__subtitle {
    margin-top: 18px;
    margin-bottom: 8px;
    color: #1b1c1e;
    font-style: normal;
    font-size: 11px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: .77px
}

.pzl-finance__description__list {
    display: flex;
    flex-flow: column;
    gap: 16px
}

.pzl-finance__second-tabs {
    margin: 0 16px 25px;
    background: #e7e9fb;
    border-radius: 37px;
    padding: 0;
    border-bottom: none
}

.pzl-finance__second-tabs .pzl-tabs {
    height: 52px
}

.pzl-finance__second-tabs .pzl-tabs__container {
    position: relative;
    align-items: center
}

.pzl-finance__second-tabs .pzl-tabs__option,
.pzl-finance__second-tabs .pzl-tabs__option--selected {
    border: medium none currentColor;
    border: initial;
    color: #0056cb;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    transition: none !important
}

.pzl-finance__second-tabs .pzl-tabs__option:hover,
.pzl-finance__second-tabs .pzl-tabs__option--selected:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial
}

.pzl-finance__second-tabs .pzl-tabs__option .pzl-currency__separator,
.pzl-finance__second-tabs .pzl-tabs__option--selected .pzl-currency__separator,
.pzl-finance__second-tabs .pzl-tabs__option .pzl-currency__fraction,
.pzl-finance__second-tabs .pzl-tabs__option--selected .pzl-currency__fraction {
    color: #0056cb
}

.pzl-finance__second-tabs .pzl-tabs__option--selected {
    color: #fff;
    background: #0081ff !important
}

.pzl-finance__second-tabs .pzl-tabs__option--selected .pzl-finance__label,
.pzl-finance__second-tabs .pzl-tabs__option--selected .pzl-finance__label .pzl-text,
.pzl-finance__second-tabs .pzl-tabs__option--selected .pzl-finance__label .pzl-text--hero,
.pzl-finance__second-tabs .pzl-tabs__option--selected .pzl-finance__label .pzl-text--h1,
.pzl-finance__second-tabs .pzl-tabs__option--selected .pzl-finance__label .pzl-text--h2,
.pzl-finance__second-tabs .pzl-tabs__option--selected .pzl-finance__label .pzl-text--h3,
.pzl-finance__second-tabs .pzl-tabs__option--selected .pzl-finance__label .pzl-text--h4,
.pzl-finance__second-tabs .pzl-tabs__option--selected .pzl-finance__label .pzl-text--h5,
.pzl-finance__second-tabs .pzl-tabs__option--selected .pzl-finance__label .pzl-text--h6,
.pzl-finance__second-tabs .pzl-tabs__option--selected .pzl-finance__label .pzl-text--stl,
.pzl-finance__second-tabs .pzl-tabs__option--selected .pzl-finance__label .pzl-text--stm,
.pzl-finance__second-tabs .pzl-tabs__option--selected .pzl-finance__label .pzl-text--sts,
.pzl-finance__second-tabs .pzl-tabs__option--selected .pzl-finance__label .pzl-text--bl,
.pzl-finance__second-tabs .pzl-tabs__option--selected .pzl-finance__label .pzl-text--bm,
.pzl-finance__second-tabs .pzl-tabs__option--selected .pzl-finance__label .pzl-text--bs,
.pzl-finance__second-tabs .pzl-tabs__option--selected .pzl-finance__label .pzl-text--cap,
.pzl-finance__second-tabs .pzl-tabs__option--selected .pzl-finance__label .pzl-text--button,
.pzl-finance__second-tabs .pzl-tabs__option--selected .pzl-finance__label .pzl-text--ovrl {
    font-weight: 500
}

.pzl-finance__second-tabs .pzl-tabs__option--selected .pzl-currency__separator,
.pzl-finance__second-tabs .pzl-tabs__option--selected .pzl-currency__fraction {
    color: #fff
}

.pzl-finance__second-tabs .pzl-tabs__option#tabOptionVariable,
.pzl-finance__second-tabs #tabOptionVariable.pzl-tabs__option--selected {
    border-radius: 0 37px 37px 0
}

.pzl-finance__second-tabs .pzl-tabs__option#tabOptionFixed,
.pzl-finance__second-tabs #tabOptionFixed.pzl-tabs__option--selected {
    border-radius: 37px 0 0 37px
}

.pzl-finance__second-tabs .pzl-tabs__label {
    font-weight: 600;
    font-size: 12px;
    line-height: 17px;
    z-index: 1
}

.pzl-finance__second-tabs .pzl-tabs__label .pzl-currency,
.pzl-finance__second-tabs .pzl-tabs__label .pzl-currency__integer {
    font-size: 12px
}

.pzl-finance__second-tabs .pzl-tabs__label .pzl-text,
.pzl-finance__second-tabs .pzl-tabs__label .pzl-text--hero,
.pzl-finance__second-tabs .pzl-tabs__label .pzl-text--h1,
.pzl-finance__second-tabs .pzl-tabs__label .pzl-text--h2,
.pzl-finance__second-tabs .pzl-tabs__label .pzl-text--h3,
.pzl-finance__second-tabs .pzl-tabs__label .pzl-text--h4,
.pzl-finance__second-tabs .pzl-tabs__label .pzl-text--h5,
.pzl-finance__second-tabs .pzl-tabs__label .pzl-text--h6,
.pzl-finance__second-tabs .pzl-tabs__label .pzl-text--stl,
.pzl-finance__second-tabs .pzl-tabs__label .pzl-text--stm,
.pzl-finance__second-tabs .pzl-tabs__label .pzl-text--sts,
.pzl-finance__second-tabs .pzl-tabs__label .pzl-text--bl,
.pzl-finance__second-tabs .pzl-tabs__label .pzl-text--bm,
.pzl-finance__second-tabs .pzl-tabs__label .pzl-text--bs,
.pzl-finance__second-tabs .pzl-tabs__label .pzl-text--cap,
.pzl-finance__second-tabs .pzl-tabs__label .pzl-text--button,
.pzl-finance__second-tabs .pzl-tabs__label .pzl-text--ovrl {
    font-weight: 600
}

@media screen and (max-width: 767px) {
    .pzl-finance {
        max-width: none;
        width: 100%
    }
}

@charset "UTF-8";

.cdk-overlay-container,
.cdk-global-overlay-wrapper {
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.cdk-overlay-container {
    position: fixed;
    z-index: 1000
}

.cdk-overlay-container:empty {
    display: none
}

.cdk-global-overlay-wrapper {
    display: flex;
    position: absolute;
    z-index: 1000
}

.cdk-overlay-pane {
    position: absolute;
    pointer-events: auto;
    box-sizing: border-box;
    z-index: 1000;
    display: flex;
    max-width: 100%;
    max-height: 100%
}

.cdk-overlay-backdrop {
    position: absolute;
    inset: 0;
    z-index: 1000;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    transition: opacity .4s cubic-bezier(.25, .8, .25, 1);
    opacity: 0
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 1
}

.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: .6
}

.cdk-overlay-dark-backdrop {
    background: rgba(0, 0, 0, .32)
}

.cdk-overlay-transparent-backdrop,
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0
}

.cdk-overlay-connected-position-bounding-box {
    position: absolute;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    min-width: 1px;
    min-height: 1px
}

.cdk-global-scrollblock {
    position: fixed;
    width: 100%;
    overflow-y: scroll
}

/*!
 * Bootstrap v4.5.3 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    touch-action: none;
    -moz-user-select: none;
    user-select: none;
    box-sizing: border-box
}

.noUi-target {
    position: relative
}

.noUi-base,
.noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-connects {
    overflow: hidden;
    z-index: 0
}

.noUi-connect,
.noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    transform-style: flat
}

.noUi-connect {
    height: 100%;
    width: 100%
}

.noUi-origin {
    height: 10%;
    width: 10%
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto
}

.noUi-vertical .noUi-origin {
    width: 0
}

.noUi-horizontal .noUi-origin {
    height: 0
}

.noUi-handle {
    backface-visibility: hidden;
    position: absolute
}

.noUi-touch-area {
    height: 100%;
    width: 100%
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    transition: transform .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-horizontal {
    height: 18px
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    right: -17px;
    top: -6px
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    right: -6px;
    top: -17px
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -17px;
    right: auto
}

.noUi-target {
    background: #FAFAFA;
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb
}

.noUi-connects {
    border-radius: 3px
}

.noUi-connect {
    background: #3FB8AF
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}

.noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb
}

.noUi-active {
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb
}

.noUi-handle:after,
.noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #E8E7E6;
    left: 14px;
    top: 6px
}

.noUi-handle:after {
    left: 17px
}

.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px
}

.noUi-vertical .noUi-handle:after {
    top: 17px
}

[disabled] .noUi-connect {
    background: #B8B8B8
}

[disabled] .noUi-handle,
[disabled].noUi-handle,
[disabled].noUi-target {
    cursor: not-allowed
}

.noUi-pips,
.noUi-pips * {
    box-sizing: border-box
}

.noUi-pips {
    position: absolute;
    color: #999
}

.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    position: absolute;
    background: #CCC
}

.noUi-marker-sub,
.noUi-marker-large {
    background: #AAA
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
}

.noUi-value-horizontal {
    transform: translate(-50%, 50%)
}

.noUi-rtl .noUi-value-horizontal {
    transform: translate(50%, 50%)
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}

.noUi-value-vertical {
    transform: translateY(-50%);
    padding-left: 25px
}

.noUi-rtl .noUi-value-vertical {
    transform: translateY(50%)
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap
}

.noUi-horizontal .noUi-tooltip {
    transform: translate(-50%);
    left: 50%;
    bottom: 120%
}

.noUi-vertical .noUi-tooltip {
    transform: translateY(-50%);
    top: 50%;
    right: 120%
}

.noUi-horizontal .noUi-origin>.noUi-tooltip {
    transform: translate(50%);
    left: auto;
    bottom: 10px
}

.noUi-vertical .noUi-origin>.noUi-tooltip {
    transform: translateY(-18px);
    top: auto;
    right: 28px
}

.ng-select.ng-select-opened>.ng-select-container {
    background: #fff;
    border-color: #b3b3b3 #ccc #d9d9d9
}

.ng-select.ng-select-opened>.ng-select-container:hover {
    box-shadow: none
}

.ng-select.ng-select-opened>.ng-select-container .ng-arrow {
    top: -2px;
    border-color: transparent transparent #999;
    border-width: 0 5px 5px
}

.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover {
    border-color: transparent transparent #333
}

.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.ng-select.ng-select-opened.ng-select-top>.ng-select-container {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container {
    border-color: #007eff;
    box-shadow: inset 0 1px 1px #00000013, 0 0 0 3px #007eff1a
}

.ng-select.ng-select-disabled>.ng-select-container {
    background-color: #f9f9f9
}

.ng-select .ng-has-value .ng-placeholder {
    display: none
}

.ng-select .ng-select-container {
    color: #333;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ccc;
    min-height: 36px;
    align-items: center
}

.ng-select .ng-select-container:hover {
    box-shadow: 0 1px #0000000f
}

.ng-select .ng-select-container .ng-value-container {
    align-items: center;
    padding-left: 10px
}

[dir=rtl] .ng-select .ng-select-container .ng-value-container {
    padding-right: 10px;
    padding-left: 0
}

.ng-select .ng-select-container .ng-value-container .ng-placeholder {
    color: #999
}

.ng-select.ng-select-single .ng-select-container {
    height: 36px
}

.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
    top: 5px;
    left: 0;
    padding-left: 10px;
    padding-right: 50px
}

[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
    padding-right: 10px;
    padding-left: 50px
}

.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value {
    background-color: #f9f9f9;
    border: 1px solid #e6e6e6
}

.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label {
    padding: 0 5px
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container {
    padding-top: 5px;
    padding-left: 7px
}

[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container {
    padding-right: 7px;
    padding-left: 0
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
    font-size: .9em;
    margin-bottom: 5px;
    background-color: #ebf5ff;
    border-radius: 2px;
    margin-right: 5px
}

[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
    margin-right: 0;
    margin-left: 5px
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled {
    background-color: #f9f9f9
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
    padding-left: 5px
}

[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
    padding-left: 0;
    padding-right: 5px
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label,
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon {
    display: inline-block;
    padding: 1px 5px
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
    background-color: #d1e8ff
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
    border-right: 1px solid #b8dbff
}

[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
    border-left: 1px solid #b8dbff;
    border-right: none
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
    border-left: 1px solid #b8dbff
}

[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
    border-left: 0;
    border-right: 1px solid #b8dbff
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
    padding: 0 0 3px 3px
}

[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
    padding: 0 3px 3px 0
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
    top: 5px;
    padding-bottom: 5px;
    padding-left: 3px
}

[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
    padding-right: 3px;
    padding-left: 0
}

.ng-select .ng-clear-wrapper {
    color: #999
}

.ng-select .ng-clear-wrapper:hover .ng-clear {
    color: #d0021b
}

.ng-select .ng-spinner-zone {
    padding: 5px 5px 0 0
}

[dir=rtl] .ng-select .ng-spinner-zone {
    padding: 5px 0 0 5px
}

.ng-select .ng-arrow-wrapper {
    width: 25px;
    padding-right: 5px
}

[dir=rtl] .ng-select .ng-arrow-wrapper {
    padding-left: 5px;
    padding-right: 0
}

.ng-select .ng-arrow-wrapper:hover .ng-arrow {
    border-top-color: #666
}

.ng-select .ng-arrow-wrapper .ng-arrow {
    border-color: #999 transparent transparent;
    border-style: solid;
    border-width: 5px 5px 2.5px
}

.ng-dropdown-panel {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 1px #0000000f;
    left: 0
}

.ng-dropdown-panel.ng-select-bottom {
    top: 100%;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-color: #e6e6e6;
    margin-top: -1px
}

.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.ng-dropdown-panel.ng-select-top {
    bottom: 100%;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-color: #e6e6e6;
    margin-bottom: -1px
}

.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.ng-dropdown-panel .ng-dropdown-header {
    border-bottom: 1px solid #ccc;
    padding: 5px 7px
}

.ng-dropdown-panel .ng-dropdown-footer {
    border-top: 1px solid #ccc;
    padding: 5px 7px
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding: 8px 10px;
    font-weight: 500;
    color: #0000008a;
    cursor: pointer
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled {
    cursor: default
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked {
    background-color: #f5faff
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked {
    background-color: #ebf5ff;
    font-weight: 600
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    background-color: #fff;
    color: #000000de;
    padding: 8px 10px
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked {
    color: #333;
    background-color: #ebf5ff
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label {
    font-weight: 600
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
    background-color: #f5faff;
    color: #333
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
    color: #ccc
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
    padding-left: 22px
}

[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
    padding-right: 22px;
    padding-left: 0
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
    font-size: 80%;
    font-weight: 400;
    padding-right: 5px
}

[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
    padding-left: 5px;
    padding-right: 0
}

[dir=rtl] .ng-dropdown-panel {
    direction: rtl;
    text-align: right
}

.ngx-datatable.material {
    background: #fff;
    box-shadow: 0 5px 5px -3px #0003, 0 8px 10px 1px #00000024, 0 3px 14px 2px #0000001f
}

.ngx-datatable.material.striped .datatable-row-odd {
    background: #eee
}

.ngx-datatable.material.single-selection .datatable-body-row.active,
.ngx-datatable.material.single-selection .datatable-body-row.active .datatable-row-group,
.ngx-datatable.material.multi-selection .datatable-body-row.active,
.ngx-datatable.material.multi-selection .datatable-body-row.active .datatable-row-group,
.ngx-datatable.material.multi-click-selection .datatable-body-row.active,
.ngx-datatable.material.multi-click-selection .datatable-body-row.active .datatable-row-group {
    background-color: #304ffe;
    color: #fff
}

.ngx-datatable.material.single-selection .datatable-body-row.active:hover,
.ngx-datatable.material.single-selection .datatable-body-row.active:hover .datatable-row-group,
.ngx-datatable.material.multi-selection .datatable-body-row.active:hover,
.ngx-datatable.material.multi-selection .datatable-body-row.active:hover .datatable-row-group,
.ngx-datatable.material.multi-click-selection .datatable-body-row.active:hover,
.ngx-datatable.material.multi-click-selection .datatable-body-row.active:hover .datatable-row-group {
    background-color: #193ae4;
    color: #fff
}

.ngx-datatable.material.single-selection .datatable-body-row.active:focus,
.ngx-datatable.material.single-selection .datatable-body-row.active:focus .datatable-row-group,
.ngx-datatable.material.multi-selection .datatable-body-row.active:focus,
.ngx-datatable.material.multi-selection .datatable-body-row.active:focus .datatable-row-group,
.ngx-datatable.material.multi-click-selection .datatable-body-row.active:focus,
.ngx-datatable.material.multi-click-selection .datatable-body-row.active:focus .datatable-row-group {
    background-color: #2041ef;
    color: #fff
}

.ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover,
.ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
    background-color: #eee;
    transition-property: background;
    transition-duration: .3s;
    transition-timing-function: linear
}

.ngx-datatable.material:not(.cell-selection) .datatable-body-row:focus,
.ngx-datatable.material:not(.cell-selection) .datatable-body-row:focus .datatable-row-group {
    background-color: #ddd
}

.ngx-datatable.material.cell-selection .datatable-body-cell:hover,
.ngx-datatable.material.cell-selection .datatable-body-cell:hover .datatable-row-group {
    background-color: #eee;
    transition-property: background;
    transition-duration: .3s;
    transition-timing-function: linear
}

.ngx-datatable.material.cell-selection .datatable-body-cell:focus,
.ngx-datatable.material.cell-selection .datatable-body-cell:focus .datatable-row-group {
    background-color: #ddd
}

.ngx-datatable.material.cell-selection .datatable-body-cell.active,
.ngx-datatable.material.cell-selection .datatable-body-cell.active .datatable-row-group {
    background-color: #304ffe;
    color: #fff
}

.ngx-datatable.material.cell-selection .datatable-body-cell.active:hover,
.ngx-datatable.material.cell-selection .datatable-body-cell.active:hover .datatable-row-group {
    background-color: #193ae4;
    color: #fff
}

.ngx-datatable.material.cell-selection .datatable-body-cell.active:focus,
.ngx-datatable.material.cell-selection .datatable-body-cell.active:focus .datatable-row-group {
    background-color: #2041ef;
    color: #fff
}

.ngx-datatable.material .empty-row {
    height: 50px;
    text-align: left;
    padding: .5rem 1.2rem;
    vertical-align: top;
    border-top: 0
}

.ngx-datatable.material .loading-row {
    text-align: left;
    padding: .5rem 1.2rem;
    vertical-align: top;
    border-top: 0
}

.ngx-datatable.material .datatable-header .datatable-row-left,
.ngx-datatable.material .datatable-body .datatable-row-left {
    background-color: #fff;
    background-position: 100% 0;
    background-repeat: repeat-y;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFklEQVQIHWPSkNeSBmJhTQVtbiDNCgASagIIuJX8OgAAAABJRU5ErkJggg==)
}

.ngx-datatable.material .datatable-header .datatable-row-right,
.ngx-datatable.material .datatable-body .datatable-row-right {
    background-position: 0 0;
    background-color: #fff;
    background-repeat: repeat-y;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFklEQVQI12PQkNdi1VTQ5gbSwkAsDQARLAIGtOSFUAAAAABJRU5ErkJggg==)
}

.ngx-datatable.material .datatable-header {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.ngx-datatable.material .datatable-header .datatable-header-cell {
    text-align: left;
    padding: .9rem 1.2rem;
    font-weight: 400;
    background-color: #fff;
    color: #0000008a;
    vertical-align: bottom;
    font-size: 12px;
    font-weight: 500
}

.ngx-datatable.material .datatable-header .datatable-header-cell .datatable-header-cell-wrapper {
    position: relative
}

.ngx-datatable.material .datatable-header .datatable-header-cell.longpress .draggable:after {
    transition: transform .4s ease, opacity .4s ease;
    opacity: .5;
    transform: scale(1)
}

.ngx-datatable.material .datatable-header .datatable-header-cell .draggable:after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    height: 60px;
    width: 60px;
    background: #eee;
    border-radius: 100%;
    opacity: 1;
    filter: none;
    transform: scale(0);
    z-index: 9999;
    pointer-events: none
}

.ngx-datatable.material .datatable-header .datatable-header-cell.dragging .resize-handle {
    border-right: none
}

.ngx-datatable.material .datatable-header .resize-handle {
    border-right: solid 1px #eee
}

.ngx-datatable.material .datatable-body {
    position: relative
}

.ngx-datatable.material .datatable-body .datatable-row-detail {
    background: #f5f5f5;
    padding: 10px
}

.ngx-datatable.material .datatable-body .datatable-group-header {
    background: #f5f5f5;
    border-bottom: solid 1px #d9d8d9;
    border-top: solid 1px #d9d8d9
}

.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell,
.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-group-cell {
    text-align: left;
    padding: .9rem 1.2rem;
    vertical-align: top;
    border-top: 0;
    color: #000000de;
    transition: width .3s ease;
    font-size: 14px;
    font-weight: 400
}

.ngx-datatable.material .datatable-body .progress-linear {
    display: block;
    position: sticky;
    width: 100%;
    height: 5px;
    padding: 0;
    margin: 0;
    top: 0
}

.ngx-datatable.material .datatable-body .progress-linear .container {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 5px;
    transform: translate(0) scale(1);
    background-color: #aad1f9
}

.ngx-datatable.material .datatable-body .progress-linear .container .bar {
    transition: all .2s linear;
    animation: query .8s infinite cubic-bezier(.39, .575, .565, 1);
    transition: transform .2s linear;
    background-color: #106cc8;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 5px
}

.ngx-datatable.material .datatable-footer {
    border-top: 1px solid rgba(0, 0, 0, .12);
    font-size: 12px;
    font-weight: 400;
    color: #0000008a
}

.ngx-datatable.material .datatable-footer .page-count {
    line-height: 50px;
    height: 50px;
    padding: 0 1.2rem
}

.ngx-datatable.material .datatable-footer .datatable-pager {
    margin: 0 10px
}

.ngx-datatable.material .datatable-footer .datatable-pager li {
    vertical-align: middle
}

.ngx-datatable.material .datatable-footer .datatable-pager li.disabled a {
    color: #00000042 !important;
    background-color: transparent !important
}

.ngx-datatable.material .datatable-footer .datatable-pager li.active a {
    background-color: #9e9e9e33;
    font-weight: 700
}

.ngx-datatable.material .datatable-footer .datatable-pager a {
    height: 22px;
    min-width: 24px;
    line-height: 22px;
    padding: 0 6px;
    border-radius: 3px;
    margin: 6px 3px;
    text-align: center;
    vertical-align: top;
    color: #0000008a;
    text-decoration: none;
    vertical-align: bottom
}

.ngx-datatable.material .datatable-footer .datatable-pager a:hover {
    color: #000000bf;
    background-color: #9e9e9e33
}

.ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-left,
.ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-skip,
.ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-right,
.ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-prev {
    font-size: 20px;
    line-height: 20px;
    padding: 0 3px
}

.ngx-datatable.material .datatable-summary-row .datatable-body-row,
.ngx-datatable.material .datatable-summary-row .datatable-body-row:hover {
    background-color: #ddd
}

.ngx-datatable.material .datatable-summary-row .datatable-body-row .datatable-body-cell {
    font-weight: 700
}

.datatable-checkbox {
    position: relative;
    margin: 0;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    box-sizing: border-box;
    padding: 0
}

.datatable-checkbox input[type=checkbox] {
    position: relative;
    margin: 0 1rem 0 0;
    cursor: pointer;
    outline: none
}

.datatable-checkbox input[type=checkbox]:before {
    transition: all .3s ease-in-out;
    content: "";
    position: absolute;
    left: 0;
    z-index: 1;
    width: 1rem;
    height: 1rem;
    border: 2px solid #f2f2f2
}

.datatable-checkbox input[type=checkbox]:checked:before {
    transform: rotate(-45deg);
    height: .5rem;
    border-color: #009688;
    border-top-style: none;
    border-right-style: none
}

.datatable-checkbox input[type=checkbox]:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1rem;
    height: 1rem;
    background: #fff;
    cursor: pointer
}

@keyframes query {
    0% {
        opacity: 1;
        transform: translate(35%) scaleX(.3)
    }

    to {
        opacity: 0;
        transform: translate(-50%) scaleX(0)
    }
}

@font-face {
    font-family: data-table;
    src: url(data-table.40742b4faed98d0250a5.eot);
    src: url(data-table.40742b4faed98d0250a5.eot?#iefix) format("embedded-opentype"), url(data-table.53c319729491b7686d65.woff) format("woff"), url(data-table.93be7e0fc94594d266a2.ttf) format("truetype"), url(data-table.7eda0c04830dac128c76.svg#data-table) format("svg");
    font-weight: 400;
    font-style: normal
}

[data-icon]:before {
    font-family: data-table !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: 400 !important;
    font-feature-settings: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class^=datatable-icon-]:before,
[class*=" datatable-icon-"]:before {
    font-family: data-table !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-feature-settings: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.datatable-icon-filter:before {
    content: "b"
}

.datatable-icon-collapse:before {
    content: "a"
}

.datatable-icon-expand:before {
    content: "c"
}

.datatable-icon-close:before {
    content: "d"
}

.datatable-icon-up:before {
    content: "e"
}

.datatable-icon-down:before {
    content: "f"
}

.datatable-icon-sort-unset:before {
    content: "c";
    opacity: .5
}

.datatable-icon-sort:before {
    content: "g"
}

.datatable-icon-done:before {
    content: "h"
}

.datatable-icon-done-all:before {
    content: "i"
}

.datatable-icon-search:before {
    content: "j"
}

.datatable-icon-pin:before {
    content: "k"
}

.datatable-icon-add:before {
    content: "m"
}

.datatable-icon-left:before {
    content: "o"
}

.datatable-icon-right:before {
    content: "p"
}

.datatable-icon-skip:before {
    content: "q"
}

.datatable-icon-prev:before {
    content: "r"
}

:root {
    --vds-primary-900: #0056cb;
    --vds-primary-700-base: #0081ff;
    --vds-primary-400: #56b0ff;
    --vds-primary-100: #e2f1ff;
    --vds-primary-shade-900: #022047;
    --vds-primary-shade-700-base: #00246f;
    --vds-primary-shade-400: #6d84bf;
    --vds-primary-shade-100: #e6e9f4;
    --vds-secondary-900: #7e5a23;
    --vds-secondary-700-base: #dca85e;
    --vds-secondary-400: #e6c089;
    --vds-secondary-100: #f8f0e2;
    --vds-accent-900: #4600e9;
    --vds-accent-700-base: #9240fe;
    --vds-accent-400: #a869ff;
    --vds-accent-100: #f2e6ff;
    --vds-carbon-dark-1000: #1b1c1e;
    --vds-carbon-dark-900: #333;
    --vds-n-darker-700: #898d95;
    --vds-n-darker-600: #cdcdcd;
    --vds-carbon-light-900: #55616f;
    --vds-carbon-light-700: #555f83;
    --vds-n-lighter-300: #adbae6;
    --vds-n-lighter-100: #f3f6fe;
    --vds-neutral-lighter-50: #fff;
    --vds-error-900: #981b1f;
    --vds-error-700-base: #e24c4c;
    --vds-error-400: #da6d6e;
    --vds-error-100: #fdeaed;
    --vds-warning-900: #b75f0e;
    --vds-warning-700-base: #ffaa31;
    --vds-warning-400: #ffcd84;
    --vds-warning-100: #fff3e1;
    --vds-success-900: #117847;
    --vds-success-700-base: #00ca82;
    --vds-success-400: #86e0b7;
    --vds-success-100: #e2f8ed;
    --vds-semantic-info-900: #2e4783;
    --vds-info-700: #3187ff;
    --vds-info-400: #43a5ff;
    --vds-info-100: #e3f2ff;
    --vds-tuplus-200: #a2efe1;
    --vds-tuplus-700: #07a5b2;
    --vds-product-black-400: #53575d;
    --vds-product-black-700: #1a1c1f;
    --vds-product-silver-200: #f0f0f0;
    --vds-product-silver-400: #989898;
    --vds-product-gold-200: #e7d689;
    --vds-product-gold-700: #ada377;
    --vds-product-bronze-200: #c1976a;
    --vds-product-bronze-700: #8d643c;
    --vds-product-regular-400: #0063dc;
    --vds-product-regular-700: #012e65;
    --vds-product-infinitive-400: #3071b7;
    --vds-product-infinitive-700: #0c1b2b;
    --vds-product-traveler-200: #ffce9d;
    --vds-product-traveler-700: #d63535;
    --vds-n-lighter-200: #dfe5f9;
    --vds-product-unicef-200: #b5ebfb;
    --vds-product-unicef-400: #00b9f2;
    --vds-product-mascotas-400: #00a0d2;
    --vds-product-mascotas-700: #022847;
    --vds-preferente-400: #013676;
    --vds-preferente-900: #001d40;
    --vds-elite-400: #00244f;
    --vds-elite-700: #001227
}

.vds-bg-primary-900 {
    background-color: #0056cb
}

.vds-color-primary-900 {
    color: #0056cb
}

.vds-bg-primary-700-base {
    background-color: #0081ff
}

.vds-color-primary-700-base {
    color: #0081ff
}

.vds-bg-primary-400 {
    background-color: #56b0ff
}

.vds-color-primary-400 {
    color: #56b0ff
}

.vds-bg-primary-100 {
    background-color: #e2f1ff
}

.vds-color-primary-100 {
    color: #e2f1ff
}

.vds-bg-primary-shade-900 {
    background-color: #022047
}

.vds-color-primary-shade-900 {
    color: #022047
}

.vds-bg-primary-shade-700-base {
    background-color: #00246f
}

.vds-color-primary-shade-700-base {
    color: #00246f
}

.vds-bg-primary-shade-400 {
    background-color: #6d84bf
}

.vds-color-primary-shade-400 {
    color: #6d84bf
}

.vds-bg-primary-shade-100 {
    background-color: #e6e9f4
}

.vds-color-primary-shade-100 {
    color: #e6e9f4
}

.vds-bg-secondary-900 {
    background-color: #7e5a23
}

.vds-color-secondary-900 {
    color: #7e5a23
}

.vds-bg-secondary-700-base {
    background-color: #dca85e
}

.vds-color-secondary-700-base {
    color: #dca85e
}

.vds-bg-secondary-400 {
    background-color: #e6c089
}

.vds-color-secondary-400 {
    color: #e6c089
}

.vds-bg-secondary-100 {
    background-color: #f8f0e2
}

.vds-color-secondary-100 {
    color: #f8f0e2
}

.vds-bg-accent-900 {
    background-color: #4600e9
}

.vds-color-accent-900 {
    color: #4600e9
}

.vds-bg-accent-700-base {
    background-color: #9240fe
}

.vds-color-accent-700-base {
    color: #9240fe
}

.vds-bg-accent-400 {
    background-color: #a869ff
}

.vds-color-accent-400 {
    color: #a869ff
}

.vds-bg-accent-100 {
    background-color: #f2e6ff
}

.vds-color-accent-100 {
    color: #f2e6ff
}

.vds-bg-carbon-dark-1000 {
    background-color: #1b1c1e
}

.vds-color-carbon-dark-1000 {
    color: #1b1c1e
}

.vds-bg-carbon-dark-900 {
    background-color: #333
}

.vds-color-carbon-dark-900 {
    color: #333
}

.vds-bg-n-darker-700 {
    background-color: #898d95
}

.vds-color-n-darker-700 {
    color: #898d95
}

.vds-bg-n-darker-600 {
    background-color: #cdcdcd
}

.vds-color-n-darker-600 {
    color: #cdcdcd
}

.vds-bg-carbon-light-900 {
    background-color: #55616f
}

.vds-color-carbon-light-900 {
    color: #55616f
}

.vds-bg-carbon-light-700 {
    background-color: #555f83
}

.vds-color-carbon-light-700 {
    color: #555f83
}

.vds-bg-n-lighter-300 {
    background-color: #adbae6
}

.vds-color-n-lighter-300 {
    color: #adbae6
}

.vds-bg-n-lighter-100 {
    background-color: #f3f6fe
}

.vds-color-n-lighter-100 {
    color: #f3f6fe
}

.vds-bg-neutral-lighter-50 {
    background-color: #fff
}

.vds-color-neutral-lighter-50 {
    color: #fff
}

.vds-bg-error-900 {
    background-color: #981b1f
}

.vds-color-error-900 {
    color: #981b1f
}

.vds-bg-error-700-base {
    background-color: #e24c4c
}

.vds-color-error-700-base {
    color: #e24c4c
}

.vds-bg-error-400 {
    background-color: #da6d6e
}

.vds-color-error-400 {
    color: #da6d6e
}

.vds-bg-error-100 {
    background-color: #fdeaed
}

.vds-color-error-100 {
    color: #fdeaed
}

.vds-bg-warning-900 {
    background-color: #b75f0e
}

.vds-color-warning-900 {
    color: #b75f0e
}

.vds-bg-warning-700-base {
    background-color: #ffaa31
}

.vds-color-warning-700-base {
    color: #ffaa31
}

.vds-bg-warning-400 {
    background-color: #ffcd84
}

.vds-color-warning-400 {
    color: #ffcd84
}

.vds-bg-warning-100 {
    background-color: #fff3e1
}

.vds-color-warning-100 {
    color: #fff3e1
}

.vds-bg-success-900 {
    background-color: #117847
}

.vds-color-success-900 {
    color: #117847
}

.vds-bg-success-700-base {
    background-color: #00ca82
}

.vds-color-success-700-base {
    color: #00ca82
}

.vds-bg-success-400 {
    background-color: #86e0b7
}

.vds-color-success-400 {
    color: #86e0b7
}

.vds-bg-success-100 {
    background-color: #e2f8ed
}

.vds-color-success-100 {
    color: #e2f8ed
}

.vds-bg-semantic-info-900 {
    background-color: #2e4783
}

.vds-color-semantic-info-900 {
    color: #2e4783
}

.vds-bg-info-700 {
    background-color: #3187ff
}

.vds-color-info-700 {
    color: #3187ff
}

.vds-bg-info-400 {
    background-color: #43a5ff
}

.vds-color-info-400 {
    color: #43a5ff
}

.vds-bg-info-100 {
    background-color: #e3f2ff
}

.vds-color-info-100 {
    color: #e3f2ff
}

.vds-bg-tuplus-200 {
    background-color: #a2efe1
}

.vds-color-tuplus-200 {
    color: #a2efe1
}

.vds-bg-tuplus-700 {
    background-color: #07a5b2
}

.vds-color-tuplus-700 {
    color: #07a5b2
}

.vds-bg-product-black-400 {
    background-color: #53575d
}

.vds-color-product-black-400 {
    color: #53575d
}

.vds-bg-product-black-700 {
    background-color: #1a1c1f
}

.vds-color-product-black-700 {
    color: #1a1c1f
}

.vds-bg-product-silver-200 {
    background-color: #f0f0f0
}

.vds-color-product-silver-200 {
    color: #f0f0f0
}

.vds-bg-product-silver-400 {
    background-color: #989898
}

.vds-color-product-silver-400 {
    color: #989898
}

.vds-bg-product-gold-200 {
    background-color: #e7d689
}

.vds-color-product-gold-200 {
    color: #e7d689
}

.vds-bg-product-gold-700 {
    background-color: #ada377
}

.vds-color-product-gold-700 {
    color: #ada377
}

.vds-bg-product-bronze-200 {
    background-color: #c1976a
}

.vds-color-product-bronze-200 {
    color: #c1976a
}

.vds-bg-product-bronze-700 {
    background-color: #8d643c
}

.vds-color-product-bronze-700 {
    color: #8d643c
}

.vds-bg-product-regular-400 {
    background-color: #0063dc
}

.vds-color-product-regular-400 {
    color: #0063dc
}

.vds-bg-product-regular-700 {
    background-color: #012e65
}

.vds-color-product-regular-700 {
    color: #012e65
}

.vds-bg-product-infinitive-400 {
    background-color: #3071b7
}

.vds-color-product-infinitive-400 {
    color: #3071b7
}

.vds-bg-product-infinitive-700 {
    background-color: #0c1b2b
}

.vds-color-product-infinitive-700 {
    color: #0c1b2b
}

.vds-bg-product-traveler-200 {
    background-color: #ffce9d
}

.vds-color-product-traveler-200 {
    color: #ffce9d
}

.vds-bg-product-traveler-700 {
    background-color: #d63535
}

.vds-color-product-traveler-700 {
    color: #d63535
}

.vds-bg-n-lighter-200 {
    background-color: #dfe5f9
}

.vds-color-n-lighter-200 {
    color: #dfe5f9
}

.vds-bg-product-unicef-200 {
    background-color: #b5ebfb
}

.vds-color-product-unicef-200 {
    color: #b5ebfb
}

.vds-bg-product-unicef-400 {
    background-color: #00b9f2
}

.vds-color-product-unicef-400 {
    color: #00b9f2
}

.vds-bg-product-mascotas-400 {
    background-color: #00a0d2
}

.vds-color-product-mascotas-400 {
    color: #00a0d2
}

.vds-bg-product-mascotas-700 {
    background-color: #022847
}

.vds-color-product-mascotas-700 {
    color: #022847
}

.vds-bg-preferente-400 {
    background-color: #013676
}

.vds-color-preferente-400 {
    color: #013676
}

.vds-bg-preferente-900 {
    background-color: #001d40
}

.vds-color-preferente-900 {
    color: #001d40
}

.vds-bg-elite-400 {
    background-color: #00244f
}

.vds-color-elite-400 {
    color: #00244f
}

.vds-bg-elite-700 {
    background-color: #001227
}

.vds-color-elite-700 {
    color: #001227
}

vds-button button {
    border: none;
    color: #e2f1ff;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    height: 64px;
    border-radius: 4px;
    background-image: linear-gradient(to bottom, #0081ff, #0056cb 72%);
    cursor: pointer
}

vds-button button:hover {
    border: none;
    box-shadow: 0 8px 8px #0056cb
}

vds-button button:active {
    border: none;
    background-image: linear-gradient(to bottom, #0056cb, #022047);
    box-shadow: none
}

vds-button button:focus {
    outline: none
}

.vds-input {
    display: block;
    width: 100%;
    box-sizing: border-box
}

.vds-input__input {
    outline: none;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    border: 1px solid #adbae6;
    border-radius: 4px;
    padding: 0 8px;
    margin: 0;
    color: #55616f
}

.vds-input--focus input:focus {
    outline: none;
    border: 1px solid #0081ff
}

.vds-input--readonly input {
    background-color: #f3f6fe;
    color: #adbae6
}

.vds-input--readonly ::-moz-placeholder {
    color: #adbae6;
    opacity: 1
}

.vds-input--readonly ::placeholder {
    color: #adbae6;
    opacity: 1
}

.vds-input--error:not(.vds-input--pristine) input {
    border: 1px solid #e24c4c
}

.vds-input label {
    font-weight: 600;
    color: #55616f
}

.vds-toggle__container {
    border: solid 1px #adbae6;
    background-color: #dfe5f9
}

.vds-toggle__label {
    font-size: 15px;
    margin-right: 16px
}

.vds-toggle__slider {
    transition: .4s;
    background-color: #adbae6
}

.vds-toggle--on .vds-toggle__container {
    background-color: #fff
}

.vds-toggle--on .vds-toggle__container .vds-toggle__round {
    background-image: linear-gradient(to bottom, #0081ff, #0056cb)
}

.vds-toggle--sm .vds-toggle__container {
    width: 52px;
    height: 26px;
    border-radius: 22px
}

.vds-toggle--sm .vds-toggle__slider {
    width: 22px;
    height: 22px;
    border-radius: 22px;
    margin: 2px
}

.vds-toggle--md .vds-toggle__container {
    width: 80px;
    height: 40px;
    border-radius: 20px
}

.vds-toggle--md .vds-toggle__slider {
    height: 32px;
    width: 32px;
    border-radius: 16px;
    margin: 4px
}

.vds-toggle--lg .vds-toggle__container {
    width: 112px;
    height: 56px;
    border-radius: 28px
}

.vds-toggle--lg .vds-toggle__slider {
    border-radius: 22px;
    height: 44px;
    width: 44px;
    margin: 6px
}

.vds-toggle--disabled {
    opacity: .5
}

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*,
*:before,
*:after {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title],
abbr[data-original-title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

pre,
code,
kbd,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
    cursor: pointer
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=radio],
input[type=checkbox] {
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

h1,
.h1 {
    font-size: 2.5rem
}

h2,
.h2 {
    font-size: 2rem
}

h3,
.h3 {
    font-size: 1.75rem
}

h4,
.h4 {
    font-size: 1.5rem
}

h5,
.h5 {
    font-size: 1.25rem
}

h6,
.h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

small,
.small {
    font-size: 80%;
    font-weight: 400
}

mark,
.mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-unstyled,
.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d
}

.blockquote-footer:before {
    content: "\2014\a0"
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {

    .container-sm,
    .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {

    .container-md,
    .container-sm,
    .container {
        max-width: 720px
    }
}

@media (min-width: 992px) {

    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {

    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1140px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col-xl,
.col-xl-auto,
.col-xl-12,
.col-xl-11,
.col-xl-10,
.col-xl-9,
.col-xl-8,
.col-xl-7,
.col-xl-6,
.col-xl-5,
.col-xl-4,
.col-xl-3,
.col-xl-2,
.col-xl-1,
.col-lg,
.col-lg-auto,
.col-lg-12,
.col-lg-11,
.col-lg-10,
.col-lg-9,
.col-lg-8,
.col-lg-7,
.col-lg-6,
.col-lg-5,
.col-lg-4,
.col-lg-3,
.col-lg-2,
.col-lg-1,
.col-md,
.col-md-auto,
.col-md-12,
.col-md-11,
.col-md-10,
.col-md-9,
.col-md-8,
.col-md-7,
.col-md-6,
.col-md-5,
.col-md-4,
.col-md-3,
.col-md-2,
.col-md-1,
.col-sm,
.col-sm-auto,
.col-sm-12,
.col-sm-11,
.col-sm-10,
.col-sm-9,
.col-sm-8,
.col-sm-7,
.col-sm-6,
.col-sm-5,
.col-sm-4,
.col-sm-3,
.col-sm-2,
.col-sm-1,
.col,
.col-auto,
.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3>* {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6>* {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

.col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.3333333333%
}

.offset-2 {
    margin-left: 16.6666666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.3333333333%
}

.offset-5 {
    margin-left: 41.6666666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.3333333333%
}

.offset-8 {
    margin-left: 66.6666666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.3333333333%
}

.offset-11 {
    margin-left: 91.6666666667%
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-sm-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-sm-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-sm-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-sm-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.3333333333%
    }

    .offset-sm-2 {
        margin-left: 16.6666666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.3333333333%
    }

    .offset-sm-5 {
        margin-left: 41.6666666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.3333333333%
    }

    .offset-sm-8 {
        margin-left: 66.6666666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.3333333333%
    }

    .offset-sm-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-md-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-md-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-md-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-md-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.3333333333%
    }

    .offset-md-2 {
        margin-left: 16.6666666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.3333333333%
    }

    .offset-md-5 {
        margin-left: 41.6666666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.3333333333%
    }

    .offset-md-8 {
        margin-left: 66.6666666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.3333333333%
    }

    .offset-md-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-lg-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-lg-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-lg-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-lg-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.3333333333%
    }

    .offset-lg-2 {
        margin-left: 16.6666666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.3333333333%
    }

    .offset-lg-5 {
        margin-left: 41.6666666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.3333333333%
    }

    .offset-lg-8 {
        margin-left: 66.6666666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.3333333333%
    }

    .offset-lg-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-xl-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xl-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-xl-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-xl-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-xl-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-xl-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.3333333333%
    }

    .offset-xl-2 {
        margin-left: 16.6666666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.3333333333%
    }

    .offset-xl-5 {
        margin-left: 41.6666666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.3333333333%
    }

    .offset-xl-8 {
        margin-left: 66.6666666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.3333333333%
    }

    .offset-xl-11 {
        margin-left: 91.6666666667%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

.table th,
.table td {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6
}

.table-sm th,
.table-sm td {
    padding: .3rem
}

.table-bordered,
.table-bordered th,
.table-bordered td {
    border: 1px solid #dee2e6
}

.table-bordered thead th,
.table-bordered thead td {
    border-bottom-width: 2px
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody+tbody {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #0000000d
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: #00000013
}

.table-primary,
.table-primary>th,
.table-primary>td {
    background-color: #b8daff
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody+tbody {
    border-color: #7abaff
}

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #9fcdff
}

.table-secondary,
.table-secondary>th,
.table-secondary>td {
    background-color: #d6d8db
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody+tbody {
    border-color: #b3b7bb
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #c8cbcf
}

.table-success,
.table-success>th,
.table-success>td {
    background-color: #c3e6cb
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody+tbody {
    border-color: #8fd19e
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #b1dfbb
}

.table-info,
.table-info>th,
.table-info>td {
    background-color: #bee5eb
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody+tbody {
    border-color: #86cfda
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #abdde5
}

.table-warning,
.table-warning>th,
.table-warning>td {
    background-color: #ffeeba
}

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody+tbody {
    border-color: #ffdf7e
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}

.table-danger,
.table-danger>th,
.table-danger>td {
    background-color: #f5c6cb
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody+tbody {
    border-color: #ed969e
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #f1b0b7
}

.table-light,
.table-light>th,
.table-light>td {
    background-color: #fdfdfe
}

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody+tbody {
    border-color: #fbfcfc
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ececf6
}

.table-dark,
.table-dark>th,
.table-dark>td {
    background-color: #c6c8ca
}

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody+tbody {
    border-color: #95999c
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}

.table-active,
.table-active>th,
.table-active>td {
    background-color: #00000013
}

.table-hover .table-active:hover {
    background-color: #00000013
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: #00000013
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #343a40
}

.table-dark th,
.table-dark td,
.table-dark thead th {
    border-color: #454d55
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: #ffffff0d
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: #ffffff13
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
    border: 0
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem #007bff40
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

input[type=date].form-control,
input[type=time].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control[size],
select.form-control[multiple],
textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,
.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input[disabled]~.form-check-label,
.form-check-input:disabled~.form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: #28a745e6;
    border-radius: .25rem
}

.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip,
.is-valid~.valid-feedback,
.is-valid~.valid-tooltip {
    display: block
}

.was-validated .form-control:valid,
.form-control.is-valid {
    border-color: #28a745;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem #28a74540
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.was-validated .custom-select:valid,
.custom-select.is-valid {
    border-color: #28a745;
    padding-right: calc(.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
}

.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem #28a74540
}

.was-validated .form-check-input:valid~.form-check-label,
.form-check-input.is-valid~.form-check-label {
    color: #28a745
}

.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip,
.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip {
    display: block
}

.was-validated .custom-control-input:valid~.custom-control-label,
.custom-control-input.is-valid~.custom-control-label {
    color: #28a745
}

.was-validated .custom-control-input:valid~.custom-control-label:before,
.custom-control-input.is-valid~.custom-control-label:before {
    border-color: #28a745
}

.was-validated .custom-control-input:valid:checked~.custom-control-label:before,
.custom-control-input.is-valid:checked~.custom-control-label:before {
    border-color: #34ce57;
    background-color: #34ce57
}

.was-validated .custom-control-input:valid:focus~.custom-control-label:before,
.custom-control-input.is-valid:focus~.custom-control-label:before {
    box-shadow: 0 0 0 .2rem #28a74540
}

.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label:before,
.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label:before {
    border-color: #28a745
}

.was-validated .custom-file-input:valid~.custom-file-label,
.custom-file-input.is-valid~.custom-file-label {
    border-color: #28a745
}

.was-validated .custom-file-input:valid:focus~.custom-file-label,
.custom-file-input.is-valid:focus~.custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem #28a74540
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: #dc3545e6;
    border-radius: .25rem
}

.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip,
.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip {
    display: block
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem #dc354540
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.was-validated .custom-select:invalid,
.custom-select.is-invalid {
    border-color: #dc3545;
    padding-right: calc(.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
}

.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem #dc354540
}

.was-validated .form-check-input:invalid~.form-check-label,
.form-check-input.is-invalid~.form-check-label {
    color: #dc3545
}

.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip,
.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip {
    display: block
}

.was-validated .custom-control-input:invalid~.custom-control-label,
.custom-control-input.is-invalid~.custom-control-label {
    color: #dc3545
}

.was-validated .custom-control-input:invalid~.custom-control-label:before,
.custom-control-input.is-invalid~.custom-control-label:before {
    border-color: #dc3545
}

.was-validated .custom-control-input:invalid:checked~.custom-control-label:before,
.custom-control-input.is-invalid:checked~.custom-control-label:before {
    border-color: #e4606d;
    background-color: #e4606d
}

.was-validated .custom-control-input:invalid:focus~.custom-control-label:before,
.custom-control-input.is-invalid:focus~.custom-control-label:before {
    box-shadow: 0 0 0 .2rem #dc354540
}

.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label:before,
.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label:before {
    border-color: #dc3545
}

.was-validated .custom-file-input:invalid~.custom-file-label,
.custom-file-input.is-invalid~.custom-file-label {
    border-color: #dc3545
}

.was-validated .custom-file-input:invalid:focus~.custom-file-label,
.custom-file-input.is-invalid:focus~.custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem #dc354540
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media (min-width: 576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-plaintext {
        display: inline-block
    }

    .form-inline .input-group,
    .form-inline .custom-select {
        width: auto
    }

    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }

    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529;
    text-decoration: none
}

.btn:focus,
.btn.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem #007bff40
}

.btn.disabled,
.btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}

.btn-primary:focus,
.btn-primary.focus {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: 0 0 0 .2rem #268fff80
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #268fff80
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-secondary:focus,
.btn-secondary.focus {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
    box-shadow: 0 0 0 .2rem #828a9180
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #828a9180
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-success:focus,
.btn-success.focus {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    box-shadow: 0 0 0 .2rem #48b46180
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #48b46180
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info:focus,
.btn-info.focus {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
    box-shadow: 0 0 0 .2rem #3ab0c380
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #3ab0c380
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00
}

.btn-warning:focus,
.btn-warning.focus {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
    box-shadow: 0 0 0 .2rem #deaa0c80
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #deaa0c80
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger:focus,
.btn-danger.focus {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
    box-shadow: 0 0 0 .2rem #e1536180
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #e1536180
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light:focus,
.btn-light.focus {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
    box-shadow: 0 0 0 .2rem #d8d9db80
}

.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #d8d9db80
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark:focus,
.btn-dark.focus {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
    box-shadow: 0 0 0 .2rem #52585d80
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #52585d80
}

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: 0 0 0 .2rem #007bff80
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #007bff80
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
    box-shadow: 0 0 0 .2rem #6c757d80
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #6c757d80
}

.btn-outline-success {
    color: #28a745;
    border-color: #28a745
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:focus,
.btn-outline-success.focus {
    box-shadow: 0 0 0 .2rem #28a74580
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #28a74580
}

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:focus,
.btn-outline-info.focus {
    box-shadow: 0 0 0 .2rem #17a2b880
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #17a2b880
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:focus,
.btn-outline-warning.focus {
    box-shadow: 0 0 0 .2rem #ffc10780
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #ffc10780
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:focus,
.btn-outline-danger.focus {
    box-shadow: 0 0 0 .2rem #dc354580
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #dc354580
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:focus,
.btn-outline-light.focus {
    box-shadow: 0 0 0 .2rem #f8f9fa80
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #f8f9fa80
}

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:focus,
.btn-outline-dark.focus {
    box-shadow: 0 0 0 .2rem #343a4080
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #343a4080
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline
}

.btn-link:focus,
.btn-link.focus {
    text-decoration: underline
}

.btn-link:disabled,
.btn-link.disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-lg,
.btn-group-lg>.btn {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-sm,
.btn-group-sm>.btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: .5rem
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
    width: 100%
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none
    }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty:after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

@media (min-width: 576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }
}

@media (min-width: 768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media (min-width: 1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropright .dropdown-toggle:after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropleft .dropdown-toggle:after {
    display: none
}

.dropleft .dropdown-toggle:before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropleft .dropdown-toggle:before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=top],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group>.btn,
.btn-group-vertical>.btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group>.btn:hover,
.btn-group-vertical>.btn:hover {
    z-index: 1
}

.btn-group>.btn:focus,
.btn-group>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn.active {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn:not(:first-child),
.btn-group>.btn-group:not(:first-child) {
    margin-left: -1px
}

.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group>.btn-group:not(:last-child)>.btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn:not(:first-child),
.btn-group>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split:after,
.dropup .dropdown-toggle-split:after,
.dropright .dropdown-toggle-split:after {
    margin-left: 0
}

.dropleft .dropdown-toggle-split:before {
    margin-right: 0
}

.btn-sm+.dropdown-toggle-split,
.btn-group-sm>.btn+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-lg+.dropdown-toggle-split,
.btn-group-lg>.btn+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn:not(:first-child),
.btn-group-vertical>.btn-group:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical>.btn-group:not(:last-child)>.btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:not(:first-child),
.btn-group-vertical>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0
}

.btn-group-toggle>.btn input[type=radio],
.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.form-control,
.input-group>.form-control-plaintext,
.input-group>.custom-select,
.input-group>.custom-file {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0
}

.input-group>.form-control+.form-control,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.custom-file,
.input-group>.form-control-plaintext+.form-control,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.custom-select+.form-control,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.custom-file,
.input-group>.custom-file+.form-control,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.custom-file {
    margin-left: -1px
}

.input-group>.form-control:focus,
.input-group>.custom-select:focus,
.input-group>.custom-file .custom-file-input:focus~.custom-file-label {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group>.form-control:not(:last-child),
.input-group>.custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.form-control:not(:first-child),
.input-group>.custom-select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-file {
    display: flex;
    align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label:after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-prepend,
.input-group-append {
    display: flex
}

.input-group-prepend .btn,
.input-group-append .btn {
    position: relative;
    z-index: 2
}

.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
    z-index: 3
}

.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.input-group-text,
.input-group-append .input-group-text+.btn {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-text input[type=radio],
.input-group-text input[type=checkbox] {
    margin-top: 0
}

.input-group-lg>.form-control:not(textarea),
.input-group-lg>.custom-select {
    height: calc(1.5em + 1rem + 2px)
}

.input-group-lg>.form-control,
.input-group-lg>.custom-select,
.input-group-lg>.input-group-prepend>.input-group-text,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-append>.btn {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm>.form-control:not(textarea),
.input-group-sm>.custom-select {
    height: calc(1.5em + .5rem + 2px)
}

.input-group-sm>.form-control,
.input-group-sm>.custom-select,
.input-group-sm>.input-group-prepend>.input-group-text,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-append>.btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
    padding-right: 1.75rem
}

.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text,
.input-group>.input-group-append:not(:last-child)>.btn,
.input-group>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    -webkit-print-color-adjust: exact;
    color-adjust: exact
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0
}

.custom-control-input:checked~.custom-control-label:before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff
}

.custom-control-input:focus~.custom-control-label:before {
    box-shadow: 0 0 0 .2rem #007bff40
}

.custom-control-input:focus:not(:checked)~.custom-control-label:before {
    border-color: #80bdff
}

.custom-control-input:not(:disabled):active~.custom-control-label:before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff
}

.custom-control-input[disabled]~.custom-control-label,
.custom-control-input:disabled~.custom-control-label {
    color: #6c757d
}

.custom-control-input[disabled]~.custom-control-label:before,
.custom-control-input:disabled~.custom-control-label:before {
    background-color: #e9ecef
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

.custom-control-label:before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px
}

.custom-control-label:after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50%/50% 50%
}

.custom-checkbox .custom-control-label:before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before {
    border-color: #007bff;
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before {
    background-color: #007bff80
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before {
    background-color: #007bff80
}

.custom-radio .custom-control-label:before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label:before {
    background-color: #007bff80
}

.custom-switch {
    padding-left: 2.25rem
}

.custom-switch .custom-control-label:before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem
}

.custom-switch .custom-control-label:after {
    top: calc(.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .custom-switch .custom-control-label:after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked~.custom-control-label:after {
    background-color: #fff;
    transform: translate(.75rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label:before {
    background-color: #007bff80
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem #007bff40
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    display: none
}

.custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin: 0;
    opacity: 0
}

.custom-file-input:focus~.custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem #007bff40
}

.custom-file-input[disabled]~.custom-file-label,
.custom-file-input:disabled~.custom-file-label {
    background-color: #e9ecef
}

.custom-file-input:lang(en)~.custom-file-label:after {
    content: "Browse"
}

.custom-file-input~.custom-file-label[data-browse]:after {
    content: attr(data-browse)
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.custom-file-label:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + .75rem);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0
}

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-range:focus {
    outline: none
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem #007bff40
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem #007bff40
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem #007bff40
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion: reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -moz-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion: reduce) {
    .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion: reduce) {
    .custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}

.custom-control-label:before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {

    .custom-control-label:before,
    .custom-file-label,
    .custom-select {
        transition: none
    }
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:hover,
.nav-link:focus {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-item {
    margin-bottom: -1px
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff
}

.nav-fill>.nav-link,
.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified>.nav-link,
.nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1rem
}

.navbar .container,
.navbar .container-fluid,
.navbar .container-sm,
.navbar .container-md,
.navbar .container-lg,
.navbar .container-xl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:hover,
.navbar-brand:focus {
    text-decoration: none
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler:hover,
.navbar-toggler:focus {
    text-decoration: none
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%
}

@media (max-width: 575.98px) {

    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-xl {
        flex-wrap: nowrap
    }

    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-sm .navbar-toggler {
        display: none
    }
}

@media (max-width: 767.98px) {

    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-xl {
        flex-wrap: nowrap
    }

    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media (max-width: 991.98px) {

    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-xl {
        flex-wrap: nowrap
    }

    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

@media (max-width: 1199.98px) {

    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-xl {
        flex-wrap: nowrap
    }

    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-sm,
.navbar-expand>.container-md,
.navbar-expand>.container-lg,
.navbar-expand>.container-xl {
    padding-right: 0;
    padding-left: 0
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-sm,
.navbar-expand>.container-md,
.navbar-expand>.container-lg,
.navbar-expand>.container-xl {
    flex-wrap: nowrap
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand {
    color: #000000e6
}

.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
    color: #000000e6
}

.navbar-light .navbar-nav .nav-link {
    color: #00000080
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: #000000b3
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: #0000004d
}

.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
    color: #000000e6
}

.navbar-light .navbar-toggler {
    color: #00000080;
    border-color: #0000001a
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: #00000080
}

.navbar-light .navbar-text a {
    color: #000000e6
}

.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
    color: #000000e6
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: #ffffff80
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: #ffffffbf
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: #ffffff40
}

.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: #ffffff80;
    border-color: #ffffff1a
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: #ffffff80
}

.navbar-dark .navbar-text a {
    color: #fff
}

.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
    color: #fff
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #00000008;
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: #00000008;
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    inset: 0;
    padding: 1.25rem;
    border-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-top,
.card-img-bottom {
    flex-shrink: 0;
    width: 100%
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck .card {
    margin-bottom: 15px
}

@media (min-width: 576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }

    .card-deck .card {
        flex: 1 0 0%;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.card-group>.card {
    margin-bottom: 15px
}

@media (min-width: 576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }

    .card-group>.card {
        flex: 1 0 0%;
        margin-bottom: 0
    }

    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }

    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-img-top,
    .card-group>.card:not(:last-child) .card-header {
        border-top-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-img-bottom,
    .card-group>.card:not(:last-child) .card-footer {
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-img-top,
    .card-group>.card:not(:first-child) .card-header {
        border-top-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-img-bottom,
    .card-group>.card:not(:first-child) .card-footer {
        border-bottom-left-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width: 576px) {
    .card-columns {
        -moz-column-count: 3;
        column-count: 3;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }

    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.accordion {
    overflow-anchor: none
}

.accordion>.card {
    overflow: hidden
}

.accordion>.card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion>.card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: -1px
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item {
    display: flex
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item:before {
    display: inline-block;
    padding-right: .5rem;
    color: #6c757d;
    content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover:before {
    text-decoration: underline
}

.breadcrumb-item+.breadcrumb-item:hover:before {
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 .2rem #007bff40
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .badge {
        transition: none
    }
}

a.badge:hover,
a.badge:focus {
    text-decoration: none
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

a.badge-primary:hover,
a.badge-primary:focus {
    color: #fff;
    background-color: #0062cc
}

a.badge-primary:focus,
a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem #007bff80
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

a.badge-secondary:hover,
a.badge-secondary:focus {
    color: #fff;
    background-color: #545b62
}

a.badge-secondary:focus,
a.badge-secondary.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem #6c757d80
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

a.badge-success:hover,
a.badge-success:focus {
    color: #fff;
    background-color: #1e7e34
}

a.badge-success:focus,
a.badge-success.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem #28a74580
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

a.badge-info:hover,
a.badge-info:focus {
    color: #fff;
    background-color: #117a8b
}

a.badge-info:focus,
a.badge-info.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem #17a2b880
}

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

a.badge-warning:hover,
a.badge-warning:focus {
    color: #212529;
    background-color: #d39e00
}

a.badge-warning:focus,
a.badge-warning.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem #ffc10780
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

a.badge-danger:hover,
a.badge-danger:focus {
    color: #fff;
    background-color: #bd2130
}

a.badge-danger:focus,
a.badge-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem #dc354580
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

a.badge-light:hover,
a.badge-light:focus {
    color: #212529;
    background-color: #dae0e5
}

a.badge-light:focus,
a.badge-light.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem #f8f9fa80
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

a.badge-dark:hover,
a.badge-dark:focus {
    color: #fff;
    background-color: #1d2124
}

a.badge-dark:focus,
a.badge-dark.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem #343a4080
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media (min-width: 576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.alert-primary hr {
    border-top-color: #9fcdff
}

.alert-primary .alert-link {
    color: #002752
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-success hr {
    border-top-color: #b1dfbb
}

.alert-success .alert-link {
    color: #0b2e13
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert-warning hr {
    border-top-color: #ffe8a1
}

.alert-warning .alert-link {
    color: #533f03
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.alert-danger hr {
    border-top-color: #f1b0b7
}

.alert-danger .alert-link {
    color: #491217
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

@keyframes progress-bar-stripes {
    0% {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    line-height: 0;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    animation: progress-bar-stripes 1s linear infinite
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.media {
    display: flex;
    align-items: flex-start
}

.media-body {
    flex: 1
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:hover,
.list-group-item-action:focus {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}

@media (min-width: 576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }

    .list-group-horizontal-sm>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-sm>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }

    .list-group-horizontal-md>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-md>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width: 992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }

    .list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-lg>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }

    .list-group-horizontal-xl>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-xl>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 1px
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
    color: #004085;
    background-color: #9fcdff
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
    color: #383d41;
    background-color: #c8cbcf
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
    color: #155724;
    background-color: #b1dfbb
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
    color: #0c5460;
    background-color: #abdde5
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
    color: #856404;
    background-color: #ffe8a1
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
    color: #721c24;
    background-color: #f1b0b7
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
    color: #818182;
    background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
    color: #1b1e21;
    background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:hover {
    color: #000;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
    opacity: .75
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0
}

a.close.disabled {
    pointer-events: none
}

.toast {
    flex-basis: 350px;
    max-width: 350px;
    font-size: .875rem;
    background-color: #ffffffd9;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 .25rem .75rem #0000001a;
    opacity: 0;
    border-radius: .25rem
}

.toast:not(:last-child) {
    margin-bottom: .75rem
}

.toast.showing {
    opacity: 1
}

.toast.show {
    display: block;
    opacity: 1
}

.toast.hide {
    display: none
}

.toast-header {
    display: flex;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: #ffffffd9;
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.toast-body {
    padding: .75rem
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translateY(-50px)
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered:before {
    display: block;
    height: calc(100vh - 1rem);
    height: -moz-min-content;
    height: min-content;
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable:before {
    content: none
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer>* {
    margin: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered:before {
        height: calc(100vh - 3.5rem);
        height: -moz-min-content;
        height: min-content
    }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width: 992px) {

    .modal-lg,
    .modal-xl {
        max-width: 800px
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow:before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-top,
.bs-tooltip-auto[x-placement^=top] {
    padding: .4rem 0
}

.bs-tooltip-top .arrow,
.bs-tooltip-auto[x-placement^=top] .arrow {
    bottom: 0
}

.bs-tooltip-top .arrow:before,
.bs-tooltip-auto[x-placement^=top] .arrow:before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-right,
.bs-tooltip-auto[x-placement^=right] {
    padding: 0 .4rem
}

.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^=right] .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-right .arrow:before,
.bs-tooltip-auto[x-placement^=right] .arrow:before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^=bottom] {
    padding: .4rem 0
}

.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[x-placement^=bottom] .arrow {
    top: 0
}

.bs-tooltip-bottom .arrow:before,
.bs-tooltip-auto[x-placement^=bottom] .arrow:before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-left,
.bs-tooltip-auto[x-placement^=left] {
    padding: 0 .4rem
}

.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^=left] .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-left .arrow:before,
.bs-tooltip-auto[x-placement^=left] .arrow:before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
}

.popover .arrow:before,
.popover .arrow:after {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-popover-top,
.bs-popover-auto[x-placement^=top] {
    margin-bottom: .5rem
}

.bs-popover-top>.arrow,
.bs-popover-auto[x-placement^=top]>.arrow {
    bottom: calc(-.5rem - 1px)
}

.bs-popover-top>.arrow:before,
.bs-popover-auto[x-placement^=top]>.arrow:before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: #00000040
}

.bs-popover-top>.arrow:after,
.bs-popover-auto[x-placement^=top]>.arrow:after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

.bs-popover-right,
.bs-popover-auto[x-placement^=right] {
    margin-left: .5rem
}

.bs-popover-right>.arrow,
.bs-popover-auto[x-placement^=right]>.arrow {
    left: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-right>.arrow:before,
.bs-popover-auto[x-placement^=right]>.arrow:before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #00000040
}

.bs-popover-right>.arrow:after,
.bs-popover-auto[x-placement^=right]>.arrow:after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}

.bs-popover-bottom,
.bs-popover-auto[x-placement^=bottom] {
    margin-top: .5rem
}

.bs-popover-bottom>.arrow,
.bs-popover-auto[x-placement^=bottom]>.arrow {
    top: calc(-.5rem - 1px)
}

.bs-popover-bottom>.arrow:before,
.bs-popover-auto[x-placement^=bottom]>.arrow:before {
    top: 0;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #00000040
}

.bs-popover-bottom>.arrow:after,
.bs-popover-auto[x-placement^=bottom]>.arrow:after {
    top: 1px;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #fff
}

.bs-popover-bottom .popover-header:before,
.bs-popover-auto[x-placement^=bottom] .popover-header:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.bs-popover-left,
.bs-popover-auto[x-placement^=left] {
    margin-right: .5rem
}

.bs-popover-left>.arrow,
.bs-popover-auto[x-placement^=left]>.arrow {
    right: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-left>.arrow:before,
.bs-popover-auto[x-placement^=left]>.arrow:before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #00000040
}

.bs-popover-left>.arrow:after,
.bs-popover-auto[x-placement^=left]>.arrow:after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner:after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    display: block
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
    transform: translate(100%)
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
    transform: translate(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion: reduce) {

    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion: reduce) {

    .carousel-control-prev,
    .carousel-control-next {
        transition: none
    }
}

.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat 50%/100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion: reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border .75s linear infinite
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    animation: spinner-grow .75s linear infinite
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-primary {
    background-color: #007bff !important
}

a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
    background-color: #bd2130 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
    background-color: #1d2124 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #007bff !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

.border-white {
    border-color: #fff !important
}

.rounded-sm {
    border-radius: .2rem !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-right {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-left {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-lg {
    border-radius: .3rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive:before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9:before {
    padding-top: 42.8571428571%
}

.embed-responsive-16by9:before {
    padding-top: 56.25%
}

.embed-responsive-4by3:before {
    padding-top: 75%
}

.embed-responsive-1by1:before {
    padding-top: 100%
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width: 576px) {
    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important
    }

    .float-sm-right {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float: left !important
    }

    .float-md-right {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left !important
    }

    .float-lg-right {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important
    }

    .float-xl-right {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }
}

.user-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports (position: sticky) {
    .sticky-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem #00000013 !important
}

.shadow {
    box-shadow: 0 .5rem 1rem #00000026 !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem #0000002d !important
}

.shadow-none {
    box-shadow: none !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.m-0 {
    margin: 0 !important
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5,
.my-5 {
    margin-top: 3rem !important
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pr-3,
.px-3 {
    padding-right: 1rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5,
.py-5 {
    padding-top: 3rem !important
}

.pr-5,
.px-5 {
    padding-right: 3rem !important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
    padding-left: 3rem !important
}

.m-n1 {
    margin: -.25rem !important
}

.mt-n1,
.my-n1 {
    margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2,
.my-n2 {
    margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
    margin-left: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto,
.my-auto {
    margin-top: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important
    }

    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important
    }

    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important
    }

    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important
    }

    .m-sm-n1 {
        margin: -.25rem !important
    }

    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -.25rem !important
    }

    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -.25rem !important
    }

    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -.25rem !important
    }

    .m-sm-n2 {
        margin: -.5rem !important
    }

    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -.5rem !important
    }

    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -.5rem !important
    }

    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -.5rem !important
    }

    .m-sm-n3 {
        margin: -1rem !important
    }

    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important
    }

    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important
    }

    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important
    }

    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important
    }

    .m-sm-n4 {
        margin: -1.5rem !important
    }

    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important
    }

    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important
    }

    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important
    }

    .m-sm-n5 {
        margin: -3rem !important
    }

    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important
    }

    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important
    }

    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important
    }

    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important
    }

    .m-md-n1 {
        margin: -.25rem !important
    }

    .mt-md-n1,
    .my-md-n1 {
        margin-top: -.25rem !important
    }

    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -.25rem !important
    }

    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -.25rem !important
    }

    .m-md-n2 {
        margin: -.5rem !important
    }

    .mt-md-n2,
    .my-md-n2 {
        margin-top: -.5rem !important
    }

    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -.5rem !important
    }

    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -.5rem !important
    }

    .m-md-n3 {
        margin: -1rem !important
    }

    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important
    }

    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important
    }

    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important
    }

    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important
    }

    .m-md-n4 {
        margin: -1.5rem !important
    }

    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important
    }

    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important
    }

    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important
    }

    .m-md-n5 {
        margin: -3rem !important
    }

    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important
    }

    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important
    }

    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important
    }

    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important
    }

    .m-lg-n1 {
        margin: -.25rem !important
    }

    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -.25rem !important
    }

    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -.25rem !important
    }

    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -.25rem !important
    }

    .m-lg-n2 {
        margin: -.5rem !important
    }

    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -.5rem !important
    }

    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -.5rem !important
    }

    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -.5rem !important
    }

    .m-lg-n3 {
        margin: -1rem !important
    }

    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important
    }

    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important
    }

    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important
    }

    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important
    }

    .m-lg-n4 {
        margin: -1.5rem !important
    }

    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important
    }

    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important
    }

    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important
    }

    .m-lg-n5 {
        margin: -3rem !important
    }

    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important
    }

    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important
    }

    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important
    }

    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important
    }

    .m-xl-n1 {
        margin: -.25rem !important
    }

    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -.25rem !important
    }

    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -.25rem !important
    }

    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -.25rem !important
    }

    .m-xl-n2 {
        margin: -.5rem !important
    }

    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -.5rem !important
    }

    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -.5rem !important
    }

    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -.5rem !important
    }

    .m-xl-n3 {
        margin: -1rem !important
    }

    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important
    }

    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important
    }

    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important
    }

    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important
    }

    .m-xl-n4 {
        margin: -1.5rem !important
    }

    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important
    }

    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important
    }

    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important
    }

    .m-xl-n5 {
        margin: -3rem !important
    }

    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important
    }

    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important
    }

    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important
    }

    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important
    }
}

.stretched-link:after {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: #0000
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace !important
}

.text-justify {
    text-align: justify !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important
    }

    .text-sm-right {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important
    }

    .text-md-right {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important
    }

    .text-lg-right {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important
    }

    .text-xl-right {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #007bff !important
}

a.text-primary:hover,
a.text-primary:focus {
    color: #0056b3 !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:hover,
a.text-secondary:focus {
    color: #494f54 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:hover,
a.text-success:focus {
    color: #19692c !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:hover,
a.text-info:focus {
    color: #0f6674 !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:hover,
a.text-warning:focus {
    color: #ba8b00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:hover,
a.text-danger:focus {
    color: #a71d2a !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:hover,
a.text-light:focus {
    color: #cbd3da !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:hover,
a.text-dark:focus {
    color: #121416 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: #00000080 !important
}

.text-white-50 {
    color: #ffffff80 !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-break: break-word !important;
    word-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {

    *,
    *:before,
    *:after {
        text-shadow: none !important;
        box-shadow: none !important
    }

    a:not(.btn) {
        text-decoration: underline
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    pre {
        white-space: pre-wrap !important
    }

    pre,
    blockquote {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr,
    img {
        page-break-inside: avoid
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    @page {
        size: a3
    }

    body,
    .container {
        min-width: 992px !important
    }

    .navbar {
        display: none
    }

    .badge {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td,
    .table th {
        background-color: #fff !important
    }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #dee2e6 !important
    }

    .table-dark {
        color: inherit
    }

    .table-dark th,
    .table-dark td,
    .table-dark thead th,
    .table-dark tbody+tbody {
        border-color: #dee2e6
    }

    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}

.toast-info {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E")
}

.toast-error {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E")
}

.toast-success {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E")
}

.toast-warning {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' width='576' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E")
}

@font-face {
    font-family: icomoon;
    src: url(icomoon.8fc48301a34657c8819d.eot?c5gora);
    src: url(icomoon.8fc48301a34657c8819d.eot?c5gora#iefix) format("embedded-opentype"), url(icomoon.0379b45c7aa1920aca20.ttf?c5gora) format("truetype"), url(icomoon.fd55dbdbcb71418d81ca.woff?c5gora) format("woff"), url(icomoon.6dd70962a50340ca5df3.svg?c5gora#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class^=icon-],
[class*=" icon-"] {
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-cloud-lightning-storm:before {
    content: "\e900"
}

.icon-cloud-sun:before {
    content: "\e901"
}

.icon-cloud-moon:before {
    content: "\e902"
}

.icon-cloud-night-moon-snow-rain:before {
    content: "\e903"
}

.icon-cloud-rain-1:before {
    content: "\e904"
}

.icon-cloud-rain-2:before {
    content: "\e905"
}

.icon-cloud:before {
    content: "\e906"
}

.icon-moon-night:before {
    content: "\e907"
}

.icon-moon:before {
    content: "\e908"
}

.icon-snow:before {
    content: "\e909"
}

.icon-stars:before {
    content: "\e90a"
}

.icon-sun-1:before {
    content: "\e90b"
}

.icon-sun-2:before {
    content: "\e90c"
}

.icon-sunrise:before {
    content: "\e90d"
}

.icon-sunset-2:before {
    content: "\e90e"
}

.icon-sunset:before {
    content: "\e90f"
}

.icon-temperature-celsius:before {
    content: "\e910"
}

.icon-temperature-thermometer-plus:before {
    content: "\e911"
}

.icon-temperature-thermometer:before {
    content: "\e912"
}

.icon-umbrella:before {
    content: "\e913"
}

.icon-wind-1:before {
    content: "\e914"
}

.icon-wind-2:before {
    content: "\e915"
}

.icon-airbnb-socialmedia:before {
    content: "\eb41"
}

.icon-android-socialmedia:before {
    content: "\eb42"
}

.icon-apple-socialmedia:before {
    content: "\eb43"
}

.icon-chrome-socialmedia:before {
    content: "\eb44"
}

.icon-drive-socialmedia:before {
    content: "\eb45"
}

.icon-dropbox-socialmedia:before {
    content: "\eb46"
}

.icon-email-socialmedia:before {
    content: "\eb47"
}

.icon-facebook-socialmedia:before {
    content: "\eb48"
}

.icon-github-socialmedia:before {
    content: "\eb49"
}

.icon-google-analytics-socialmedia:before {
    content: "\eb4a"
}

.icon-google-play-socialmedia:before {
    content: "\eb4b"
}

.icon-google-socialmedia:before {
    content: "\eb4c"
}

.icon-instagram-socialmedia:before {
    content: "\eb4d"
}

.icon-linkedin-socialmedia:before {
    content: "\eb4e"
}

.icon-opera-socialmedia:before {
    content: "\eb4f"
}

.icon-paypal-socialmedia:before {
    content: "\eb50"
}

.icon-skype-socialmedia:before {
    content: "\eb51"
}

.icon-twitter-socialmedia:before {
    content: "\eb52"
}

.icon-uber-socialmedia:before {
    content: "\eb53"
}

.icon-whatsapp-socialmedia:before {
    content: "\eb54"
}

.icon-windows-socialmedia:before {
    content: "\eb55"
}

.icon-yahoo-socialmedia:before {
    content: "\eb56"
}

.icon-youtube-socialmedia:before {
    content: "\eb57"
}

.icon-zoom-socialmedia:before {
    content: "\eb58"
}

.icon-bag-shopping-add-plus:before {
    content: "\ea0e"
}

.icon-bag-gift-package-pack:before {
    content: "\ea0f"
}

.icon-bag-shopping-search:before {
    content: "\ea10"
}

.icon-barcode-1:before {
    content: "\ea11"
}

.icon-barcode-2:before {
    content: "\ea12"
}

.icon-basket-1:before {
    content: "\ea13"
}

.icon-basket-pack-1:before {
    content: "\ea14"
}

.icon-basket-pack-2:before {
    content: "\ea15"
}

.icon-item-receip:before {
    content: "\ea16"
}

.icon-products-bags-add:before {
    content: "\ea17"
}

.icon-qr-code-1:before {
    content: "\ea18"
}

.icon-qr-code-2:before {
    content: "\ea19"
}

.icon-qr-code-3-aval:before {
    content: "\ea1a"
}

.icon-recipe-accepted-check-mark:before {
    content: "\ea1b"
}

.icon-recipe:before {
    content: "\ea1c"
}

.icon-scaner:before {
    content: "\ea1d"
}

.icon-shopping-bag-package-pack-1:before {
    content: "\ea1e"
}

.icon-arrow-7:before {
    content: "\eb59"
}

.icon-arrow-8:before {
    content: "\eb5a"
}

.icon-arrow-9:before {
    content: "\eb5b"
}

.icon-arrow-10:before {
    content: "\eb5c"
}

.icon-arrow-11:before {
    content: "\eb5d"
}

.icon-arrow-12:before {
    content: "\eb5e"
}

.icon-arrow-13:before {
    content: "\eb5f"
}

.icon-arrow-14:before {
    content: "\eb60"
}

.icon-arrow-15:before {
    content: "\eb61"
}

.icon-arrow-1:before {
    content: "\ea1f"
}

.icon-arrow-2:before {
    content: "\ea20"
}

.icon-arrow-3:before {
    content: "\ea21"
}

.icon-arrow-4:before {
    content: "\ea22"
}

.icon-arrow-5:before {
    content: "\ea23"
}

.icon-arrow-6:before {
    content: "\ea24"
}

.icon-arrow_10-sort:before {
    content: "\ea25"
}

.icon-arrow-71:before {
    content: "\ea26"
}

.icon-arrow-81:before {
    content: "\ea27"
}

.icon-arrow-91:before {
    content: "\ea28"
}

.icon-arrow-11-download-save:before {
    content: "\ea29"
}

.icon-arrow-12-upload:before {
    content: "\ea2a"
}

.icon-arrow-12-trm-business-increase:before {
    content: "\ea2b"
}

.icon-arrow-drag-direction-move:before {
    content: "\eb40"
}

.icon-arrow-13-statistics:before {
    content: "\ea2c"
}

.icon-arrow-14-repeat-transfer-currency:before {
    content: "\ea2d"
}

.icon-arrow-14-repeat-rotate-2:before {
    content: "\ea2e"
}

.icon-arrow-15-shuffle:before {
    content: "\ea2f"
}

.icon-transfer:before {
    content: "\ea30"
}

.icon-log-in:before {
    content: "\ea31"
}

.icon-log-out:before {
    content: "\ea32"
}

.icon-accessibility-1:before {
    content: "\ea33"
}

.icon-accessibility-2:before {
    content: "\ea34"
}

.icon-add-page:before {
    content: "\ea35"
}

.icon-airplay-signal-airdrop:before {
    content: "\ea36"
}

.icon-alarm-clock-timer-add-1:before {
    content: "\ea37"
}

.icon-alarm-clock-timer-add-2:before {
    content: "\ea38"
}

.icon-alarm-clock-timer-arrow1:before {
    content: "\ea39"
}

.icon-alarm-clock-timer-checkmar:before {
    content: "\ea3a"
}

.icon-alarm-clock-timer-fast:before {
    content: "\ea3b"
}

.icon-alarm-clock-timer-time-1:before {
    content: "\ea3c"
}

.icon-alarm-clock-timer-time-2:before {
    content: "\ea3d"
}

.icon-alarm-clock-timer-time-3:before {
    content: "\ea3e"
}

.icon-alarm-clock-time-timer-add:before {
    content: "\ea3f"
}

.icon-alarm-clock-time-timer-fast-2:before {
    content: "\ea40"
}

.icon-alarm-clock-check:before {
    content: "\ea41"
}

.icon-app-icon:before {
    content: "\ea42"
}

.icon-arrow-location-direction1:before {
    content: "\ea43"
}

.icon-arrow-rotate-dots:before {
    content: "\ea44"
}

.icon-asterisk-rotate-arrow-circle:before {
    content: "\ea45"
}

.icon-asterisk-rotate-arrow:before {
    content: "\ea46"
}

.icon-asterisk-square:before {
    content: "\ea47"
}

.icon-attachment-link-1:before {
    content: "\ea48"
}

.icon-attachment-link-2:before {
    content: "\ea49"
}

.icon-attachment-link-3:before {
    content: "\ea4a"
}

.icon-attachment-link-circle-delete:before {
    content: "\ea4b"
}

.icon-attachment-link-file-add:before {
    content: "\ea4c"
}

.icon-backspace-delete-button-checkmark:before {
    content: "\ea4d"
}

.icon-backspace-delete-button:before {
    content: "\ea4e"
}

.icon-battery-charge-1:before {
    content: "\ea4f"
}

.icon-battery-charge-2:before {
    content: "\ea50"
}

.icon-battery-charge-3:before {
    content: "\ea51"
}

.icon-battery-charge-4:before {
    content: "\ea52"
}

.icon-bell-notification-1:before {
    content: "\ea53"
}

.icon-bell-notification-2:before {
    content: "\ea54"
}

.icon-bell-notification-circle:before {
    content: "\ea55"
}

.icon-bell-notifications-3:before {
    content: "\ea56"
}

.icon-bell-notifications-4:before {
    content: "\ea57"
}

.icon-bell-notifications-5:before {
    content: "\ea58"
}

.icon-bell-notifications-6:before {
    content: "\ea59"
}

.icon-block-delete-stop1:before {
    content: "\ea5a"
}

.icon-bluetooth-circle:before {
    content: "\ea5b"
}

.icon-box-delete-spam-cross:before {
    content: "\ea5c"
}

.icon-bracket-add-checkmark:before {
    content: "\ea5d"
}

.icon-brackets-circle:before {
    content: "\ea5e"
}

.icon-broken-link-unlink-attachment-1:before {
    content: "\ea5f"
}

.icon-calendar:before {
    content: "\ea60"
}

.icon-certificate-medal-2:before {
    content: "\ea61"
}

.icon-check-2-circle:before {
    content: "\ea62"
}

.icon-check-single:before {
    content: "\ea63"
}

.icon-check-double:before {
    content: "\ea64"
}

.icon-circle-delete:before {
    content: "\ea65"
}

.icon-circle-attachment-link:before {
    content: "\ea66"
}

.icon-circle-delete-cross:before {
    content: "\ea67"
}

.icon-cmd-keyboard:before {
    content: "\ea68"
}

.icon-code-search:before {
    content: "\ea69"
}

.icon-code-text:before {
    content: "\ea6a"
}

.icon-compass-map-2:before {
    content: "\ea6b"
}

.icon-compass-map-circle:before {
    content: "\ea6c"
}

.icon-compass-map:before {
    content: "\ea6d"
}

.icon-copy-cut-item-text:before {
    content: "\ea6e"
}

.icon-copy-grid-plus:before {
    content: "\ea6f"
}

.icon-copy-grid:before {
    content: "\ea70"
}

.icon-copy-image-select:before {
    content: "\ea71"
}

.icon-copy-item-arrow:before {
    content: "\ea72"
}

.icon-copy-move-cut:before {
    content: "\ea73"
}

.icon-copy-paste-select-add-plus1:before {
    content: "\ea74"
}

.icon-copy:before {
    content: "\ea75"
}

.icon-crop-arrow-sync:before {
    content: "\ea76"
}

.icon-cursor-click-select-1:before {
    content: "\ea77"
}

.icon-cursor-click-select-2:before {
    content: "\ea78"
}

.icon-cursor-click-select:before {
    content: "\ea79"
}

.icon-cursor-more-dots:before {
    content: "\ea7a"
}

.icon-cursor-selec-click:before {
    content: "\ea7b"
}

.icon-cursor-select-circle:before {
    content: "\ea7c"
}

.icon-cursor-swipe-left:before {
    content: "\ea7d"
}

.icon-cursor-swipe-right:before {
    content: "\ea7e"
}

.icon-dashboard-1:before {
    content: "\ea7f"
}

.icon-dashboard-circle-1:before {
    content: "\ea80"
}

.icon-dashboard-clock-time:before {
    content: "\ea81"
}

.icon-delete-1:before {
    content: "\ea82"
}

.icon-delete-2:before {
    content: "\ea83"
}

.icon-delete-3:before {
    content: "\ea84"
}

.icon-delete-4:before {
    content: "\ea85"
}

.icon-delete-disabled-1:before {
    content: "\ea86"
}

.icon-direction-square-arrows:before {
    content: "\ea87"
}

.icon-divide:before {
    content: "\ea88"
}

.icon-done-check-checkmark:before {
    content: "\ea89"
}

.icon-dots-menu:before {
    content: "\ea8a"
}

.icon-dots:before {
    content: "\ea8b"
}

.icon-dowload-save:before {
    content: "\ea8c"
}

.icon-download-arrow:before {
    content: "\ea8d"
}

.icon-download-save-upload:before {
    content: "\ea8e"
}

.icon-dropdown-menu-item:before {
    content: "\ea8f"
}

.icon-dropdown-menu:before {
    content: "\ea90"
}

.icon-ear:before {
    content: "\ea91"
}

.icon-emails-letter-mail-21:before {
    content: "\ea92"
}

.icon-emails-letter-mail:before {
    content: "\ea93"
}

.icon-enter-password:before {
    content: "\ea94"
}

.icon-exit-door-log-out-2:before {
    content: "\ea95"
}

.icon-exit-door-log-out1:before {
    content: "\ea96"
}

.icon-exit-log-out-arrow:before {
    content: "\ea97"
}

.icon-eye-1:before {
    content: "\ea98"
}

.icon-eye-2:before {
    content: "\ea99"
}

.icon-eye-3:before {
    content: "\ea9a"
}

.icon-eye-4:before {
    content: "\ea9b"
}

.icon-eye-target:before {
    content: "\ea9c"
}

.icon-eye-hidden:before {
    content: "\ea9d"
}

.icon-eye-show-visible-1:before {
    content: "\ea9e"
}

.icon-eye-show-visible:before {
    content: "\ea9f"
}

.icon-favorite-bookmark-checkmark:before {
    content: "\eaa0"
}

.icon-favorite:before {
    content: "\eaa1"
}

.icon-file-zip-rar1:before {
    content: "\eaa2"
}

.icon-filedown:before {
    content: "\eaa3"
}

.icon-fileup-mail:before {
    content: "\eaa4"
}

.icon-filter-sort-a-z-1:before {
    content: "\eaa5"
}

.icon-filter-sort-a-z-2:before {
    content: "\eaa6"
}

.icon-filter-sort-1:before {
    content: "\eaa7"
}

.icon-filter-sort-check-mark:before {
    content: "\eaa8"
}

.icon-filter-sort-delete:before {
    content: "\eaa9"
}

.icon-filter-sort-menu:before {
    content: "\eaaa"
}

.icon-flag:before {
    content: "\eaab"
}

.icon-flashlight-on:before {
    content: "\eaac"
}

.icon-flashlight-off:before {
    content: "\eaad"
}

.icon-floppy-save-check-mark:before {
    content: "\eaae"
}

.icon-floppy-save-disabled:before {
    content: "\eaaf"
}

.icon-floppy-save:before {
    content: "\eab0"
}

.icon-full-screen-arrow:before {
    content: "\eab1"
}

.icon-heart-favorie-delete:before {
    content: "\eab2"
}

.icon-heart-favorite-add:before {
    content: "\eab3"
}

.icon-home-house-1:before {
    content: "\eab4"
}

.icon-home-house-2:before {
    content: "\eab5"
}

.icon-home-house-12:before {
    content: "\eab4"
}

.icon-home-house-line:before {
    content: "\eab6"
}

.icon-horn-trumpet-2:before {
    content: "\eab7"
}

.icon-horn-trumpet:before {
    content: "\eab8"
}

.icon-http-square:before {
    content: "\eab9"
}

.icon-ico-icon-circle:before {
    content: "\eaba"
}

.icon-id-square:before {
    content: "\eabb"
}

.icon-image-picture-text-edit:before {
    content: "\eabc"
}

.icon-inbox-male-incoming:before {
    content: "\eabd"
}

.icon-infornation-info-1:before {
    content: "\eabe"
}

.icon-input-password-protection:before {
    content: "\eabf"
}

.icon-item-documents-files:before {
    content: "\eac0"
}

.icon-item-notification:before {
    content: "\eac1"
}

.icon-key-circle-1:before {
    content: "\eac2"
}

.icon-key-circle-2:before {
    content: "\eac3"
}

.icon-key-token:before {
    content: "\eac4"
}

.icon-key-2:before {
    content: "\eac5"
}

.icon-light-bulb-1:before {
    content: "\eac6"
}

.icon-light-bulb-2:before {
    content: "\eac7"
}

.icon-list-tasks-add-plus:before {
    content: "\eac8"
}

.icon-loading-plus-circle-add:before {
    content: "\eac9"
}

.icon-loading-waiting:before {
    content: "\eaca"
}

.icon-location:before {
    content: "\eacb"
}

.icon-marker-pin-add-plus:before {
    content: "\eacc"
}

.icon-marker-pin-checkmark:before {
    content: "\eacd"
}

.icon-lock-1:before {
    content: "\eace"
}

.icon-lock-select:before {
    content: "\eacf"
}

.icon-lock-arrow-add-plus-circle:before {
    content: "\ead0"
}

.icon-lock-arrow-up:before {
    content: "\ead1"
}

.icon-lock-unlock:before {
    content: "\ead2"
}

.icon-lock-password:before {
    content: "\ead3"
}

.icon-lock-protection-checkmark:before {
    content: "\ead4"
}

.icon-mail-email-letter-all-mailboxes:before {
    content: "\ead5"
}

.icon-mailbox-archive-new-one-click:before {
    content: "\ead6"
}

.icon-menu-dots-circle-1:before {
    content: "\ead7"
}

.icon-menu-dots-circle-2:before {
    content: "\ead8"
}

.icon-menu-dots-square-1:before {
    content: "\ead9"
}

.icon-menu-dots-square-2:before {
    content: "\eada"
}

.icon-mic-rec-1:before {
    content: "\eadb"
}

.icon-mic-rec:before {
    content: "\eadc"
}

.icon-microphone-mute-slash:before {
    content: "\eadd"
}

.icon-mouse-scroll-down:before {
    content: "\eade"
}

.icon-mouse-scroll-up:before {
    content: "\eadf"
}

.icon-news-bookmark:before {
    content: "\eae0"
}

.icon-news:before {
    content: "\eae1"
}

.icon-no-wi-fi:before {
    content: "\eae2"
}

.icon-note-document-clip-attachment:before {
    content: "\eae3"
}

.icon-numerical-character:before {
    content: "\eae4"
}

.icon-pin-2:before {
    content: "\eae5"
}

.icon-pin-location:before {
    content: "\eae6"
}

.icon-plus-sum:before {
    content: "\eae7"
}

.icon-position-target:before {
    content: "\eae8"
}

.icon-power-appliances-shutdown:before {
    content: "\eae9"
}

.icon-printer-print-add-plus:before {
    content: "\eaea"
}

.icon-printer-print-checkmark:before {
    content: "\eaeb"
}

.icon-private-incognito-square:before {
    content: "\eaec"
}

.icon-private-incognito:before {
    content: "\eaed"
}

.icon-read:before {
    content: "\eaee"
}

.icon-receipt-plus:before {
    content: "\eaef"
}

.icon-recicle:before {
    content: "\eaf0"
}

.icon-refresh-reload-loading-arrow:before {
    content: "\eaf1"
}

.icon-rotate_3D:before {
    content: "\eaf2"
}

.icon-scissors-cut:before {
    content: "\eaf3"
}

.icon-search-2:before {
    content: "\eaf4"
}

.icon-search-radar-location:before {
    content: "\eaf5"
}

.icon-search:before {
    content: "\eaf6"
}

.icon-settings-circle:before {
    content: "\eaf7"
}

.icon-settings-options:before {
    content: "\eaf8"
}

.icon-settings-square-2:before {
    content: "\eaf9"
}

.icon-settings-tool:before {
    content: "\eafa"
}

.icon-settings-filter-21:before {
    content: "\eafb"
}

.icon-menu-burger-circle-4:before {
    content: "\eafc"
}

.icon-menu-burger-circle-3:before {
    content: "\eafd"
}

.icon-settings-filter:before {
    content: "\eafe"
}

.icon-settings-select:before {
    content: "\eaff"
}

.icon-settings:before {
    content: "\eb00"
}

.icon-sleep-snooze-zzz:before {
    content: "\eb01"
}

.icon-special-character:before {
    content: "\eb02"
}

.icon-star-checkmark:before {
    content: "\eb03"
}

.icon-star-search:before {
    content: "\eb04"
}

.icon-switch-1:before {
    content: "\eb05"
}

.icon-switches-2:before {
    content: "\eb06"
}

.icon-text-square-2:before {
    content: "\eb07"
}

.icon-text-square-1:before {
    content: "\eb08"
}

.icon-uppercase:before {
    content: "\eb09"
}

.icon-watch-clock-time-1:before {
    content: "\eb0a"
}

.icon-watch-clock-time-2:before {
    content: "\eb0b"
}

.icon-wi-fi:before {
    content: "\eb0c"
}

.icon-wi-fi-2:before {
    content: "\eb0d"
}

.icon-wifi-error:before {
    content: "\eb0e"
}

.icon-wifi-question:before {
    content: "\eb0f"
}

.icon-add-page-new-page:before {
    content: "\eb10"
}

.icon-alarm-clock-timer:before {
    content: "\eb11"
}

.icon-alarm-clock-timer-arrow:before {
    content: "\eb12"
}

.icon-arrow-location-direction:before {
    content: "\eb13"
}

.icon-attachment-link:before {
    content: "\eb14"
}

.icon-bell-notification:before {
    content: "\eb15"
}

.icon-block-delete-stop:before {
    content: "\eb16"
}

.icon-bluetooth-off:before {
    content: "\eb17"
}

.icon-box-delete-spam-cross1:before {
    content: "\eb18"
}

.icon-burger-1:before {
    content: "\eb19"
}

.icon-task-list-numeric:before {
    content: "\eb1a"
}

.icon-burger-2:before {
    content: "\eb1b"
}

.icon-menu-burger-2:before {
    content: "\eb1c"
}

.icon-certificate-medal1:before {
    content: "\eb1d"
}

.icon-check-2:before {
    content: "\eb1e"
}

.icon-check-1:before {
    content: "\eb1f"
}

.icon-delete-disabled-2:before {
    content: "\eb20"
}

.icon-clip:before {
    content: "\eb21"
}

.icon-copy-arrow:before {
    content: "\eb22"
}

.icon-copy-paste-select-add-plus:before {
    content: "\eb23"
}

.icon-delete-21:before {
    content: "\eb24"
}

.icon-drag:before {
    content: "\eb25"
}

.icon-hover:before {
    content: "\eb25"
}

.icon-email:before {
    content: "\eb26"
}

.icon-emails-letter-mail-2:before {
    content: "\eb27"
}

.icon-emails-letter-mail-3:before {
    content: "\eb28"
}

.icon-exit-door-log-out:before {
    content: "\eb29"
}

.icon-exit-log-out-2:before {
    content: "\eb2a"
}

.icon-favorite-2-heart:before {
    content: "\eb2b"
}

.icon-add-favorite:before {
    content: "\eb2c"
}

.icon-file-zip-rar:before {
    content: "\eb2d"
}

.icon-settings-filter-2:before {
    content: "\eb2e"
}

.icon-gift-box:before {
    content: "\eb2f"
}

.icon-home-house-11:before {
    content: "\eb30"
}

.icon-home-house-21:before {
    content: "\eb31"
}

.icon-item-documents-files1:before {
    content: "\eb32"
}

.icon-lowercase:before {
    content: "\eb33"
}

.icon-uppercase1:before {
    content: "\eb34"
}

.icon-numerical-character1:before {
    content: "\eb35"
}

.icon-special-character1:before {
    content: "\eb36"
}

.icon-minus-rest-delete:before {
    content: "\eb37"
}

.icon-plus-sum1:before {
    content: "\eb38"
}

.icon-news-paper:before {
    content: "\eb39"
}

.icon-position-target1:before {
    content: "\eb3a"
}

.icon-search-glass-magnifier:before {
    content: "\eb3b"
}

.icon-share:before {
    content: "\eb3c"
}

.icon-tuPlus:before {
    content: "\eb3d"
}

.icon-warning-1:before {
    content: "\eb3e"
}

.icon-warning-2:before {
    content: "\eb3f"
}

.icon-user-profile-message:before {
    content: "\eb62"
}

.icon-group-user-1:before {
    content: "\e916"
}

.icon-single-user:before {
    content: "\e917"
}

.icon-user-profile-circle-1:before {
    content: "\e918"
}

.icon-user-profile-2:before {
    content: "\e919"
}

.icon-user-profile-3:before {
    content: "\e91a"
}

.icon-user-profile-6:before {
    content: "\e91b"
}

.icon-user-profile-7:before {
    content: "\e91c"
}

.icon-user-profile-12:before {
    content: "\e91d"
}

.icon-user-profile-13:before {
    content: "\e91e"
}

.icon-user-profile-15:before {
    content: "\e91f"
}

.icon-user-profile-edit:before {
    content: "\e920"
}

.icon-user-walking:before {
    content: "\e921"
}

.icon-justify-center:before {
    content: "\e922"
}

.icon-justify-left-1:before {
    content: "\e923"
}

.icon-justify-left-2:before {
    content: "\e924"
}

.icon-justify-left:before {
    content: "\e925"
}

.icon-justify-right:before {
    content: "\e926"
}

.icon-margin-right-1:before {
    content: "\e927"
}

.icon-margin-right:before {
    content: "\e928"
}

.icon-sort-ascending:before {
    content: "\e929"
}

.icon-sort-decending:before {
    content: "\e92a"
}

.icon-text-size:before {
    content: "\e92b"
}

.icon-airplane-plane-trip-travel:before {
    content: "\e92c"
}

.icon-baggage-2:before {
    content: "\e92d"
}

.icon-plane-take-off:before {
    content: "\e92e"
}

.icon-plane-boarding-pass-2:before {
    content: "\e92f"
}

.icon-sun-sea-sunrise:before {
    content: "\e930"
}

.icon-travel-vacation-holiday-umbrella:before {
    content: "\e931"
}

.icon-chat-messages-bubble:before {
    content: "\e932"
}

.icon-headphones-customer-support:before {
    content: "\e933"
}

.icon-messages-chat-1:before {
    content: "\e934"
}

.icon-question-loading:before {
    content: "\e935"
}

.icon-certificate-medal2:before {
    content: "\e936"
}

.icon-cup:before {
    content: "\e937"
}

.icon-favorite-star:before {
    content: "\e938"
}

.icon-medal-prize-reward-1:before {
    content: "\e939"
}

.icon-medal-prize-reward-3:before {
    content: "\e93a"
}

.icon-medal-prize-reward-4:before {
    content: "\e93b"
}

.icon-medal-prize-reward-5:before {
    content: "\e93c"
}

.icon-face-1:before {
    content: "\e93d"
}

.icon-face-2:before {
    content: "\e93e"
}

.icon-face-3:before {
    content: "\e93f"
}

.icon-face-7:before {
    content: "\e940"
}

.icon-blackboard:before {
    content: "\e941"
}

.icon-book-graduate-hat:before {
    content: "\e942"
}

.icon-calendar-schedule:before {
    content: "\e943"
}

.icon-glasses:before {
    content: "\e944"
}

.icon-notebook:before {
    content: "\e945"
}

.icon-pencil-ruler:before {
    content: "\e946"
}

.icon-school:before {
    content: "\e947"
}

.icon-ertificate-diploma:before {
    content: "\e948"
}

.icon-hand-key:before {
    content: "\e949"
}

.icon-house-certificate:before {
    content: "\e94a"
}

.icon-house-checkmark:before {
    content: "\e94b"
}

.icon-house-key:before {
    content: "\e94c"
}

.icon-house-location-pin:before {
    content: "\e94d"
}

.icon-Shield:before {
    content: "\eb63"
}

.icon-Protected:before {
    content: "\eb63"
}

.icon-Refresh:before {
    content: "\eb63"
}

.icon-Loading:before {
    content: "\eb63"
}

.icon-biometric-face-touch:before {
    content: "\e94e"
}

.icon-chat-messages-bubble-shield:before {
    content: "\e94f"
}

.icon-credit-card-lock:before {
    content: "\e950"
}

.icon-face-iD:before {
    content: "\e951"
}

.icon-fingerprint:before {
    content: "\e952"
}

.icon-key:before {
    content: "\e953"
}

.icon-lock-2:before {
    content: "\e954"
}

.icon-lock-4:before {
    content: "\e955"
}

.icon-lock-5:before {
    content: "\e956"
}

.icon-world-internet-lock:before {
    content: "\e957"
}

.icon-number-keyboard:before {
    content: "\e958"
}

.icon-phone-call-2:before {
    content: "\e959"
}

.icon-phone-call-3:before {
    content: "\e95a"
}

.icon-phone-call-5:before {
    content: "\e95b"
}

.icon-phone-call-8:before {
    content: "\e95c"
}

.icon-phone-call-10:before {
    content: "\e95d"
}

.icon-phone-call-plus-add:before {
    content: "\e95e"
}

.icon-voicemail:before {
    content: "\e95f"
}

.icon-safe_deposit_box:before {
    content: "\eb64"
}

.icon-dollar:before {
    content: "\eb65"
}

.icon-atm:before {
    content: "\eb65"
}

.icon-Bloquear:before {
    content: "\eb66"
}

.icon-aTM-1:before {
    content: "\e960"
}

.icon-aTM-2:before {
    content: "\e961"
}

.icon-atm-creditcard:before {
    content: "\e962"
}

.icon-atm-recipe-checkmark:before {
    content: "\e963"
}

.icon-calendar-coins-money:before {
    content: "\e964"
}

.icon-check-payment-pen:before {
    content: "\e965"
}

.icon-coins-money-plus-add:before {
    content: "\e966"
}

.icon-conversion-exchange-checkmark:before {
    content: "\e967"
}

.icon-credit-card-1:before {
    content: "\e968"
}

.icon-credit-card-2:before {
    content: "\e969"
}

.icon-credit-card-3:before {
    content: "\e96a"
}

.icon-credit-card-6:before {
    content: "\e96b"
}

.icon-credit-card-7:before {
    content: "\e96c"
}

.icon-credit-card-8:before {
    content: "\e96d"
}

.icon-credit-card-9:before {
    content: "\e96e"
}

.icon-credit-card-atm-slide-out:before {
    content: "\e96f"
}

.icon-credit-card-atm:before {
    content: "\e970"
}

.icon-credit-card-cash-deposit:before {
    content: "\e971"
}

.icon-credit-card-cash-withdraw:before {
    content: "\e972"
}

.icon-credit-card-delete-lockout:before {
    content: "\e973"
}

.icon-credit-card-payment-action-2:before {
    content: "\e974"
}

.icon-credit-card-payment-action-3:before {
    content: "\e975"
}

.icon-credit-card-transfer-send-1:before {
    content: "\e976"
}

.icon-credit-cards:before {
    content: "\e977"
}

.icon-credit-card-checkmark:before {
    content: "\e978"
}

.icon-credit-card-search-loupe:before {
    content: "\e979"
}

.icon-dollar-payments-conversion:before {
    content: "\e97a"
}

.icon-dollar-payments-onversion-1:before {
    content: "\e97b"
}

.icon-notebook-credit-card-transfer-send:before {
    content: "\e97c"
}

.icon-piggy-bank-coin:before {
    content: "\e97d"
}

.icon-products-mobile-certifications:before {
    content: "\e97e"
}

.icon-tax-certifications-currency:before {
    content: "\e97f"
}

.icon-world-transaction-transfer:before {
    content: "\e980"
}

.icon-cup-pen-writing-tools:before {
    content: "\e981"
}

.icon-folders-archive:before {
    content: "\e982"
}

.icon-office-desk:before {
    content: "\e983"
}

.icon-office-folder:before {
    content: "\e984"
}

.icon-paper-clip-attache:before {
    content: "\e985"
}

.icon-presentation-board:before {
    content: "\e986"
}

.icon-shredder:before {
    content: "\e987"
}

.icon-suitcase-portfolio1:before {
    content: "\e988"
}

.icon-money-banknote-repeat:before {
    content: "\eb67"
}

.icon-banknote-back:before {
    content: "\eb68"
}

.icon-coins:before {
    content: "\e989"
}

.icon-hand-arm-coins:before {
    content: "\e98a"
}

.icon-money-banknote-2:before {
    content: "\e98b"
}

.icon-money-banknote-deposit:before {
    content: "\e98c"
}

.icon-money-banknote-hand:before {
    content: "\e98d"
}

.icon-money-banknote-withdraw:before {
    content: "\e98e"
}

.icon-money-coins-2:before {
    content: "\e98f"
}

.icon-money-coins-3:before {
    content: "\e990"
}

.icon-money-dollar:before {
    content: "\e991"
}

.icon-money-percent:before {
    content: "\e992"
}

.icon-multi-payment:before {
    content: "\e993"
}

.icon-payment-bill:before {
    content: "\e994"
}

.icon-pILa-payment:before {
    content: "\e995"
}

.icon-wallet-1:before {
    content: "\e996"
}

.icon-wallet-add:before {
    content: "\e997"
}

.icon-alculator:before {
    content: "\e998"
}

.icon-dual-sim-1:before {
    content: "\e999"
}

.icon-no-sim:before {
    content: "\e99a"
}

.icon-shield-signal-protection:before {
    content: "\e99b"
}

.icon-sim-refresh-update:before {
    content: "\e99c"
}

.icon-wiFi-full:before {
    content: "\e99d"
}

.icon-mobile-devices-wifi:before {
    content: "\eb69"
}

.icon-mobile_devices_messages:before {
    content: "\eb6a"
}

.icon-mobile-devices-rotate:before {
    content: "\e99e"
}

.icon-mobile-devices-vibration:before {
    content: "\e99f"
}

.icon-mobile-devices:before {
    content: "\e9a0"
}

.icon-mobile-laptop-wifi:before {
    content: "\e9a1"
}

.icon-chat-messages-bubble-1:before {
    content: "\e9a2"
}

.icon-chat-messages-bubble-3:before {
    content: "\e9a3"
}

.icon-messages-chat-info:before {
    content: "\e9a4"
}

.icon-messages-chat-11:before {
    content: "\e9a5"
}

.icon-messages-chat-2:before {
    content: "\e9a6"
}

.icon-messages-chat-3:before {
    content: "\e9a7"
}

.icon-messages-chat-5:before {
    content: "\e9a8"
}

.icon-calendar-court-legal-law:before {
    content: "\e9a9"
}

.icon-certificate-medal:before {
    content: "\e9aa"
}

.icon-contract-document-pen:before {
    content: "\e9ab"
}

.icon-document-legal-law-hammer:before {
    content: "\e9ac"
}

.icon-document-legal-users:before {
    content: "\e9ad"
}

.icon-hammer-legal:before {
    content: "\e9ae"
}

.icon-legal-scale:before {
    content: "\e9af"
}

.icon-browser-internet-web-network_-mail:before {
    content: "\e9b0"
}

.icon-browser-internet-web-network-site:before {
    content: "\e9b1"
}

.icon-browser-internet-web-network-window-wifi:before {
    content: "\e9b2"
}

.icon-cloud-sync-synchronize-reload-loading:before {
    content: "\e9b3"
}

.icon-cloud-storage-add:before {
    content: "\e9b4"
}

.icon-loud-storage-download:before {
    content: "\e9b5"
}

.icon-cloud-storage-refresh:before {
    content: "\e9b6"
}

.icon-cloud-storage-upload:before {
    content: "\e9b7"
}

.icon-d-box:before {
    content: "\e9b8"
}

.icon-heart:before {
    content: "\e9b9"
}

.icon-layer-1:before {
    content: "\e9ba"
}

.icon-layers-2:before {
    content: "\e9bb"
}

.icon-shapes:before {
    content: "\e9bc"
}

.icon-square-2:before {
    content: "\e9bd"
}

.icon-triangle:before {
    content: "\e9be"
}

.icon-aval-products:before {
    content: "\e9bf"
}

.icon-folder-checkmark-1:before {
    content: "\e9c0"
}

.icon-folder-group-1:before {
    content: "\e9c1"
}

.icon-folder-group-arrow:before {
    content: "\e9c2"
}

.icon-folder-group-3:before {
    content: "\e9c3"
}

.icon-folder-group-plus-add:before {
    content: "\e9c4"
}

.icon-folder-list:before {
    content: "\e9c5"
}

.icon-folders:before {
    content: "\e9c6"
}

.icon-cSV-file:before {
    content: "\e9c7"
}

.icon-documents-file-access:before {
    content: "\e9c8"
}

.icon-documents-file-chart:before {
    content: "\e9c9"
}

.icon-documents-file-checkmark:before {
    content: "\e9ca"
}

.icon-documents-file-sync-2:before {
    content: "\e9cb"
}

.icon-documents-file-warning-error-2:before {
    content: "\e9cc"
}

.icon-documents-file-warning-error-1:before {
    content: "\e9cd"
}

.icon-documents-file-arrow-2:before {
    content: "\e9ce"
}

.icon-documents-file-arrow-3:before {
    content: "\e9cf"
}

.icon-documents-file-certificate:before {
    content: "\e9d0"
}

.icon-documents-file-check-mark-2:before {
    content: "\e9d1"
}

.icon-documents-file-check-mark:before {
    content: "\e9d2"
}

.icon-documents-file-search:before {
    content: "\e9d3"
}

.icon-documents-file-tag:before {
    content: "\e9d4"
}

.icon-documents-file-text:before {
    content: "\e9d5"
}

.icon-documents-file-copy:before {
    content: "\e9d6"
}

.icon-pDF-file:before {
    content: "\e9d7"
}

.icon-XLS-file:before {
    content: "\e9d8"
}

.icon-document-content-2:before {
    content: "\eb6b"
}

.icon-document_content-11:before {
    content: "\eb6c"
}

.icon-notebook_check_list:before {
    content: "\eb6d"
}

.icon-bookmark-notes:before {
    content: "\e9d9"
}

.icon-calendar-add-plus:before {
    content: "\e9da"
}

.icon-content-edit-pen:before {
    content: "\e9db"
}

.icon-document-1-secure:before {
    content: "\e9dc"
}

.icon-document-content-2-edit-2:before {
    content: "\e9dd"
}

.icon-document-content-3-copy:before {
    content: "\e9de"
}

.icon-document-content-4-copy-2:before {
    content: "\e9df"
}

.icon-document-content-5-copy-3:before {
    content: "\e9e0"
}

.icon-document-content-notes-planner:before {
    content: "\e9e1"
}

.icon-document-content-5-pen-2:before {
    content: "\e9e2"
}

.icon-document-content-6-edit-1:before {
    content: "\e9e3"
}

.icon-document-pin-2:before {
    content: "\e9e4"
}

.icon-notepad-1:before {
    content: "\e9e5"
}

.icon-notes-edit-3:before {
    content: "\e9e6"
}

.icon-notes-edit-4-planner-1:before {
    content: "\e9e7"
}

.icon-pen-edit-5:before {
    content: "\e9e8"
}

.icon-plus-2-add-2-add-new:before {
    content: "\e9e9"
}

.icon-calculator:before {
    content: "\e9ea"
}

.icon-computer-laptop:before {
    content: "\e9eb"
}

.icon-desktop-computer-pc:before {
    content: "\e9ec"
}

.icon-flash-card-usb:before {
    content: "\e9ed"
}

.icon-headphones:before {
    content: "\e9ee"
}

.icon-iphone-mobile-phone:before {
    content: "\e9ef"
}

.icon-iphone:before {
    content: "\e9f0"
}

.icon-mouse:before {
    content: "\e9f1"
}

.icon-printer:before {
    content: "\e9f2"
}

.icon-sim-card:before {
    content: "\e9f3"
}

.icon-watch:before {
    content: "\e9f4"
}

.icon-webcam:before {
    content: "\e9f5"
}

.icon-boat-ship:before {
    content: "\e9f6"
}

.icon-bus:before {
    content: "\e9f7"
}

.icon-car-2:before {
    content: "\e9f8"
}

.icon-car-checkmark-1:before {
    content: "\e9f9"
}

.icon-car-protection-security:before {
    content: "\e9fa"
}

.icon-car:before {
    content: "\e9fb"
}

.icon-parking-car-garage-house:before {
    content: "\e9fc"
}

.icon-taxi-public-service:before {
    content: "\e9fd"
}

.icon-wheel-2:before {
    content: "\e9fe"
}

.icon-documet-chart-list:before {
    content: "\eb6e"
}

.icon-24-hours:before {
    content: "\e9ff"
}

.icon-blackboard-business-chart-1:before {
    content: "\ea00"
}

.icon-business-chart-2:before {
    content: "\ea01"
}

.icon-business-chart-3:before {
    content: "\ea02"
}

.icon-business-chart-4:before {
    content: "\ea03"
}

.icon-business-chart-5:before {
    content: "\ea04"
}

.icon-business-chart-metrics-laptop:before {
    content: "\ea05"
}

.icon-business-chart-research:before {
    content: "\ea06"
}

.icon-business-external-payment:before {
    content: "\ea07"
}

.icon-chart-loap:before {
    content: "\ea08"
}

.icon-contract-document-seal:before {
    content: "\ea09"
}

.icon-imac-dollar-money:before {
    content: "\ea0a"
}

.icon-suitcase-portfolio:before {
    content: "\ea0b"
}

.icon-target-goal:before {
    content: "\ea0c"
}

.icon-thumbs-up-documet-contract:before {
    content: "\ea0d"
}

@font-face {
    font-family: Gelion;
    src: url(/assets/pbocc/fonts/gelion-family/Letter_Omega_Typefoundry-Gelion_Bold.otf) format("opentype");
    font-style: normal;
    font-weight: 800
}

@font-face {
    font-family: Gelion;
    src: url(/assets/pbocc/fonts/gelion-family/Letter_Omega_Typefoundry-Gelion_Semi_Bold.otf) format("opentype");
    font-style: normal;
    font-weight: 600
}

@font-face {
    font-family: Gelion;
    src: url(/assets/pbocc/fonts/gelion-family/Letter_Omega_Typefoundry-Gelion_Medium.otf) format("opentype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: Gelion;
    src: url(/assets/pbocc/fonts/gelion-family/Letter_Omega_Typefoundry-Gelion_Regular.otf) format("opentype");
    font-style: normal;
    font-weight: 300
}

@font-face {
    font-family: Gelion;
    src: url(/assets/pbocc/fonts/gelion-family/Letter_Omega_Typefoundry-Gelion_Light.otf) format("opentype");
    font-style: normal;
    font-weight: 200
}

@font-face {
    font-family: Gelion;
    src: url(/assets/pbocc/fonts/gelion-family/Letter_Omega_Typefoundry-Gelion_Thin.otf) format("opentype");
    font-style: normal;
    font-weight: 100
}

@font-face {
    font-family: Gelion;
    src: url(/assets/pbocc/fonts/gelion-family/Letter_Omega_Typefoundry-Gelion_Black.otf) format("opentype");
    font-style: normal
}

@font-face {
    font-family: Poppins;
    src: url(/assets/pbocc/fonts/poppins-family/Poppins-Black.ttf) format("truetype");
    font-style: normal;
    font-weight: 900
}

@font-face {
    font-family: Poppins;
    src: url(/assets/pbocc/fonts/poppins-family/Poppins-ExtraBold.ttf) format("truetype");
    font-style: normal;
    font-weight: 800
}

@font-face {
    font-family: Poppins;
    src: url(/assets/pbocc/fonts/poppins-family/Poppins-Bold.ttf) format("truetype");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: Poppins;
    src: url(/assets/pbocc/fonts/poppins-family/Poppins-SemiBold.ttf) format("truetype");
    font-style: normal;
    font-weight: 600
}

@font-face {
    font-family: Poppins;
    src: url(/assets/pbocc/fonts/poppins-family/Poppins-Medium.ttf) format("truetype");
    font-style: normal;
    font-weight: 500
}

@font-face {
    font-family: Poppins;
    src: url(/assets/pbocc/fonts/poppins-family/Poppins-Regular.ttf) format("truetype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: Poppins;
    src: url(/assets/pbocc/fonts/poppins-family/Poppins-Light.ttf) format("truetype");
    font-style: normal;
    font-weight: 300
}

@font-face {
    font-family: Poppins;
    src: url(/assets/pbocc/fonts/poppins-family/Poppins-ExtraLight.ttf) format("truetype");
    font-style: normal;
    font-weight: 200
}

@font-face {
    font-family: Poppins;
    src: url(/assets/pbocc/fonts/poppins-family/Poppins-Thin.ttf) format("truetype");
    font-style: normal;
    font-weight: 100
}

.hero-b-center {
    font-weight: 700;
    font-size: 6.286rem;
    text-align: center;
    line-height: 9.143rem;
    letter-spacing: 0
}

.hero-b-left {
    font-weight: 700;
    font-size: 6.286rem;
    text-align: left;
    line-height: 9.143rem;
    letter-spacing: 0
}

.hero-b-right {
    font-weight: 700;
    font-size: 6.286rem;
    text-align: right;
    line-height: 9.143rem;
    letter-spacing: 0
}

.hero-sm-center {
    font-weight: 600;
    font-size: 6.286rem;
    text-align: center;
    line-height: 9.143rem;
    letter-spacing: 0
}

.hero-sm-left {
    font-weight: 600;
    font-size: 6.286rem;
    text-align: left;
    line-height: 9.143rem;
    letter-spacing: 0
}

.hero-sm-right {
    font-weight: 600;
    font-size: 6.286rem;
    text-align: right;
    line-height: 9.143rem;
    letter-spacing: 0
}

.hero-m-center {
    font-weight: 500;
    font-size: 6.286rem;
    text-align: center;
    line-height: 9.143rem;
    letter-spacing: 0
}

.hero-m-left {
    font-weight: 500;
    font-size: 6.286rem;
    text-align: left;
    line-height: 9.143rem;
    letter-spacing: 0
}

.hero-m-right {
    font-weight: 500;
    font-size: 6.286rem;
    text-align: right;
    line-height: 9.143rem;
    letter-spacing: 0
}

.hero-r-center {
    font-weight: 300;
    font-size: 6.286rem;
    text-align: center;
    line-height: 9.143rem;
    letter-spacing: 0
}

.hero-r-left {
    font-weight: 300;
    font-size: 6.286rem;
    text-align: left;
    line-height: 9.143rem;
    letter-spacing: 0
}

.hero-r-right {
    font-weight: 300;
    font-size: 6.286rem;
    text-align: right;
    line-height: 9.143rem;
    letter-spacing: 0
}

.h1-b-center {
    font-weight: 700;
    font-size: 3.857rem;
    text-align: center;
    line-height: 5.714rem;
    letter-spacing: .5px
}

.h1-b-left {
    font-weight: 700;
    font-size: 3.857rem;
    text-align: left;
    line-height: 5.714rem;
    letter-spacing: .5px
}

.h1-b-right {
    font-weight: 700;
    font-size: 3.857rem;
    text-align: right;
    line-height: 5.714rem;
    letter-spacing: .5px
}

.h1-sm-center {
    font-weight: 600;
    font-size: 3.857rem;
    text-align: center;
    line-height: 5.714rem;
    letter-spacing: .5px
}

.h1-sm-left {
    font-weight: 600;
    font-size: 3.857rem;
    text-align: left;
    line-height: 5.714rem;
    letter-spacing: .5px
}

.h1-sm-right {
    font-weight: 600;
    font-size: 3.857rem;
    text-align: right;
    line-height: 5.714rem;
    letter-spacing: .5px
}

.h1-m-center {
    font-weight: 500;
    font-size: 3.857rem;
    text-align: center;
    line-height: 5.714rem;
    letter-spacing: .5px
}

.h1-m-left {
    font-weight: 500;
    font-size: 3.857rem;
    text-align: left;
    line-height: 5.714rem;
    letter-spacing: .5px
}

.h1-m-right {
    font-weight: 500;
    font-size: 3.857rem;
    text-align: right;
    line-height: 5.714rem;
    letter-spacing: .5px
}

.h1-r-center {
    font-weight: 300;
    font-size: 3.857rem;
    text-align: center;
    line-height: 5.714rem;
    letter-spacing: .5px
}

.h1-r-left {
    font-weight: 300;
    font-size: 3.857rem;
    text-align: left;
    line-height: 5.714rem;
    letter-spacing: .5px
}

.h1-r-right {
    font-weight: 300;
    font-size: 3.857rem;
    text-align: right;
    line-height: 5.714rem;
    letter-spacing: .5px
}

.h2-b-center {
    font-weight: 700;
    font-size: 3.143rem;
    text-align: center;
    line-height: 4.571rem;
    letter-spacing: .5px
}

.h2-b-left {
    font-weight: 700;
    font-size: 3.143rem;
    text-align: left;
    line-height: 4.571rem;
    letter-spacing: .5px
}

.h2-b-right {
    font-weight: 700;
    font-size: 3.143rem;
    text-align: right;
    line-height: 4.571rem;
    letter-spacing: .5px
}

.h2-sm-center {
    font-weight: 600;
    font-size: 3.143rem;
    text-align: center;
    line-height: 4.571rem;
    letter-spacing: .5px
}

.h2-sm-left {
    font-weight: 600;
    font-size: 3.143rem;
    text-align: left;
    line-height: 4.571rem;
    letter-spacing: .5px
}

.h2-sm-right {
    font-weight: 600;
    font-size: 3.143rem;
    text-align: right;
    line-height: 4.571rem;
    letter-spacing: .5px
}

.h2-m-center {
    font-weight: 500;
    font-size: 3.143rem;
    text-align: center;
    line-height: 4.571rem;
    letter-spacing: .5px
}

.h2-m-left {
    font-weight: 500;
    font-size: 3.143rem;
    text-align: left;
    line-height: 4.571rem;
    letter-spacing: .5px
}

.h2-m-right {
    font-weight: 500;
    font-size: 3.143rem;
    text-align: right;
    line-height: 4.571rem;
    letter-spacing: .5px
}

.h2-r-center {
    font-weight: 300;
    font-size: 3.143rem;
    text-align: center;
    line-height: 4.571rem;
    letter-spacing: .5px
}

.h2-r-left {
    font-weight: 300;
    font-size: 3.143rem;
    text-align: left;
    line-height: 4.571rem;
    letter-spacing: .5px
}

.h2-r-right {
    font-weight: 300;
    font-size: 3.143rem;
    text-align: right;
    line-height: 4.571rem;
    letter-spacing: .5px
}

.h3-b-center {
    font-weight: 700;
    font-size: 2.143rem;
    text-align: center;
    line-height: 3.143rem;
    letter-spacing: .5px
}

.h3-b-left {
    font-weight: 700;
    font-size: 2.143rem;
    text-align: left;
    line-height: 3.143rem;
    letter-spacing: .5px
}

.h3-b-right {
    font-weight: 700;
    font-size: 2.143rem;
    text-align: right;
    line-height: 3.143rem;
    letter-spacing: .5px
}

.h3-sm-right {
    font-weight: 600;
    font-size: 2.143rem;
    text-align: right;
    line-height: 3.143rem;
    letter-spacing: .5px
}

.h3-sm-center {
    font-weight: 600;
    font-size: 2.143rem;
    text-align: center;
    line-height: 3.143rem;
    letter-spacing: .5px
}

.h3-sm-left {
    font-weight: 600;
    font-size: 2.143rem;
    text-align: left;
    line-height: 3.143rem;
    letter-spacing: .5px
}

.h3-m-left {
    font-weight: 500;
    font-size: 2.143rem;
    text-align: left;
    line-height: 3.143rem;
    letter-spacing: .5px
}

.h3-m-center {
    font-weight: 500;
    font-size: 2.143rem;
    text-align: center;
    line-height: 3.143rem;
    letter-spacing: .5px
}

.h3-m-right {
    font-weight: 500;
    font-size: 2.143rem;
    text-align: right;
    line-height: 3.143rem;
    letter-spacing: .5px
}

.h3-r-center {
    font-weight: 300;
    font-size: 2.143rem;
    text-align: center;
    line-height: 3.143rem;
    letter-spacing: .5px
}

.h3-r-left {
    font-weight: 300;
    font-size: 2.143rem;
    text-align: left;
    line-height: 3.143rem;
    letter-spacing: .5px
}

.h3-r-right {
    font-weight: 300;
    font-size: 2.143rem;
    text-align: right;
    line-height: 3.143rem;
    letter-spacing: .5px
}

.h4-b-center {
    font-weight: 700;
    font-size: 1.857rem;
    text-align: center;
    line-height: 2.857rem;
    letter-spacing: .5px
}

.h4-b-left {
    font-weight: 700;
    font-size: 1.857rem;
    text-align: left;
    line-height: 2.857rem;
    letter-spacing: .5px
}

.h4-b-right {
    font-weight: 700;
    font-size: 1.857rem;
    text-align: right;
    line-height: 2.857rem;
    letter-spacing: .5px
}

.h4-sm-center {
    font-weight: 600;
    font-size: 1.857rem;
    text-align: center;
    line-height: 2.857rem;
    letter-spacing: .5px
}

.h4-sm-left {
    font-weight: 600;
    font-size: 1.857rem;
    text-align: left;
    line-height: 2.857rem;
    letter-spacing: .5px
}

.h4-sm-right {
    font-weight: 600;
    font-size: 1.857rem;
    text-align: right;
    line-height: 2.857rem;
    letter-spacing: .5px
}

.h4-m-center {
    font-weight: 500;
    font-size: 1.857rem;
    text-align: center;
    line-height: 2.857rem;
    letter-spacing: .5px
}

.h4-m-left {
    font-weight: 500;
    font-size: 1.857rem;
    text-align: left;
    line-height: 2.857rem;
    letter-spacing: .5px
}

.h4-m-right {
    font-weight: 500;
    font-size: 1.857rem;
    text-align: right;
    line-height: 2.857rem;
    letter-spacing: .5px
}

.h4-r-center {
    font-weight: 300;
    font-size: 1.857rem;
    text-align: center;
    line-height: 2.857rem;
    letter-spacing: .5px
}

.h4-r-left {
    font-weight: 300;
    font-size: 1.857rem;
    text-align: left;
    line-height: 2.857rem;
    letter-spacing: .5px
}

.h4-r-right {
    font-weight: 300;
    font-size: 1.857rem;
    text-align: right;
    line-height: 2.857rem;
    letter-spacing: .5px
}

.h5-b-center {
    font-weight: 700;
    font-size: 1.286rem;
    text-align: center;
    line-height: 2.286rem;
    letter-spacing: .5px
}

.h5-b-left {
    font-weight: 700;
    font-size: 1.286rem;
    text-align: left;
    line-height: 2.286rem;
    letter-spacing: .5px
}

.h5-b-right {
    font-weight: 700;
    font-size: 1.286rem;
    text-align: right;
    line-height: 2.286rem;
    letter-spacing: .5px
}

.h5-sm-center {
    font-weight: 600;
    font-size: 1.286rem;
    text-align: center;
    line-height: 2.286rem;
    letter-spacing: .5px
}

.h5-sm-left {
    font-weight: 600;
    font-size: 1.286rem;
    text-align: left;
    line-height: 2.286rem;
    letter-spacing: .5px
}

.h5-sm-right {
    font-weight: 600;
    font-size: 1.286rem;
    text-align: right;
    line-height: 2.286rem;
    letter-spacing: .5px
}

.h5-m-center {
    font-weight: 500;
    font-size: 1.286rem;
    text-align: center;
    line-height: 2.286rem;
    letter-spacing: .5px
}

.h5-m-left {
    font-weight: 500;
    font-size: 1.286rem;
    text-align: left;
    line-height: 2.286rem;
    letter-spacing: .5px
}

.h5-m-right {
    font-weight: 500;
    font-size: 1.286rem;
    text-align: right;
    line-height: 2.286rem;
    letter-spacing: .5px
}

.h5-r-center {
    font-weight: 300;
    font-size: 1.286rem;
    text-align: center;
    line-height: 2.286rem;
    letter-spacing: .5px
}

.h5-r-left {
    font-weight: 300;
    font-size: 1.286rem;
    text-align: left;
    line-height: 2.286rem;
    letter-spacing: .5px
}

.h5-r-right {
    font-weight: 300;
    font-size: 1.286rem;
    text-align: right;
    line-height: 2.286rem;
    letter-spacing: .5px
}

.s1-b-center {
    font-weight: 700;
    font-size: 1.143rem;
    text-align: center;
    line-height: 1.714rem;
    letter-spacing: 0
}

.s1-b-left {
    font-weight: 700;
    font-size: 1.143rem;
    text-align: left;
    line-height: 1.714rem;
    letter-spacing: 0
}

.s1-b-right {
    font-weight: 700;
    font-size: 1.143rem;
    text-align: right;
    line-height: 1.714rem;
    letter-spacing: 0
}

.s1-sm-center {
    font-weight: 600;
    font-size: 1.143rem;
    text-align: center;
    line-height: 1.714rem;
    letter-spacing: 0
}

.s1-sm-left {
    font-weight: 600;
    font-size: 1.143rem;
    text-align: left;
    line-height: 1.714rem;
    letter-spacing: 0
}

.s1-sm-right {
    font-weight: 600;
    font-size: 1.143rem;
    text-align: right;
    line-height: 1.714rem;
    letter-spacing: 0
}

.s1-m-center {
    font-weight: 500;
    font-size: 1.143rem;
    text-align: center;
    line-height: 1.714rem;
    letter-spacing: 0
}

.s1-m-left {
    font-weight: 500;
    font-size: 1.143rem;
    text-align: left;
    line-height: 1.714rem;
    letter-spacing: 0
}

.s1-m-right {
    font-weight: 500;
    font-size: 1.143rem;
    text-align: right;
    line-height: 1.714rem;
    letter-spacing: 0
}

.s1-r-center {
    font-weight: 300;
    font-size: 1.143rem;
    text-align: center;
    line-height: 1.714rem;
    letter-spacing: 0
}

.s1-r-left {
    font-weight: 300;
    font-size: 1.143rem;
    text-align: left;
    line-height: 1.714rem;
    letter-spacing: 0
}

.s1-r-right {
    font-weight: 300;
    font-size: 1.143rem;
    text-align: right;
    line-height: 1.714rem;
    letter-spacing: 0
}

.b1-b-center {
    font-weight: 700;
    font-size: 1.143rem;
    text-align: center;
    line-height: 1.714rem;
    letter-spacing: 0
}

.b1-b-left {
    font-weight: 700;
    font-size: 1.143rem;
    text-align: left;
    line-height: 1.714rem;
    letter-spacing: 0
}

.b1-b-right {
    font-weight: 700;
    font-size: 1.143rem;
    text-align: right;
    line-height: 1.714rem;
    letter-spacing: 0
}

.b1-sm-center {
    font-weight: 600;
    font-size: 1.143rem;
    text-align: center;
    line-height: 1.714rem;
    letter-spacing: 0
}

.b1-sm-left {
    font-weight: 600;
    font-size: 1.143rem;
    text-align: left;
    line-height: 1.714rem;
    letter-spacing: 0
}

.b1-sm-right {
    font-weight: 600;
    font-size: 1.143rem;
    text-align: right;
    line-height: 1.714rem;
    letter-spacing: 0
}

.b1-m-center {
    font-weight: 500;
    font-size: 1.143rem;
    text-align: center;
    line-height: 1.714rem;
    letter-spacing: 0
}

.b1-m-left {
    font-weight: 500;
    font-size: 1.143rem;
    text-align: left;
    line-height: 1.714rem;
    letter-spacing: 0
}

.b1-m-right {
    font-weight: 500;
    font-size: 1.143rem;
    text-align: right;
    line-height: 1.714rem;
    letter-spacing: 0
}

.b1-r-center {
    font-weight: 300;
    font-size: 1.143rem;
    text-align: center;
    line-height: 1.714rem;
    letter-spacing: 0
}

.b1-r-left {
    font-weight: 300;
    font-size: 1.143rem;
    text-align: left;
    line-height: 1.714rem;
    letter-spacing: 0
}

.b1-r-right {
    font-weight: 300;
    font-size: 1.143rem;
    text-align: right;
    line-height: 1.714rem;
    letter-spacing: 0
}

.s2-b-center {
    font-weight: 700;
    font-size: 1rem;
    text-align: center;
    line-height: 2.286rem;
    letter-spacing: 0
}

.s2-b-left {
    font-weight: 700;
    font-size: 1rem;
    text-align: left;
    line-height: 2.286rem;
    letter-spacing: 0
}

.s2-b-right {
    font-weight: 700;
    font-size: 1rem;
    text-align: right;
    line-height: 2.286rem;
    letter-spacing: 0
}

.s2-sm-center {
    font-weight: 600;
    font-size: 1rem;
    text-align: center;
    line-height: 2.286rem;
    letter-spacing: 0
}

.s2-sm-left {
    font-weight: 600;
    font-size: 1rem;
    text-align: left;
    line-height: 2.286rem;
    letter-spacing: 0
}

.s2-sm-right {
    font-weight: 600;
    font-size: 1rem;
    text-align: right;
    line-height: 2.286rem;
    letter-spacing: 0
}

.s2-m-center {
    font-weight: 500;
    font-size: 1rem;
    text-align: center;
    line-height: 2.286rem;
    letter-spacing: 0
}

.s2-m-left {
    font-weight: 500;
    font-size: 1rem;
    text-align: left;
    line-height: 2.286rem;
    letter-spacing: 0
}

.s2-m-right {
    font-weight: 500;
    font-size: 1rem;
    text-align: right;
    line-height: 2.286rem;
    letter-spacing: 0
}

.s2-r-center {
    font-weight: 300;
    font-size: 1rem;
    text-align: center;
    line-height: 2.286rem;
    letter-spacing: 0
}

.s2-r-left {
    font-weight: 300;
    font-size: 1rem;
    text-align: left;
    line-height: 2.286rem;
    letter-spacing: 0
}

.s2-r-right {
    font-weight: 300;
    font-size: 1rem;
    text-align: right;
    line-height: 2.286rem;
    letter-spacing: 0
}

.b2-b-center {
    font-weight: 700;
    font-size: 1rem;
    text-align: center;
    line-height: 1.571rem;
    letter-spacing: 0
}

.b2-b-left {
    font-weight: 700;
    font-size: 1rem;
    text-align: left;
    line-height: 1.571rem;
    letter-spacing: 0
}

.b2-b-right {
    font-weight: 700;
    font-size: 1rem;
    text-align: right;
    line-height: 1.571rem;
    letter-spacing: 0
}

.b2-sm-center {
    font-weight: 600;
    font-size: 1rem;
    text-align: center;
    line-height: 1.571rem;
    letter-spacing: 0
}

.b2-sm-left {
    font-weight: 600;
    font-size: 1rem;
    text-align: left;
    line-height: 1.571rem;
    letter-spacing: 0
}

.b2-sm-right {
    font-weight: 600;
    font-size: 1rem;
    text-align: right;
    line-height: 1.571rem;
    letter-spacing: 0
}

.b2-m-center {
    font-weight: 500;
    font-size: 1rem;
    text-align: center;
    line-height: 1.571rem;
    letter-spacing: 0
}

.b2-m-left {
    font-weight: 500;
    font-size: 1rem;
    text-align: left;
    line-height: 1.571rem;
    letter-spacing: 0
}

.b2-m-right {
    font-weight: 500;
    font-size: 1rem;
    text-align: right;
    line-height: 1.571rem;
    letter-spacing: 0
}

.b2-r-center {
    font-weight: 300;
    font-size: 1rem;
    text-align: center;
    line-height: 1.571rem;
    letter-spacing: 0
}

.b2-r-left {
    font-weight: 300;
    font-size: 1rem;
    text-align: left;
    line-height: 1.571rem;
    letter-spacing: 0
}

.b2-r-right {
    font-weight: 300;
    font-size: 1rem;
    text-align: right;
    line-height: 1.571rem;
    letter-spacing: 0
}

.button-b-center {
    font-weight: 700;
    font-size: .857rem;
    text-align: center;
    line-height: 1rem;
    letter-spacing: 0
}

.button-b-left {
    font-weight: 700;
    font-size: .857rem;
    text-align: left;
    line-height: 1rem;
    letter-spacing: 0
}

.button-b-right {
    font-weight: 700;
    font-size: .857rem;
    text-align: right;
    line-height: 1rem;
    letter-spacing: 0
}

.button-sm-center {
    font-weight: 600;
    font-size: .857rem;
    text-align: center;
    line-height: 1rem;
    letter-spacing: 0
}

.button-sm-left {
    font-weight: 600;
    font-size: .857rem;
    text-align: left;
    line-height: 1rem;
    letter-spacing: 0
}

.button-sm-right {
    font-weight: 600;
    font-size: .857rem;
    text-align: right;
    line-height: 1rem;
    letter-spacing: 0
}

.button-m-center {
    font-weight: 500;
    font-size: .857rem;
    text-align: center;
    line-height: 1rem;
    letter-spacing: 0
}

.button-m-left {
    font-weight: 500;
    font-size: .857rem;
    text-align: left;
    line-height: 1rem;
    letter-spacing: 0
}

.button-m-right {
    font-weight: 500;
    font-size: .857rem;
    text-align: right;
    line-height: 1rem;
    letter-spacing: 0
}

.button-r-center {
    font-weight: 300;
    font-size: .857rem;
    text-align: center;
    line-height: 1rem;
    letter-spacing: 0
}

.button-r-left {
    font-weight: 300;
    font-size: .857rem;
    text-align: left;
    line-height: 1rem;
    letter-spacing: 0
}

.button-r-right {
    font-weight: 300;
    font-size: .857rem;
    text-align: right;
    line-height: 1rem;
    letter-spacing: 0
}

.s3-b-center {
    font-weight: 700;
    font-size: .857rem;
    text-align: center;
    line-height: 1.714rem;
    letter-spacing: 0
}

.s3-b-left {
    font-weight: 700;
    font-size: .857rem;
    text-align: left;
    line-height: 1.714rem;
    letter-spacing: 0
}

.s3-b-right {
    font-weight: 700;
    font-size: .857rem;
    text-align: right;
    line-height: 1.714rem;
    letter-spacing: 0
}

.s3-sm-center {
    font-weight: 600;
    font-size: .857rem;
    text-align: center;
    line-height: 1.714rem;
    letter-spacing: 0
}

.s3-sm-left {
    font-weight: 600;
    font-size: .857rem;
    text-align: left;
    line-height: 1.714rem;
    letter-spacing: 0
}

.s3-sm-right {
    font-weight: 600;
    font-size: .857rem;
    text-align: right;
    line-height: 1.714rem;
    letter-spacing: 0
}

.s3-m-center {
    font-weight: 500;
    font-size: .857rem;
    text-align: center;
    line-height: 1.714rem;
    letter-spacing: 0
}

.s3-m-left {
    font-weight: 500;
    font-size: .857rem;
    text-align: left;
    line-height: 1.714rem;
    letter-spacing: 0
}

.s3-m-right {
    font-weight: 500;
    font-size: .857rem;
    text-align: right;
    line-height: 1.714rem;
    letter-spacing: 0
}

.s3-r-center {
    font-weight: 300;
    font-size: .857rem;
    text-align: center;
    line-height: 1.714rem;
    letter-spacing: 0
}

.s3-r-left {
    font-weight: 300;
    font-size: .857rem;
    text-align: left;
    line-height: 1.714rem;
    letter-spacing: 0
}

.s3-r-right {
    font-weight: 300;
    font-size: .857rem;
    text-align: right;
    line-height: 1.714rem;
    letter-spacing: 0
}

.c-b-center {
    font-weight: 700;
    font-size: .857rem;
    text-align: center;
    line-height: 1.143rem;
    letter-spacing: 0
}

.c-b-left {
    font-weight: 700;
    font-size: .857rem;
    text-align: left;
    line-height: 1.143rem;
    letter-spacing: 0
}

.c-b-right {
    font-weight: 700;
    font-size: .857rem;
    text-align: right;
    line-height: 1.143rem;
    letter-spacing: 0
}

.c-sm-center {
    font-weight: 600;
    font-size: .857rem;
    text-align: center;
    line-height: 1.143rem;
    letter-spacing: 0
}

.c-sm-left {
    font-weight: 600;
    font-size: .857rem;
    text-align: left;
    line-height: 1.143rem;
    letter-spacing: 0
}

.c-sm-right {
    font-weight: 600;
    font-size: .857rem;
    text-align: right;
    line-height: 1.143rem;
    letter-spacing: 0
}

.c-m-center {
    font-weight: 500;
    font-size: .857rem;
    text-align: center;
    line-height: 1.143rem;
    letter-spacing: 0
}

.c-m-left {
    font-weight: 500;
    font-size: .857rem;
    text-align: left;
    line-height: 1.143rem;
    letter-spacing: 0
}

.c-m-right {
    font-weight: 500;
    font-size: .857rem;
    text-align: right;
    line-height: 1.143rem;
    letter-spacing: 0
}

.c-r-center {
    font-weight: 300;
    font-size: .857rem;
    text-align: center;
    line-height: 1.143rem;
    letter-spacing: 0
}

.c-r-left {
    font-weight: 300;
    font-size: .857rem;
    text-align: left;
    line-height: 1.143rem;
    letter-spacing: 0
}

.c-r-right {
    font-weight: 300;
    font-size: .857rem;
    text-align: right;
    line-height: 1.143rem;
    letter-spacing: 0
}

.o-b-center {
    font-weight: 700;
    font-size: .857rem;
    text-align: center;
    line-height: 1.714rem;
    letter-spacing: .5px
}

.o-b-left {
    font-weight: 700;
    font-size: .857rem;
    text-align: left;
    line-height: 1.714rem;
    letter-spacing: .5px
}

.o-b-right {
    font-weight: 700;
    font-size: .857rem;
    text-align: right;
    line-height: 1.714rem;
    letter-spacing: .5px
}

.o-sm-center {
    font-weight: 600;
    font-size: .857rem;
    text-align: center;
    line-height: 1.714rem;
    letter-spacing: .5px
}

.o-sm-left {
    font-weight: 600;
    font-size: .857rem;
    text-align: left;
    line-height: 1.714rem;
    letter-spacing: .5px
}

.o-sm-right {
    font-weight: 600;
    font-size: .857rem;
    text-align: right;
    line-height: 1.714rem;
    letter-spacing: .5px
}

.o-m-center {
    font-weight: 500;
    font-size: .857rem;
    text-align: center;
    line-height: 1.714rem;
    letter-spacing: .5px
}

.o-m-left {
    font-weight: 500;
    font-size: .857rem;
    text-align: left;
    line-height: 1.714rem;
    letter-spacing: .5px
}

.o-m-right {
    font-weight: 500;
    font-size: .857rem;
    text-align: right;
    line-height: 1.714rem;
    letter-spacing: .5px
}

.o-r-center {
    font-weight: 300;
    font-size: .857rem;
    text-align: center;
    line-height: 1.714rem;
    letter-spacing: .5px
}

.o-r-left {
    font-weight: 300;
    font-size: .857rem;
    text-align: left;
    line-height: 1.714rem;
    letter-spacing: .5px
}

.o-r-right {
    font-weight: 300;
    font-size: .857rem;
    text-align: right;
    line-height: 1.714rem;
    letter-spacing: .5px
}

.c2-b-center {
    font-weight: 700;
    font-size: .714rem;
    text-align: center;
    line-height: 1.714rem;
    letter-spacing: 0
}

.c2-b-left {
    font-weight: 700;
    font-size: .714rem;
    text-align: left;
    line-height: 1.714rem;
    letter-spacing: 0
}

.c2-b-right {
    font-weight: 700;
    font-size: .714rem;
    text-align: right;
    line-height: 1.714rem;
    letter-spacing: 0
}

.c2-sm-center {
    font-weight: 600;
    font-size: .714rem;
    text-align: center;
    line-height: 1.714rem;
    letter-spacing: 0
}

.c2-sm-left {
    font-weight: 600;
    font-size: .714rem;
    text-align: left;
    line-height: 1.714rem;
    letter-spacing: 0
}

.c2-sm-right {
    font-weight: 600;
    font-size: .714rem;
    text-align: right;
    line-height: 1.714rem;
    letter-spacing: 0
}

.c2-m-center {
    font-weight: 500;
    font-size: .714rem;
    text-align: center;
    line-height: 1.714rem;
    letter-spacing: 0
}

.c2-m-left {
    font-weight: 500;
    font-size: .714rem;
    text-align: left;
    line-height: 1.714rem;
    letter-spacing: 0
}

.c2-m-right {
    font-weight: 500;
    font-size: .714rem;
    text-align: right;
    line-height: 1.714rem;
    letter-spacing: 0
}

.c2-r-center {
    font-weight: 300;
    font-size: .714rem;
    text-align: center;
    line-height: 1.714rem;
    letter-spacing: 0
}

.c2-r-left {
    font-weight: 300;
    font-size: .714rem;
    text-align: left;
    line-height: 1.714rem;
    letter-spacing: 0
}

.c2-r-right {
    font-weight: 300;
    font-size: .714rem;
    text-align: right;
    line-height: 1.714rem;
    letter-spacing: 0
}

.he-regular-center {
    font-weight: 400;
    font-size: 64px;
    line-height: 96px;
    letter-spacing: -.02em;
    text-align: center
}

.he-regular-left {
    font-weight: 400;
    font-size: 64px;
    line-height: 96px;
    letter-spacing: -.02em;
    text-align: left
}

.he-regular-right {
    font-weight: 400;
    font-size: 64px;
    line-height: 96px;
    letter-spacing: -.02em;
    text-align: right
}

.he-medium-center {
    font-weight: 500;
    font-size: 64px;
    line-height: 96px;
    letter-spacing: -.02em;
    text-align: center
}

.he-medium-left {
    font-weight: 500;
    font-size: 64px;
    line-height: 96px;
    letter-spacing: -.02em;
    text-align: left
}

.he-medium-right {
    font-weight: 500;
    font-size: 64px;
    line-height: 96px;
    letter-spacing: -.02em;
    text-align: right
}

.he-semibold-center {
    font-weight: 600;
    font-size: 64px;
    line-height: 96px;
    letter-spacing: -.02em;
    text-align: center
}

.he-semibold-left {
    font-weight: 600;
    font-size: 64px;
    line-height: 96px;
    letter-spacing: -.02em;
    text-align: left
}

.he-semibold-right {
    font-weight: 600;
    font-size: 64px;
    line-height: 96px;
    letter-spacing: -.02em;
    text-align: right
}

.he-bold-center {
    font-weight: 700;
    font-size: 64px;
    line-height: 96px;
    letter-spacing: -.02em;
    text-align: center
}

.he-bold-left {
    font-weight: 700;
    font-size: 64px;
    line-height: 96px;
    letter-spacing: -.02em;
    text-align: left
}

.he-bold-right {
    font-weight: 700;
    font-size: 64px;
    line-height: 96px;
    letter-spacing: -.02em;
    text-align: right
}

.h1-regular-center {
    font-weight: 400;
    font-size: 44px;
    line-height: 64px;
    letter-spacing: .02em;
    text-align: center
}

.h1-regular-left {
    font-weight: 400;
    font-size: 44px;
    line-height: 64px;
    letter-spacing: .02em;
    text-align: left
}

.h1-regular-right {
    font-weight: 400;
    font-size: 44px;
    line-height: 64px;
    letter-spacing: .02em;
    text-align: right
}

.h1-medium-center {
    font-weight: 500;
    font-size: 44px;
    line-height: 64px;
    letter-spacing: .02em;
    text-align: center
}

.h1-medium-left {
    font-weight: 500;
    font-size: 44px;
    line-height: 64px;
    letter-spacing: .02em;
    text-align: left
}

.h1-medium-right {
    font-weight: 500;
    font-size: 44px;
    line-height: 64px;
    letter-spacing: .02em;
    text-align: right
}

.h1-semibold-center {
    font-weight: 600;
    font-size: 44px;
    line-height: 64px;
    letter-spacing: .02em;
    text-align: center
}

.h1-semibold-left {
    font-weight: 600;
    font-size: 44px;
    line-height: 64px;
    letter-spacing: .02em;
    text-align: left
}

.h1-semibold-right {
    font-weight: 600;
    font-size: 44px;
    line-height: 64px;
    letter-spacing: .02em;
    text-align: right
}

.h1-bold-center {
    font-weight: 700;
    font-size: 44px;
    line-height: 64px;
    letter-spacing: .02em;
    text-align: center
}

.h1-bold-left {
    font-weight: 700;
    font-size: 44px;
    line-height: 64px;
    letter-spacing: .02em;
    text-align: left
}

.h1-bold-right {
    font-weight: 700;
    font-size: 44px;
    line-height: 64px;
    letter-spacing: .02em;
    text-align: right
}

.h2-regular-center {
    font-weight: 400;
    font-size: 40px;
    line-height: 56px;
    text-align: center
}

.h2-regular-left {
    font-weight: 400;
    font-size: 40px;
    line-height: 56px;
    text-align: left
}

.h2-regular-right {
    font-weight: 400;
    font-size: 40px;
    line-height: 56px;
    text-align: right
}

.h2-medium-center {
    font-weight: 500;
    font-size: 40px;
    line-height: 56px;
    text-align: center
}

.h2-medium-left {
    font-weight: 500;
    font-size: 40px;
    line-height: 56px;
    text-align: left
}

.h2-medium-right {
    font-weight: 500;
    font-size: 40px;
    line-height: 56px;
    text-align: right
}

.h2-semibold-center {
    font-weight: 600;
    font-size: 40px;
    line-height: 56px;
    text-align: center
}

.h2-semibold-left {
    font-weight: 600;
    font-size: 40px;
    line-height: 56px;
    text-align: left
}

.h2-semibold-right {
    font-weight: 600;
    font-size: 40px;
    line-height: 56px;
    text-align: right
}

.h2-bold-center {
    font-weight: 700;
    font-size: 40px;
    line-height: 56px;
    text-align: center
}

.h2-bold-left {
    font-weight: 700;
    font-size: 40px;
    line-height: 56px;
    text-align: left
}

.h2-bold-right {
    font-weight: 700;
    font-size: 40px;
    line-height: 56px;
    text-align: right
}

.h3-regular-center {
    font-weight: 400;
    font-size: 33px;
    line-height: 48px;
    text-align: center
}

.h3-regular-left {
    font-weight: 400;
    font-size: 33px;
    line-height: 48px;
    text-align: left
}

.h3-regular-right {
    font-weight: 400;
    font-size: 33px;
    line-height: 48px;
    text-align: right
}

.h3-medium-center {
    font-weight: 500;
    font-size: 33px;
    line-height: 48px;
    text-align: center
}

.h3-medium-left {
    font-weight: 500;
    font-size: 33px;
    line-height: 48px;
    text-align: left
}

.h3-medium-right {
    font-weight: 500;
    font-size: 33px;
    line-height: 48px;
    text-align: right
}

.h3-semibold-center {
    font-weight: 600;
    font-size: 33px;
    line-height: 48px;
    text-align: center
}

.h3-semibold-left {
    font-weight: 600;
    font-size: 33px;
    line-height: 48px;
    text-align: left
}

.h3-semibold-right {
    font-weight: 600;
    font-size: 33px;
    line-height: 48px;
    text-align: right
}

.h3-bold-center {
    font-weight: 700;
    font-size: 33px;
    line-height: 48px;
    text-align: center
}

.h3-bold-left {
    font-weight: 700;
    font-size: 33px;
    line-height: 48px;
    text-align: left
}

.h3-bold-right {
    font-weight: 700;
    font-size: 33px;
    line-height: 48px;
    text-align: right
}

.h4-regular-center {
    font-weight: 400;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: .02em;
    text-align: center
}

.h4-regular-left {
    font-weight: 400;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: .02em;
    text-align: left
}

.h4-regular-right {
    font-weight: 400;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: .02em;
    text-align: right
}

.h4-medium-center {
    font-weight: 500;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: .02em;
    text-align: center
}

.h4-medium-left {
    font-weight: 500;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: .02em;
    text-align: left
}

.h4-medium-right {
    font-weight: 500;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: .02em;
    text-align: right
}

.h4-semibold-center {
    font-weight: 600;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: .02em;
    text-align: center
}

.h4-semibold-left {
    font-weight: 600;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: .02em;
    text-align: left
}

.h4-semibold-right {
    font-weight: 600;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: .02em;
    text-align: right
}

.h4-bold-center {
    font-weight: 700;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: .02em;
    text-align: center
}

.h4-bold-left {
    font-weight: 700;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: .02em;
    text-align: left
}

.h4-bold-right {
    font-weight: 700;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: .02em;
    text-align: right
}

.h5-regular-center {
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: .05em;
    text-align: center
}

.h5-regular-left {
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: .05em;
    text-align: left
}

.h5-regular-right {
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: .05em;
    text-align: right
}

.h5-medium-center {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: .05em;
    text-align: center
}

.h5-medium-left {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: .05em;
    text-align: left
}

.h5-medium-right {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: .05em;
    text-align: right
}

.h5-semibold-center {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: .05em;
    text-align: center
}

.h5-semibold-left {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: .05em;
    text-align: left
}

.h5-semibold-right {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: .05em;
    text-align: right
}

.h5-bold-center {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: .05em;
    text-align: center
}

.h5-bold-left {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: .05em;
    text-align: left
}

.h5-bold-right {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: .05em;
    text-align: right
}

.s1-regular-center {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .03em;
    text-align: center
}

.s1-regular-left {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .03em;
    text-align: left
}

.s1-regular-right {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .03em;
    text-align: right
}

.s1-medium-center {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .03em;
    text-align: center
}

.s1-medium-left {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .03em;
    text-align: left
}

.s1-medium-right {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .03em;
    text-align: right
}

.s1-semibold-center {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .03em;
    text-align: center
}

.s1-semibold-left {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .03em;
    text-align: left
}

.s1-semibold-right {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .03em;
    text-align: right
}

.s1-bold-center {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .03em;
    text-align: center
}

.s1-bold-left {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .03em;
    text-align: left
}

.s1-bold-right {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .03em;
    text-align: right
}

.s2-regular-center {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .03em;
    text-align: center
}

.s2-regular-left {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .03em;
    text-align: left
}

.s2-regular-right {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .03em;
    text-align: right
}

.s2-medium-center {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .03em;
    text-align: center
}

.s2-medium-left {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .03em;
    text-align: left
}

.s2-medium-right {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .03em;
    text-align: right
}

.s2-semibold-center {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .03em;
    text-align: center
}

.s2-semibold-left {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .03em;
    text-align: left
}

.s2-semibold-right {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .03em;
    text-align: right
}

.s2-bold-center {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .03em;
    text-align: center
}

.s2-bold-left {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .03em;
    text-align: left
}

.s2-bold-right {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .03em;
    text-align: right
}

.b1-regular-center {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .03em;
    text-align: center
}

.b1-regular-left {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .03em;
    text-align: left
}

.b1-regular-right {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .03em;
    text-align: right
}

.b1-medium-center {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .03em;
    text-align: center
}

.b1-medium-left {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .03em;
    text-align: left
}

.b1-medium-right {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .03em;
    text-align: right
}

.b1-semibold-center {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .03em;
    text-align: center
}

.b1-semibold-left {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .03em;
    text-align: left
}

.b1-semibold-right {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .03em;
    text-align: right
}

.b1-semibold-center {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .03em;
    text-align: center
}

.b1-semibold-left {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .03em;
    text-align: left
}

.b1-semibold-right {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .03em;
    text-align: right
}

.b2-regular-center {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .05em;
    text-align: center
}

.b2-regular-left {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .05em;
    text-align: left
}

.b2-regular-right {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .05em;
    text-align: right
}

.b2-medium-center {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .05em;
    text-align: center
}

.b2-medium-left {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .05em;
    text-align: left
}

.b2-medium-right {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .05em;
    text-align: right
}

.b2-semibold-center {
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .05em;
    text-align: center
}

.b2-semibold-left {
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .05em;
    text-align: left
}

.b2-semibold-right {
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .05em;
    text-align: right
}

.b2-bold-center {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .05em;
    text-align: center
}

.b2-bold-left {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .05em;
    text-align: left
}

.b2-bold-right {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .05em;
    text-align: right
}

.st-regular-center {
    font-weight: 400;
    font-size: 12px;
    line-height: 21px;
    letter-spacing: .07em;
    text-align: center
}

.st-regular-left {
    font-weight: 400;
    font-size: 12px;
    line-height: 21px;
    letter-spacing: .07em;
    text-align: left
}

.st-regular-right {
    font-weight: 400;
    font-size: 12px;
    line-height: 21px;
    letter-spacing: .07em;
    text-align: right
}

.st-medium-center {
    font-weight: 500;
    font-size: 12px;
    line-height: 21px;
    letter-spacing: .07em;
    text-align: center
}

.st-medium-left {
    font-weight: 500;
    font-size: 12px;
    line-height: 21px;
    letter-spacing: .07em;
    text-align: left
}

.st-medium-right {
    font-weight: 500;
    font-size: 12px;
    line-height: 21px;
    letter-spacing: .07em;
    text-align: right
}

.st-semibold-center {
    font-weight: 600;
    font-size: 12px;
    line-height: 21px;
    letter-spacing: .07em;
    text-align: center
}

.st-semibold-left {
    font-weight: 600;
    font-size: 12px;
    line-height: 21px;
    letter-spacing: .07em;
    text-align: left
}

.st-semibold-right {
    font-weight: 600;
    font-size: 12px;
    line-height: 21px;
    letter-spacing: .07em;
    text-align: right
}

.st-bold-center {
    font-weight: 700;
    font-size: 12px;
    line-height: 21px;
    letter-spacing: .07em;
    text-align: center
}

.st-bold-left {
    font-weight: 700;
    font-size: 12px;
    line-height: 21px;
    letter-spacing: .07em;
    text-align: left
}

.st-bold-right {
    font-weight: 700;
    font-size: 12px;
    line-height: 21px;
    letter-spacing: .07em;
    text-align: right
}

.c-regular-center {
    font-weight: 400;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: .07em;
    text-align: center
}

.c-regular-left {
    font-weight: 400;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: .07em;
    text-align: left
}

.c-regular-right {
    font-weight: 400;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: .07em;
    text-align: right
}

.c-medium-center {
    font-weight: 500;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: .07em;
    text-align: center
}

.c-medium-left {
    font-weight: 500;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: .07em;
    text-align: left
}

.c-medium-right {
    font-weight: 500;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: .07em;
    text-align: right
}

.c-semibold-center {
    font-weight: 600;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: .07em;
    text-align: center
}

.c-semibold-left {
    font-weight: 600;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: .07em;
    text-align: left
}

.c-semibold-right {
    font-weight: 600;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: .07em;
    text-align: right
}

.c-bold-center {
    font-weight: 700;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: .07em;
    text-align: center
}

.c-bold-left {
    font-weight: 700;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: .07em;
    text-align: left
}

.c-bold-right {
    font-weight: 700;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: .07em;
    text-align: right
}

.o-regular-center {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: .1em;
    text-align: center
}

.o-regular-left {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: .1em;
    text-align: left
}

.o-regular-right {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: .1em;
    text-align: right
}

.o-medium-center {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: .1em;
    text-align: center
}

.o-medium-left {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: .1em;
    text-align: left
}

.o-medium-right {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: .1em;
    text-align: right
}

.o-semibold-center {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: .1em;
    text-align: center
}

.o-semibold-left {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: .1em;
    text-align: left
}

.o-semibold-right {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: .1em;
    text-align: right
}

.o-bold-center {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: .1em;
    text-align: center
}

.o-bold-left {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: .1em;
    text-align: left
}

.o-bold-right {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: .1em;
    text-align: right
}

.h1-default,
.h1-bold,
.h1-semibold,
.h1-medium,
.h1-regular {
    font-size: 2rem;
    letter-spacing: 0em;
    min-height: 3rem;
    line-height: 3rem
}

.h2-default,
.h2-bold,
.h2-semibold,
.h2-medium,
.h2-regular {
    font-size: 1.75rem;
    letter-spacing: .02em;
    min-height: 2.5rem;
    line-height: 2.5rem
}

.h3-default,
.h3-bold,
.h3-semibold,
.h3-medium,
.h3-regular {
    font-size: 1.5rem;
    letter-spacing: .05em;
    min-height: 2rem;
    line-height: 2rem
}

.h4-default,
.h4-bold,
.h4-semibold,
.h4-medium,
.h4-regular {
    font-size: 1.375rem;
    letter-spacing: .05em;
    min-height: 1.5rem;
    line-height: 1.5rem
}

.h5-default,
.h5-bold,
.h5-semibold,
.h5-medium,
.h5-regular {
    font-size: 1.25rem;
    letter-spacing: .05em;
    min-height: 1.5rem;
    line-height: 1.5rem
}

.subtitle1-default,
.subtitle1-bold,
.subtitle1-semibold,
.subtitle1-medium,
.subtitle1-regular {
    font-size: 1.125rem;
    letter-spacing: .03em;
    min-height: 1.5rem;
    line-height: 1.5rem
}

.subtitle2-default,
.subtitle2-bold,
.subtitle2-semibold,
.subtitle2-medium,
.subtitle2-regular {
    font-size: 1rem;
    letter-spacing: .03em;
    min-height: 1.5rem;
    line-height: 1.5rem
}

.body1-default,
.body1-bold,
.body1-semibold,
.body1-medium,
.body1-regular {
    font-size: .95rem;
    letter-spacing: .03em;
    min-height: 1.5rem;
    line-height: 1.5rem
}

.body2-default,
.body2-bold,
.body2-semibold,
.body2-medium,
.body2-regular {
    font-size: .875rem;
    letter-spacing: .05em;
    min-height: 1.25rem;
    line-height: 1.25rem
}

.smalltext-default,
.smalltext-bold,
.smalltext-semibold,
.smalltext-medium,
.smalltext-regular {
    font-size: .75rem;
    letter-spacing: .07em;
    min-height: 1rem;
    line-height: 1rem
}

.caption-default,
.caption-bold,
.caption-semibold,
.caption-medium,
.caption-regular {
    font-size: .7375rem;
    letter-spacing: .07em;
    min-height: 1rem;
    line-height: 1rem
}

.overline-default,
.overline-bold,
.overline-semibold,
.overline-medium,
.overline-regular {
    font-size: .675rem;
    letter-spacing: .1em;
    min-height: 1rem;
    line-height: 1rem
}

.h1-regular {
    font-weight: 400
}

.h1-medium {
    font-weight: 500
}

.h1-semibold {
    font-weight: 600
}

.h1-bold {
    font-weight: 700
}

.h2-regular {
    font-weight: 400
}

.h2-medium {
    font-weight: 500
}

.h2-semibold {
    font-weight: 600
}

.h2-bold {
    font-weight: 700
}

.h3-regular {
    font-weight: 400
}

.h3-medium {
    font-weight: 500
}

.h3-semibold {
    font-weight: 600
}

.h3-bold {
    font-weight: 700
}

.h4-regular {
    font-weight: 400
}

.h4-medium {
    font-weight: 500
}

.h4-semibold {
    font-weight: 600
}

.h4-bold {
    font-weight: 700
}

.h5-regular {
    font-weight: 400
}

.h5-medium {
    font-weight: 500
}

.h5-semibold {
    font-weight: 600
}

.h5-bold {
    font-weight: 700
}

.subtitle1-regular {
    font-weight: 400
}

.subtitle1-medium {
    font-weight: 500
}

.subtitle1-semibold {
    font-weight: 600
}

.subtitle1-bold {
    font-weight: 700
}

.subtitle2-regular {
    font-weight: 400
}

.subtitle2-medium {
    font-weight: 500
}

.subtitle2-semibold {
    font-weight: 600
}

.subtitle2-bold {
    font-weight: 700
}

.body1-regular {
    font-weight: 400
}

.body1-medium {
    font-weight: 500
}

.body1-semibold {
    font-weight: 600
}

.body1-bold {
    font-weight: 700
}

.body2-regular {
    font-weight: 400
}

.body2-medium {
    font-weight: 500
}

.body2-semibold {
    font-weight: 600
}

.body2-bold {
    font-weight: 700
}

.smalltext-regular {
    font-weight: 400
}

.smalltext-medium {
    font-weight: 500
}

.smalltext-semibold {
    font-weight: 600
}

.smalltext-bold {
    font-weight: 700
}

.caption-regular {
    font-weight: 400
}

.caption-medium {
    font-weight: 500
}

.caption-semibold {
    font-weight: 600
}

.caption-bold {
    font-weight: 700
}

.overline-regular {
    font-weight: 400
}

.overline-medium {
    font-weight: 500
}

.overline-semibold {
    font-weight: 600
}

.overline-bold {
    font-weight: 700
}

body {
    font-family: Poppins, serif;
    -webkit-font-smoothing: antialiased;
    background: #f3f6fe;
    background: var(--vds-n-lighter-100);
    font-weight: 400
}

[class^=icon-],
[class*=" icon-"] {
    font-size: 1.7rem
}

.logo_occidente {
    height: 70px;
    background-image: url(logo-blanco.0f0bed0e057a73ed675b.svg);
    width: 100%;
    flex: 1;
    display: block;
    background-position: center;
    background-repeat: no-repeat
}

.logo_grupo_aval {
    background-image: url(logo-01-isotipo-02-aval-10-aval-01-regular.f14e35cb8c89153499a2.svg);
    width: 54px;
    height: 24px;
    display: block;
    background-position: center;
    background-repeat: no-repeat
}

.elevate#onboarding-active {
    transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1);
    box-shadow: 0 5px 5px -3px #0003, 0 8px 10px 1px #00000024, 0 3px 14px 2px #0000001f;
    z-index: 10000;
    pointer-events: none
}

button:focus {
    outline: none
}

a:hover {
    color: #0081ff;
    color: var(--vds-primary-700-base);
    text-decoration: none
}

a.link-disabled {
    color: gray !important;
    cursor: not-allowed;
    opacity: .35;
    text-decoration: none
}

.elevate {
    background: #f3f6fe;
    background: var(--vds-n-lighter-100);
    position: relative
}

.my-backdrop {
    background: rgba(0, 0, 0, .6)
}

.loading_spiner {
    color: #555f83;
    color: var(--vds-carbon-light-700);
    padding: 20px 15px;
    text-align: center;
    position: relative
}

.loading_spiner .loader {
    inset: 25px 0 auto;
    margin: auto
}

.tooltip.info-tooltip {
    opacity: 1
}

.tooltip.info-tooltip .tooltip-inner {
    background-color: #f3f6fe;
    background-color: var(--vds-n-lighter-100);
    border: 1px solid #ffaa31;
    border: 1px solid var(--vds-warning-700-base);
    box-shadow: 0 9px 10px #0000001a;
    color: #ffaa31;
    color: var(--vds-warning-700-base);
    font-size: 11px;
    letter-spacing: normal;
    line-height: normal
}

.tooltip.info-tooltip .arrow:before {
    border-top-color: #ffaa31;
    border-top-color: var(--vds-warning-700-base)
}

.tooltip.info-tooltip .arrow:after {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
    top: -2px;
    border-width: .4rem .4rem 0;
    border-top-color: #f3f6fe;
    border-top-color: var(--vds-n-lighter-100)
}

.tooltip.info-tooltip.pse .tooltip-inner {
    max-width: 360px;
    border-radius: 8px
}

.tooltip.info-tooltip.download .tooltip-inner {
    width: 115px;
    padding: 8px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 500 !important;
    color: #dfe5f9 !important
}

.tooltip.info-tooltip.customize .tooltip-inner {
    width: 115px;
    padding: 8px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600 !important;
    color: var(--color-carbon-lighter-50) !important
}

.tooltip.info-tooltip.tag-aval .tooltip-inner {
    max-width: 300px;
    border-radius: 8px;
    padding: 12px 16px
}

.tooltip.info-tooltip.navy .tooltip-inner {
    background-color: #022047;
    background-color: var(--vds-primary-shade-900);
    border: 1px solid #022047;
    border: 1px solid var(--vds-primary-shade-900);
    color: #fff;
    color: var(--vds-neutral-lighter-50)
}

.tooltip.info-tooltip.navy .arrow:before {
    border-top-color: #022047;
    border-top-color: var(--vds-primary-shade-900)
}

.tooltip.info-tooltip.navy .arrow:after {
    border-top-color: #022047;
    border-top-color: var(--vds-primary-shade-900)
}

.tooltip.info-tooltip.navy.bs-tooltip-right .arrow:after,
.tooltip.info-tooltip.navy.bs-tooltip-auto[x-placement^=right] .arrow:after {
    transform: rotate(180deg);
    top: -5px
}

.tooltip.info-tooltip.navy.bs-tooltip-right .arrow:before,
.tooltip.info-tooltip.navy.bs-tooltip-auto[x-placement^=right] .arrow:before {
    border-width: 3px
}

.section-container {
    border-radius: .286rem;
    box-shadow: 0 .071rem .286rem #0000001a;
    border: solid .071rem #dfe5f9;
    border: solid .071rem var(--vds-n-lighter-200)
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

hr.line {
    overflow: hidden;
    color: #0081ff;
    color: var(--vds-primary-700-base);
    height: 1em;
    margin-top: 0;
    margin-bottom: 8px;
    border: none;
    line-height: 0;
    width: 100%
}

hr.line:after {
    content: "..........................................................................................................................................................................................................................................................................................................................................................................................................................................";
    letter-spacing: 4px
}

.the_line:after {
    content: "..........................................................................................................................................................................................................................................................................................................................................................................................................................................";
    letter-spacing: 4px
}

.pass__validations {
    display: flex;
    justify-content: space-around
}

.pass__validations label {
    padding: 10px;
    color: #0081ff !important;
    color: var(--vds-primary-700-base) !important;
    display: flex;
    flex-direction: column;
    text-align: center;
    font-size: .8em
}

.pass__validations label.not {
    opacity: .3
}

.pass__validations label .label__ref {
    font-size: 1.2em;
    font-weight: 700
}

@media (min-width: 768px) {
    .pass__validations label {
        font-size: 1em
    }
}

.register-account-modal .ng-select.disabled .ng-select-container {
    background: #f3f6fe;
    background: var(--vds-n-lighter-100);
    pointer-events: none
}

.icon-bank {
    background-repeat: no-repeat;
    background-position: center
}

.icon-bank.banco_de_occidente {
    background-image: url(logo-01-isotipo-02-aval-01-occidente.3b9e7d2206e387ac1133.svg);
    width: 19px;
    height: 19px
}

.icon-bank.banco_av_villas {
    background-image: url(logo-01-isotipo-02-aval-02-villas.ad16c8997ed5c881261c.svg);
    width: 1.35rem;
    height: .92rem
}

.icon-bank.banco_de_bogota {
    background-image: url(logo-01-isotipo-02-aval-04-bogot.431ad0f4ae895cde9dc6.svg);
    width: 1rem;
    height: 1rem
}

.icon-bank.banco_popular {
    background-image: url(logo-01-isotipo-02-aval-03-popular.36582d77c48e4c716652.svg);
    width: 1.42rem;
    height: 1.42rem
}

.icon-bank.porvenir {
    background-image: url(logo-01-isotipo-02-aval-05-porvenir.2e6cbb1e6a6ef0357f65.svg);
    width: 1.28rem;
    height: 1.28rem
}

.icon-bank.facilpass {
    background-image: url(logo-01-isotipo-02-aval-07-facil-pass-01-short.691088ade1a2f30d1523.svg);
    width: 1.28rem;
    height: 1.28rem
}

.icon-bank.dale {
    background-image: url(logo-01-isotipo-02-aval-08-dale.aa93dfbfffc4e46f41f4.svg);
    width: 1rem;
    height: 1rem
}

#loading {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 3px solid rgba(0, 0, 0, .1);
    border-radius: 50%;
    border-top-color: #0081ff;
    border-top-color: var(--vds-primary-700-base);
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite
}

.spiner {
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@media (min-width: 992px) {
    .ngb-modal-window.bocc-bill-modal .modal-content {
        width: 600px
    }

    ::-webkit-scrollbar {
        width: 4px;
        position: fixed
    }

    ::-webkit-scrollbar-thumb {
        background: #dfe5f9;
        background: var(--vds-n-lighter-200);
        border-radius: 6px
    }

    ::-webkit-scrollbar-track {
        background: transparent;
        border-radius: 6px
    }
}

.modal,
.modal-backdrop {
    z-index: 1049 !important
}

.cdk-overlay-container,
.cdk-overlay-backdrop {
    z-index: 2050
}

.onboarding .cdk-overlay-backdrop {
    z-index: 1000
}

.cdk-global-overlay-wrapper {
    z-index: 2051
}

.cdk-overlay-backdrop {
    background: rgba(0, 53, 133, .8)
}

body>.ng-dropdown-panel.global-dropdown {
    margin-top: 5px !important;
    border-radius: 4px;
    box-shadow: 0 9px 10px #0000001a;
    border: .5px solid #dfe5f9;
    border: .5px solid var(--vds-n-lighter-200)
}

body>.ng-dropdown-panel.global-dropdown .ng-option {
    line-height: 40px
}

body>.ng-dropdown-panel.global-dropdown .ng-option span {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.43;
    letter-spacing: normal;
    color: #555f83;
    color: var(--vds-carbon-light-700)
}

body>.ng-dropdown-panel.global-dropdown .ng-option span.amount {
    color: #00ca82;
    color: var(--vds-success-700-base)
}

body>.ng-dropdown-panel.global-dropdown .ng-option.ng-option-marked {
    background: #0081ff !important;
    background: var(--vds-primary-700-base) !important
}

body>.ng-dropdown-panel.global-dropdown .ng-option.ng-option-marked span {
    color: #fff !important;
    color: var(--vds-neutral-lighter-50) !important
}

body>.ng-dropdown-panel.global-dropdown .ng-option.ng-option-selected {
    background: #0081ff !important;
    background: var(--vds-primary-700-base) !important
}

body>.ng-dropdown-panel.global-dropdown .ng-option.ng-option-selected span {
    color: #fff !important;
    color: var(--vds-neutral-lighter-50) !important
}

body>.ng-dropdown-panel.global-dropdown .ng-option .infoAccountDrop {
    color: #022047;
    color: var(--vds-primary-shade-900);
    font-size: 14px;
    font-weight: 400;
    line-height: normal
}

body>.ng-dropdown-panel.global-dropdown .ng-option .infoAccountDrop p {
    margin-bottom: 0;
    color: #555f83;
    color: var(--vds-carbon-light-700)
}

body>.ng-dropdown-panel.global-dropdown .ng-option .infoAccountDrop h3 {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.43;
    letter-spacing: normal;
    color: #022047;
    color: var(--vds-primary-shade-900);
    margin-bottom: 0
}

body>.ng-dropdown-panel.global-dropdown .ng-option.ng-option-marked .infoAccountDrop {
    color: #fff;
    color: var(--vds-neutral-lighter-50)
}

body>.ng-dropdown-panel.global-dropdown .ng-option.ng-option-marked .infoAccountDrop p {
    color: #fff;
    color: var(--vds-neutral-lighter-50)
}

body>.ng-dropdown-panel.global-dropdown .ng-option.ng-option-marked .infoAccountDrop h3 {
    color: #fff;
    color: var(--vds-neutral-lighter-50)
}

body>.ng-dropdown-panel.global-dropdown .ng-option:nth-child(odd) {
    background: #f3f6fe;
    background: var(--vds-n-lighter-100)
}

.menu-transition {
    transition: all .3s ease-in-out
}

.tertiary-btn {
    position: relative;
    padding: 4px 0 4px 24px;
    display: block;
    width: 75px;
    cursor: pointer
}

.tertiary-btn.m {
    width: 115px
}

.tertiary-btn.l {
    width: 155px
}

.tertiary-btn.xl {
    width: auto
}

.tertiary-btn:focus,
.tertiary-btn:active {
    background-color: transparent
}

.tertiary-btn:focus em,
.tertiary-btn:focus label,
.tertiary-btn:active em,
.tertiary-btn:active label {
    color: #022047;
    color: var(--vds-primary-shade-900)
}

.tertiary-btn em {
    color: #0081ff;
    color: var(--vds-primary-700-base);
    cursor: pointer;
    font-size: 24px;
    height: 24px;
    line-height: 24px;
    inset: 0 auto 0 0;
    margin: auto;
    position: absolute;
    text-align: center;
    width: 24px
}

.tertiary-btn label {
    color: #0081ff;
    color: var(--vds-primary-700-base);
    cursor: pointer;
    min-height: 24px;
    margin: 0 0 0 4px;
    padding: 0;
    width: 100%
}

body.highlight-is-active {
    pointer-events: none
}

.highlight {
    box-shadow: 0 0 0 99999px #000c;
    position: relative;
    z-index: 9999;
    pointer-events: auto;
    transition: all .5s ease
}

.btn-group {
    margin: 10px 0
}

.row>* {
    margin-bottom: 10px
}

.image {
    max-width: 100%;
    border-radius: 10px
}

.list-group {
    border-radius: 4px
}

@media (max-width: 768px) {
    .tooltip.info-tooltip.pse .tooltip-inner {
        max-width: 200px
    }
}

select {
    background: #fff;
    background: var(--vds-neutral-lighter-50);
    border-radius: 4px;
    border: 1px solid #dfe5f9;
    border: 1px solid var(--vds-n-lighter-200);
    color: #555f83;
    color: var(--vds-carbon-light-700);
    font-size: 14px;
    height: 40px;
    outline: none;
    width: 100%
}

.ng-select .ng-spinner-loader {
    border-left: 2px solid #0081ff !important;
    border-left: 2px solid var(--vds-primary-700-base) !important
}

.ng-select.ng-select-single .ng-select-container {
    height: 40px;
    font-weight: 500;
    font-size: 1rem;
    text-align: left;
    line-height: 1.571rem;
    letter-spacing: 0
}

.ng-select .ng-select-container {
    border: 1px solid #adbae6;
    border: 1px solid var(--vds-n-lighter-300);
    color: #555f83 !important;
    color: var(--vds-carbon-light-700) !important
}

.ng-select .ng-select-container .ng-value-container .ng-placeholder {
    color: rgba(#555f83, .5);
    color: rgba(var(--vds-carbon-light-700), .5)
}

.ng-select.ng-select-opened .ng-select-container {
    border-color: #0081ff;
    border-color: var(--vds-primary-700-base);
    border-radius: 4px !important
}

.ng-select.ng-select-opened .ng-select-container .ng-arrow {
    border-color: transparent transparent #0081ff;
    border-color: transparent transparent var(--vds-primary-700-base)
}

.ng-select.ng-invalid.ng-touched .ng-select-container {
    border-color: #e24c4c;
    border-color: var(--vds-error-700-base);
    box-shadow: inset 0 1px 1px #00000013, 0 0 0 3px #fde6e8
}

.ng-select .ng-dropdown-panel {
    margin-top: 5px;
    border-color: #dfe5f9;
    border-color: var(--vds-n-lighter-200);
    box-shadow: 0 9px 10px #0000001a
}

.ng-select .ng-dropdown-panel .ng-dropdown-panel-items {
    max-height: 180px
}

.ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    padding: 15px 10px;
    transition: .3s all ease;
    color: #555f83;
    color: var(--vds-carbon-light-700)
}

.ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option:nth-child(odd) {
    background: #f3f6fe;
    background: var(--vds-n-lighter-100)
}

.ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
    font-weight: 500;
    font-size: 1rem;
    text-align: left;
    line-height: 1.571rem;
    letter-spacing: 0
}

.ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked,
.ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected {
    background-color: #0081ff;
    background-color: var(--vds-primary-700-base);
    color: #fff;
    color: var(--vds-neutral-lighter-50);
    font-weight: 500;
    font-size: 1rem;
    text-align: left;
    line-height: 1.571rem;
    letter-spacing: 0
}

.ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked .infoAccountDrop,
.ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .infoAccountDrop,
.ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked .infoAccountDrop h3,
.ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .infoAccountDrop h3 {
    color: #fff;
    color: var(--vds-neutral-lighter-50)
}

.ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked .infoAccountDrop span.amount,
.ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .infoAccountDrop span.amount {
    color: #fff !important;
    color: var(--vds-neutral-lighter-50) !important
}

.ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .infoAccountDrop {
    color: #555f83;
    color: var(--vds-carbon-light-700);
    font-size: 14px;
    font-weight: 400
}

.ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .infoAccountDrop pre {
    color: inherit;
    margin: 0
}

.ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .infoAccountDrop p {
    margin-bottom: 0
}

.ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .infoAccountDrop h3 {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.43;
    letter-spacing: normal;
    color: #022047;
    color: var(--vds-primary-shade-900);
    margin-bottom: 0
}

.ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .infoAccountDrop span.amount {
    color: #00ca82;
    color: var(--vds-success-700-base)
}

.ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .infoAccountDrop span.amount.negative {
    color: #da6d6e;
    color: var(--vds-error-400)
}

.ng-select .ng-dropdown-panel .ng-dropdown-header {
    background-color: #f3f6fe;
    background-color: var(--vds-n-lighter-100);
    padding: 1px
}

.ng-select .ng-dropdown-panel .ng-dropdown-header:hover {
    padding: 0;
    border: 1px solid #0081ff;
    border: 1px solid var(--vds-primary-700-base)
}

.ng-select .ng-dropdown-panel .ng-dropdown-header .btnAcctionHeader {
    padding: 10px;
    text-align: center;
    color: #555f83;
    color: var(--vds-carbon-light-700);
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.ng-select .ng-dropdown-panel .ng-dropdown-header .btnAcctionHeader .icon {
    font-size: 1.1em;
    margin-right: 6px;
    color: #0081ff;
    color: var(--vds-primary-700-base)
}

.pure-material-checkbox {
    z-index: 0;
    position: relative;
    display: inline-block;
    color: #555f83;
    color: var(--vds-carbon-light-700);
    font-size: 12px;
    line-height: 2.4
}

.pure-material-checkbox>input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    z-index: -1;
    position: absolute;
    left: -10px;
    top: -8px;
    display: block;
    margin: 0;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: #fff;
    background-color: var(--vds-neutral-lighter-50);
    box-shadow: none;
    outline: none;
    opacity: 0;
    transform: scale(1);
    pointer-events: none;
    transition: opacity .3s, transform .2s
}

.pure-material-checkbox>span {
    position: relative;
    display: inline-block;
    width: 100%;
    cursor: pointer
}

.pure-material-checkbox>span:before {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    margin: 3px 11px 3px 1px;
    border: solid 1px;
    border-color: #dfe5f9;
    border-color: var(--vds-n-lighter-200);
    border-radius: 4px;
    width: 22px;
    height: 22px;
    vertical-align: top;
    transition: border-color .2s, background-color .2s
}

.pure-material-checkbox>span:after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 3px;
    width: 11px;
    height: 6px;
    border: solid 2px transparent;
    border-right: none;
    border-top: none;
    transform: translate(3px, 4px) rotate(-45deg)
}

.pure-material-checkbox>input:checked,
.pure-material-checkbox>input:indeterminate {
    background-color: gray
}

.pure-material-checkbox>input:checked+span:before,
.pure-material-checkbox>input:indeterminate+span:before {
    border-color: #0081ff;
    border-color: var(--vds-primary-700-base);
    background-color: #0081ff;
    background-color: var(--vds-primary-700-base)
}

.pure-material-checkbox>input:checked+span:after,
.pure-material-checkbox>input:indeterminate+span:after {
    border-color: #fff;
    border-color: var(--vds-neutral-lighter-50)
}

.pure-material-checkbox>input:indeterminate+span:after {
    border-left: none;
    transform: translate(4px, 3px)
}

.bocc-container {
    position: relative;
    overflow: hidden;
    height: auto
}

.bocc-container__main-backdrop {
    z-index: auto !important
}

.bocc-container__main {
    width: 100%;
    z-index: 101;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.bocc-container__main .main-content {
    overflow: auto;
    padding: 2px 8px 2px 2px
}

.bocc-container__main .main-content .content-section {
    border-radius: 5px;
    box-shadow: 0 1px 4px #0000001a;
    background-color: #fff;
    background-color: var(--vds-neutral-lighter-50);
    padding: 12px;
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #dfe5f9;
    border: 1px solid var(--vds-n-lighter-200)
}

.bocc-container__main .main-content .content-section .header-section {
    border-bottom: 1px solid #dfe5f9;
    border-bottom: 1px solid var(--vds-n-lighter-200);
    margin: -10px -10px 0;
    padding: 10px;
    display: flex;
    justify-content: space-between
}

.bocc-container__main .main-content .content-section .header-section .header-title {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bocc-container__main .main-content .content-section .header-section .header-title .title {
    letter-spacing: normal;
    color: #1b1c1e;
    color: var(--vds-carbon-dark-1000);
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.bocc-container__main .main-content .content-section .header-section .header-title .sub-title {
    margin-top: 3px;
    color: #0081ff;
    color: var(--vds-primary-700-base)
}

.bocc-container__main .main-content .content-section .header-section .header-options {
    display: flex
}

.bocc-container__main .main-content .content-section .header-section .header-options .no-mobile {
    display: none;
    margin: 0
}

.bocc-container__main .main-content .content-section .header-section .header-options .mobile {
    display: flex
}

.bocc-container__main .main-content .content-section .header-section .status {
    display: none;
    padding: 2px 8px;
    border-radius: 9px;
    background-color: #86e0b7;
    background-color: var(--vds-success-400);
    font-size: .8571428571em;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    color: var(--vds-neutral-lighter-50)
}

.bocc-container__main .main-content .content-section .header-section .status.red {
    background-color: #da6d6e;
    background-color: var(--vds-error-400)
}

.bocc-container__main .main-content .content-section .header-pagination {
    display: flex
}

.bocc-container__main .main-content .content-section .body-section {
    display: flex;
    justify-content: space-evenly;
    flex-direction: row
}

.bocc-container__main .main-content .content-section .footer-section {
    border-top: 1px solid #dfe5f9;
    border-top: 1px solid var(--vds-n-lighter-200);
    margin: -10px -10px 0;
    padding: 10px 10px 0;
    display: flex;
    justify-content: space-between;
    justify-content: flex-end
}

.bocc-container__content {
    padding-top: 3.4rem;
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    transition: all .3s ease-in-out
}

.bocc-container__content.move {
    transform: translate3d(17.643rem, 0, 0)
}

.bocc-container__content.move-desktop-close .bocc-container__main {
    padding-left: 4rem
}

.bocc-container__central {
    width: 100%;
    padding: 0 16px
}

@media (min-width: 576px) {
    .bocc-container__central {
        padding: 0 24px 24px
    }

    .bocc-container__central .main-content .content-section .header-section .header-options .no-mobile {
        display: flex
    }

    .bocc-container__central .main-content .content-section .header-section .header-options .mobile {
        display: none;
        margin: 0
    }
}

@media (min-width: 768px) {
    .bocc-container__central {
        padding: 0 32px 32px
    }
}

@media (min-width: 992px) {
    .bocc-container {
        height: 100%
    }

    .bocc-container__main {
        padding-left: 19rem
    }

    .bocc-container__main .main-content {
        height: 90vh;
        padding-top: 5px
    }

    .bocc-container__main .main-content .content-section {
        padding: 15px 14px
    }

    .bocc-container__main .main-content .content-section .body-section {
        flex-direction: column;
        margin-left: -14px;
        margin-right: -14px
    }

    .bocc-container__main .main-content .content-section .footer-section {
        margin: -10px;
        padding-bottom: 10px
    }

    .bocc-container__main .main-content .content-section .header-section {
        margin: -14px -14px 0;
        padding: 10px
    }

    .bocc-container__main .main-content .content-section .header-section .header-title .title {
        margin-top: 0
    }

    .bocc-container__main .main-content .content-section .header-section .header-title .sub-title {
        margin-top: 10px
    }

    .bocc-container__main .main-content .content-section .header-section .status {
        display: inline;
        display: initial
    }

    .bocc-container__main .main-content .content-section .header-options {
        display: flex;
        justify-content: flex-end
    }

    .bocc-container__main .main-content .content-section .header-pagination {
        display: flex
    }

    .bocc-container__main .main-content .content-section .bocc-button .btnIcon {
        margin-right: 6px
    }

    .bocc-container__main .main-content .content-section .bocc-button .popover>.btnContent {
        display: block
    }

    .bocc-container__central {
        padding: 0 24px
    }

    .bocc-container__content {
        padding-top: 3.8rem
    }
}

@media (min-width: 1282px) {
    .bocc-container__content.move-desktop .bocc-container__main {
        padding-left: 6.5rem
    }

    .bocc-container__central {
        max-width: 959px
    }
}

@media (min-width: 1442px) {
    .bocc-container__central {
        max-width: 1118px
    }
}

input {
    border: 1px solid #adbae6;
    border: 1px solid var(--vds-n-lighter-300);
    border-radius: 4px;
    color: #555f83;
    color: var(--vds-carbon-light-700);
    outline: none;
    padding: 10px;
    width: 100%;
    font-weight: 500;
    font-size: 1rem;
    text-align: left;
    line-height: 1.571rem;
    letter-spacing: 0
}

input:focus {
    border: 1px solid #0081ff;
    border: 1px solid var(--vds-primary-700-base);
    outline: none
}

input.error {
    border-color: #e24c4c;
    border-color: var(--vds-error-700-base);
    color: #e24c4c;
    color: var(--vds-error-700-base)
}

input::-moz-placeholder {
    color: #adbae6;
    color: var(--vds-n-lighter-300);
    font-weight: 500;
    font-size: 1rem;
    text-align: left;
    line-height: 1.571rem;
    letter-spacing: 0
}

input::placeholder {
    color: #adbae6;
    color: var(--vds-n-lighter-300);
    font-weight: 500;
    font-size: 1rem;
    text-align: left;
    line-height: 1.571rem;
    letter-spacing: 0
}

input[type=number] {
    -webkit-appearance: textfield !important;
    appearance: textfield !important;
    -moz-appearance: textfield !important;
    -ms-appearance: textfield !important
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: textfield !important;
    appearance: textfield !important;
    -moz-appearance: textfield !important;
    -ms-appearance: textfield !important
}

textarea {
    border: 1px solid #dfe5f9;
    border: 1px solid var(--vds-n-lighter-200);
    border-radius: 4px;
    color: #555f83;
    color: var(--vds-carbon-light-700);
    font-size: 14px;
    height: 40px;
    outline: none;
    padding: 10px
}

textarea::-moz-placeholder {
    color: #555f83;
    color: var(--vds-carbon-light-700);
    opacity: .5
}

textarea::placeholder {
    color: #555f83;
    color: var(--vds-carbon-light-700);
    opacity: .5
}

.bocc-table thead,
.bocc-table thead tr {
    background-image: none
}

.bocc-table thead tr th {
    color: #1b1c1e;
    color: var(--vds-carbon-dark-1000);
    cursor: pointer;
    line-height: 20.0367px
}

.bocc-table thead tr th img {
    width: 16px;
    margin-right: 2px
}

.bocc-table tbody {
    text-transform: lowercase
}

.bocc-table tbody tr {
    background-image: none
}

.bocc-table tbody tr:nth-child(even) {
    background: var(--vds-n-lighter-50)
}

.bocc-table tbody tr:nth-child(odd) {
    background: #f3f6fe;
    background: var(--vds-n-lighter-100)
}

.bocc-table__check {
    position: absolute;
    width: 40px;
    height: 40px;
    z-index: 1;
    margin: auto;
    inset: 55px auto auto 8px;
    padding: 0
}

.bocc-table__actions {
    justify-content: flex-end;
    padding-bottom: 8px !important;
    margin-top: 12px;
    display: flex
}

.bocc-table--desktop {
    display: none
}

.bocc-table--mobile {
    color: #1b1c1e;
    color: var(--vds-carbon-dark-1000);
    display: flex
}

.bocc-table--editing {
    opacity: .4
}

.bocc-table__edit input {
    margin-right: 10px;
    width: 50%
}

.bocc-table__edit .btnRounded {
    margin-right: 10px;
    padding: 0;
    font-size: 16px
}

.bocc-table__edit .btnRounded em {
    font-size: 16px
}

.bocc-table__edit .btnRounded:last-of-type {
    margin-right: 0
}

.bocc-table__empty {
    text-align: center
}

.bocc-table__empty p {
    color: #555f83;
    color: var(--vds-carbon-light-700)
}

.bocc-table__row-content {
    display: flex;
    min-width: 8rem
}

.bocc-table__row-content span {
    width: auto;
    width: initial
}

.bocc-table--on button {
    background: #00ca82 !important;
    background: var(--vds-success-700-base) !important
}

.bocc-table--on button:focus,
.bocc-table--on button:hover {
    border: 1px solid #00ca82 !important;
    border: 1px solid var(--vds-success-700-base) !important;
    background: #117847 !important;
    background: var(--vds-success-900) !important
}

.bocc-table--on button span {
    color: #fff !important;
    color: var(--vds-neutral-lighter-50) !important
}

.bocc-table--on-mobile {
    background: #00ca82 !important;
    background: var(--vds-success-700-base) !important;
    color: #fff !important;
    color: var(--vds-neutral-lighter-50) !important
}

.bocc-table--on-mobile em {
    color: #fff !important;
    color: var(--vds-neutral-lighter-50) !important
}

.bocc-table .theDropDown {
    display: flex;
    float: right;
    margin-left: .5rem
}

.bocc-table .theDropDown .dropdown-toggle:after {
    display: none
}

.bocc-table .theDropDown .dropdown-menu {
    padding: 0
}

.bocc-table .theDropDown .dropdown-menu__green {
    background-color: #00ca82;
    background-color: var(--vds-success-700-base);
    color: #fff !important;
    color: var(--vds-neutral-lighter-50) !important
}

.bocc-table .theDropDown .dropdown-menu__green .icon-option {
    color: #fff !important;
    color: var(--vds-neutral-lighter-50) !important
}

.bocc-table .theDropDown .dropdown-menu__green.disabled {
    pointer-events: none;
    opacity: .5
}

.bocc-table .theDropDown .dropdown-menu button {
    color: #555f83;
    color: var(--vds-carbon-light-700);
    height: 48px;
    padding: 0 1rem 0 0;
    display: flex;
    align-items: center
}

.bocc-table .theDropDown .dropdown-menu button .option {
    width: 3rem
}

.bocc-table .theDropDown .dropdown-menu button .icon-option {
    color: #0081ff;
    color: var(--vds-primary-700-base);
    line-height: 48px;
    text-align: center
}

.bocc-table .theDropDown .dropdown-menu button:hover {
    background: #0081ff;
    background: var(--vds-primary-700-base);
    color: #fff;
    color: var(--vds-neutral-lighter-50)
}

.bocc-table .theDropDown .dropdown-menu button:hover .icon-option {
    color: #fff;
    color: var(--vds-neutral-lighter-50)
}

@media (min-width: 768px) {
    .bocc-table thead {
        display: table-header-group;
        border-bottom: 1px solid #dfe5f9;
        border-bottom: 1px solid var(--vds-n-lighter-200)
    }

    .bocc-table thead tr th {
        padding: 8px
    }

    .bocc-table thead tr th .pure-material-checkbox {
        margin-left: 4px
    }

    .bocc-table thead tr th.check {
        width: 60px
    }

    .bocc-table thead tr th.actions {
        width: 130px
    }

    .bocc-table thead tr th.date {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: 94px
    }

    .bocc-table tbody tr td:not(.available-invoices__table-check) {
        display: table-cell
    }

    .bocc-table tbody tr td {
        display: table-cell;
        padding: 8px 4px !important
    }

    .bocc-table tbody tr td .mobile,
    .bocc-table tbody tr td .pre {
        display: none
    }

    .bocc-table tbody tr td.amt {
        text-align: right
    }

    .bocc-table tbody tr td.state {
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: 79px
    }

    .bocc-table__check {
        top: 0;
        bottom: 0;
        padding: 8px 0
    }

    .bocc-table__actions {
        display: flex;
        justify-content: flex-start
    }

    .bocc-table__actions .app-bocc-spinner {
        margin: auto
    }

    .bocc-table__actions .bocc-button {
        margin: 0 2px
    }

    .bocc-table__actions .bocc-button button {
        width: 32px;
        min-width: 32px;
        height: 32px;
        padding: 0;
        justify-content: center
    }

    .bocc-table--desktop {
        display: flex;
        justify-content: flex-start
    }

    .bocc-table--mobile,
    .bocc-table .theDropDown {
        display: none
    }

    .bocc-table__row-content span {
        width: 100%
    }
}

@media (min-width: 992px) {
    .bocc-table thead tr th.date {
        max-width: 142px
    }

    .bocc-table tbody tr td {
        padding: 8px !important
    }

    .bocc-table tbody tr td.state {
        max-width: 100px
    }
}

table {
    width: 100%;
    border-collapse: collapse
}

table thead {
    position: absolute;
    top: -9999px;
    left: -9999px;
    border: none;
    background-image: linear-gradient(to right, transparent 80%, #cdcdcd 80%);
    background-image: linear-gradient(to right, transparent 80%, var(--vds-n-darker-600) 80%);
    background-position: top;
    background-repeat: repeat-x;
    background-size: 5px 1px
}

table thead tr {
    background-image: linear-gradient(to right, transparent 80%, #cdcdcd 80%);
    background-image: linear-gradient(to right, transparent 80%, var(--vds-n-darker-600) 80%);
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: 5px 1px
}

table tbody tr {
    position: relative;
    border: none;
    background-image: linear-gradient(to right, transparent 80%, #cdcdcd 80%);
    background-image: linear-gradient(to right, transparent 80%, var(--vds-n-darker-600) 80%);
    background-size: 5px 1px;
    background-position: bottom;
    background-repeat: repeat-x
}

table tbody tr th,
table tbody tr td {
    border: none;
    position: relative;
    display: none;
    font-size: 14px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    vertical-align: middle;
    padding: 10px 14px
}

table tbody tr th {
    color: #1b1c1e;
    color: var(--vds-carbon-dark-1000)
}

table tbody tr td {
    display: block;
    color: #555f83;
    color: var(--vds-carbon-light-700);
    text-align: right;
    padding-left: 100px
}

table tbody tr td:before {
    color: #1b1c1e;
    color: var(--vds-carbon-dark-1000);
    text-transform: uppercase;
    position: absolute;
    font-weight: 700;
    top: 25%;
    left: 14px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    content: attr(data-label);
    text-align: left;
    font-size: 14px !important
}

@media (min-width: 768px) {
    table thead {
        position: relative;
        top: 0;
        left: 0
    }

    table thead th {
        text-align: left;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 700;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.67;
        letter-spacing: normal;
        color: #1b1c1e;
        color: var(--vds-carbon-dark-1000);
        padding: 14px
    }

    table tbody tr th,
    table tbody tr td {
        display: table-cell;
        padding: 10px 14px !important;
        text-align: left
    }

    table tbody tr td:before {
        display: none
    }
}

.ngx-datatable {
    display: block;
    overflow: hidden;
    justify-content: center;
    position: relative;
    transform: translateZ(0)
}

.ngx-datatable [hidden] {
    display: none !important
}

.ngx-datatable *,
.ngx-datatable *:before,
.ngx-datatable *:after {
    box-sizing: border-box
}

.ngx-datatable.scroll-vertical .datatable-body {
    overflow-y: auto
}

.ngx-datatable.scroll-vertical.virtualized .datatable-body .datatable-row-wrapper {
    position: absolute
}

.ngx-datatable.scroll-horz .datatable-body {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.ngx-datatable.fixed-header .datatable-header .datatable-header-inner {
    white-space: nowrap
}

.ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ngx-datatable.fixed-row .datatable-scroll,
.ngx-datatable.fixed-row .datatable-scroll .datatable-body-row {
    white-space: nowrap
}

.ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-cell,
.ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-group-cell {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ngx-datatable .datatable-body-row,
.ngx-datatable .datatable-row-center,
.ngx-datatable .datatable-header-inner {
    display: flex;
    flex-direction: row;
    -o-flex-flow: row;
    flex-flow: row
}

.ngx-datatable .datatable-body-cell,
.ngx-datatable .datatable-header-cell {
    overflow-x: hidden;
    vertical-align: top;
    display: inline-block;
    line-height: 1.625
}

.ngx-datatable .datatable-body-cell:focus,
.ngx-datatable .datatable-header-cell:focus {
    outline: none
}

.ngx-datatable .datatable-row-left,
.ngx-datatable .datatable-row-right {
    z-index: 9
}

.ngx-datatable .datatable-row-left,
.ngx-datatable .datatable-row-center,
.ngx-datatable .datatable-row-group,
.ngx-datatable .datatable-row-right {
    position: relative
}

.ngx-datatable .datatable-header {
    display: block;
    overflow: hidden
}

.ngx-datatable .datatable-header .datatable-header-inner {
    align-items: stretch;
    -webkit-align-items: stretch
}

.ngx-datatable .datatable-header .datatable-header-cell {
    position: relative;
    display: inline-block
}

.ngx-datatable .datatable-header .datatable-header-cell.sortable .datatable-header-cell-wrapper {
    cursor: pointer
}

.ngx-datatable .datatable-header .datatable-header-cell.longpress .datatable-header-cell-wrapper {
    cursor: move
}

.ngx-datatable .datatable-header .datatable-header-cell .sort-btn {
    line-height: 100%;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer
}

.ngx-datatable .datatable-header .datatable-header-cell .resize-handle,
.ngx-datatable .datatable-header .datatable-header-cell .resize-handle--not-resizable {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    padding: 0 4px;
    visibility: hidden
}

.ngx-datatable .datatable-header .datatable-header-cell .resize-handle {
    cursor: ew-resize
}

.ngx-datatable .datatable-header .datatable-header-cell.resizeable:hover .resize-handle,
.ngx-datatable .datatable-header .datatable-header-cell:hover .resize-handle--not-resizable {
    visibility: visible
}

.ngx-datatable .datatable-header .datatable-header-cell .targetMarker {
    position: absolute;
    top: 0;
    bottom: 0
}

.ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromLeft {
    right: 0
}

.ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromRight {
    left: 0
}

.ngx-datatable .datatable-header .datatable-header-cell .datatable-header-cell-template-wrap {
    height: inherit
}

.ngx-datatable .datatable-body {
    position: relative;
    z-index: 10;
    display: block
}

.ngx-datatable .datatable-body .datatable-scroll {
    display: inline-block
}

.ngx-datatable .datatable-body .datatable-row-detail {
    overflow-y: hidden
}

.ngx-datatable .datatable-body .datatable-row-wrapper {
    display: flex;
    flex-direction: column
}

.ngx-datatable .datatable-body .datatable-body-row {
    outline: none
}

.ngx-datatable .datatable-body .datatable-body-row>div {
    display: flex
}

.ngx-datatable .datatable-footer {
    display: block;
    width: 100%;
    overflow: auto
}

.ngx-datatable .datatable-footer .datatable-footer-inner {
    display: flex;
    align-items: center;
    width: 100%
}

.ngx-datatable .datatable-footer .selected-count .page-count {
    flex: 1 1 40%
}

.ngx-datatable .datatable-footer .selected-count .datatable-pager {
    flex: 1 1 60%
}

.ngx-datatable .datatable-footer .page-count {
    flex: 1 1 20%
}

.ngx-datatable .datatable-footer .datatable-pager {
    flex: 1 1 80%;
    text-align: right
}

.ngx-datatable .datatable-footer .datatable-pager .pager,
.ngx-datatable .datatable-footer .datatable-pager .pager li {
    padding: 0;
    margin: 0;
    display: inline-block;
    list-style: none
}

.ngx-datatable .datatable-footer .datatable-pager .pager li,
.ngx-datatable .datatable-footer .datatable-pager .pager li a {
    outline: none
}

.ngx-datatable .datatable-footer .datatable-pager .pager li a {
    cursor: pointer;
    display: inline-block
}

.ngx-datatable .datatable-footer .datatable-pager .pager li.disabled a {
    cursor: not-allowed
}

.ngx-datatable.bocc-table {
    width: 100%
}

.ngx-datatable.bocc-table.scroll-vertical {
    height: 75vh;
    max-height: calc(96vh - 116px)
}

.ngx-datatable.bocc-table .datatable-header {
    display: none;
    border-bottom: 1px solid #dfe5f9;
    border-bottom: 1px solid var(--vds-n-lighter-200)
}

.ngx-datatable.bocc-table .datatable-header .datatable-header-cell {
    color: #1b1c1e;
    color: var(--vds-carbon-dark-1000);
    text-transform: uppercase;
    padding: 11px 15px;
    vertical-align: bottom
}

.ngx-datatable.bocc-table .datatable-header .datatable-header-cell>div .double-line {
    cursor: pointer;
    line-height: normal
}

.ngx-datatable.bocc-table.agreements .datatable-header {
    display: block
}

.ngx-datatable.bocc-table .datatable-row-odd {
    background: #f3f6fe;
    background: var(--vds-n-lighter-100)
}

.ngx-datatable.bocc-table .datatable-body {
    overflow: hidden
}

.ngx-datatable.bocc-table .datatable-body .datatable-selection {
    display: flex;
    flex-direction: column
}

.ngx-datatable.bocc-table .datatable-body .datatable-row-wrapper:last-of-type {
    border-bottom: none
}

.ngx-datatable.bocc-table .datatable-body .progress-linear {
    display: block;
    position: relative;
    width: 100%;
    height: 5px;
    padding: 0;
    margin: 0
}

.ngx-datatable.bocc-table .datatable-body .progress-linear .container {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    height: 5px;
    transform: translate(0) scale(1);
    background-color: #e2f1ff;
    background-color: var(--vds-primary-100)
}

.ngx-datatable.bocc-table .datatable-body .progress-linear .container .bar {
    transition: all .2s linear;
    animation: query .8s infinite cubic-bezier(.39, .575, .565, 1);
    background-color: #0081ff;
    background-color: var(--vds-primary-700-base);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 5px
}

.ngx-datatable.bocc-table .datatable-body-cell-flex {
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 1.2rem !important
}

.ngx-datatable.bocc-table .datatable-body-row .datatable-body-cell {
    padding: 1em 1.2rem;
    vertical-align: bottom;
    font-style: normal;
    font-stretch: normal;
    color: #555f83;
    color: var(--vds-carbon-light-700);
    overflow: visible;
    overflow: initial;
    word-break: break-word;
    white-space: normal !important
}

.ngx-datatable.bocc-table .datatable-body-row .datatable-body-cell.description {
    width: 100% !important;
    display: flex
}

.ngx-datatable.bocc-table .datatable-body-row .datatable-body-cell.description .datatable-body-cell-label {
    width: 100%
}

.ngx-datatable.bocc-table .datatable-body-row .datatable-body-cell.movements-description,
.ngx-datatable.bocc-table .datatable-body-row .datatable-body-cell.movements-amount {
    width: -moz-fit-content !important;
    width: fit-content !important
}

.ngx-datatable.bocc-table .datatable-body-row .datatable-body-cell.amount {
    display: none
}

.ngx-datatable.bocc-table .datatable-body-row .datatable-body-cell.amount span {
    margin-left: 0
}

.ngx-datatable.bocc-table .datatable-body-row .datatable-body-cell.amount span.credido {
    margin-left: .47em;
    color: #00ca82;
    color: var(--vds-success-700-base)
}

.ngx-datatable.bocc-table .datatable-body-row .datatable-body-cell.checkboxContent {
    display: flex;
    align-items: center
}

.ngx-datatable.bocc-table .datatable-body-row .datatable-body-cell.actions {
    display: flex;
    justify-content: center;
    padding: 0;
    align-items: center
}

.ngx-datatable.bocc-table .datatable-footer {
    display: none
}

.ngx-datatable.bocc-table .loading-row {
    text-align: left;
    padding: .5rem 1.2rem;
    vertical-align: top;
    border-top: 0
}

.ngx-datatable.bocc-table .empty-row {
    display: flex;
    width: 100%;
    height: 215px;
    font-style: normal;
    font-stretch: normal;
    color: #555f83;
    color: var(--vds-carbon-light-700);
    align-items: center;
    justify-content: center;
    contain: "LUISMI";
    font-weight: 500;
    font-size: 1rem;
    text-align: center;
    line-height: 1.571rem;
    letter-spacing: 0
}

.showMobile {
    display: inline;
    display: initial
}

.showDesktop {
    display: none
}

.fullscreen {
    position: absolute !important;
    height: auto !important;
    inset: 0;
    width: 100%
}

.payment-step-one .ngx-datatable.bocc-table .datatable-body .datatable-scroll {
    width: 100% !important
}

@media (min-width: 768px) {
    .ngx-datatable.bocc-table .datatable-header {
        display: block
    }

    .ngx-datatable.bocc-table .datatable-body-row .datatable-body-cell.description {
        width: inherit !important;
        display: flex;
        flex: 1
    }

    .ngx-datatable.bocc-table .datatable-body-row .datatable-body-cell.description .datatable-body-cell-label {
        width: 100%
    }

    .ngx-datatable.bocc-table .datatable-body-row .datatable-body-cell.amount,
    .showDesktop {
        display: inline;
        display: initial
    }

    .showMobile {
        display: none
    }
}

@media (min-width: 992px) {
    .ngx-datatable.bocc-table .btnActions .bocc-button {
        float: left;
        margin-right: 8px
    }

    .ngx-datatable.bocc-table .btnActions .bocc-button:last-of-type {
        margin-right: 0
    }

    .ngx-datatable.bocc-table .btnActions .bocc-button .button .btn {
        padding: 6px !important;
        min-width: 30px !important;
        width: 30px !important
    }

    .ngx-datatable.bocc-table .btnActions .bocc-button .button .btn .btnIcon {
        font-size: 1em
    }
}

@keyframes ripple {
    0% {
        box-shadow: 0 0 0 1px #0000
    }

    50% {
        box-shadow: 0 0 0 15px #0000001a
    }

    to {
        box-shadow: 0 0 0 15px #0000
    }
}

.md-radio {
    margin: 16px 0
}

.md-radio.md-radio-inline {
    display: inline-block
}

.md-radio input[type=radio] {
    display: none
}

.md-radio input[type=radio]:checked+label:before {
    border-color: #0081ff;
    border-color: var(--vds-primary-700-base);
    animation: ripple .2s linear forwards
}

.md-radio input[type=radio]:checked+label:after {
    transform: scale(1)
}

.md-radio label {
    display: inline-block;
    height: 22px;
    position: relative;
    padding-left: 32px;
    margin-bottom: 0;
    cursor: pointer;
    vertical-align: bottom
}

.md-radio label:before,
.md-radio label:after {
    position: absolute;
    content: "";
    border-radius: 50%;
    transition: all .3s ease;
    transition-property: transform, border-color
}

.md-radio label:before {
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 22px;
    height: 22px;
    border: 1px solid #dfe5f9;
    border: 1px solid var(--vds-n-lighter-200)
}

.md-radio label:after {
    top: 5px;
    bottom: 5px;
    left: 5px;
    width: 12px;
    height: 12px;
    transform: scale(0);
    background: #0081ff;
    background: var(--vds-primary-700-base);
    margin: auto
}

.loader {
    font-size: 3px;
    width: 3px;
    height: 3px;
    margin: auto;
    inset: 0 auto 0 16px;
    border-radius: 50%;
    position: absolute;
    text-indent: -9999em;
    animation: load5 1.1s infinite ease;
    transform: translateZ(0);
    z-index: 100
}

.loader.blue {
    animation: load2 1.1s infinite ease
}

@keyframes load5 {

    0%,
    to {
        box-shadow: 0 -2.6em #fff, 1.8em -1.8em #fff3, 2.5em 0 #fff3, 1.75em 1.75em #fff3, 0 2.5em #fff3, -1.8em 1.8em #fff3, -2.6em 0 #ffffff80, -1.8em -1.8em #ffffffb3;
        box-shadow: 0 -2.6em 0 0 var(--vds-neutral-lighter-50), 1.8em -1.8em #fff3, 2.5em 0 #fff3, 1.75em 1.75em #fff3, 0 2.5em #fff3, -1.8em 1.8em #fff3, -2.6em 0 #ffffff80, -1.8em -1.8em #ffffffb3
    }

    12.5% {
        box-shadow: 0 -2.6em #ffffffb3, 1.8em -1.8em #fff, 2.5em 0 #fff3, 1.75em 1.75em #fff3, 0 2.5em #fff3, -1.8em 1.8em #fff3, -2.6em 0 #fff3, -1.8em -1.8em #ffffff80;
        box-shadow: 0 -2.6em #ffffffb3, 1.8em -1.8em 0 0 var(--vds-neutral-lighter-50), 2.5em 0 #fff3, 1.75em 1.75em #fff3, 0 2.5em #fff3, -1.8em 1.8em #fff3, -2.6em 0 #fff3, -1.8em -1.8em #ffffff80
    }

    25% {
        box-shadow: 0 -2.6em #ffffff80, 1.8em -1.8em #ffffffb3, 2.5em 0 #fff, 1.75em 1.75em #fff3, 0 2.5em #fff3, -1.8em 1.8em #fff3, -2.6em 0 #fff3, -1.8em -1.8em #fff3;
        box-shadow: 0 -2.6em #ffffff80, 1.8em -1.8em #ffffffb3, 2.5em 0 0 0 var(--vds-neutral-lighter-50), 1.75em 1.75em #fff3, 0 2.5em #fff3, -1.8em 1.8em #fff3, -2.6em 0 #fff3, -1.8em -1.8em #fff3
    }

    37.5% {
        box-shadow: 0 -2.6em #fff3, 1.8em -1.8em #ffffff80, 2.5em 0 #ffffffb3, 1.75em 1.75em #fff, 0 2.5em #fff3, -1.8em 1.8em #fff3, -2.6em 0 #fff3, -1.8em -1.8em #fff3;
        box-shadow: 0 -2.6em #fff3, 1.8em -1.8em #ffffff80, 2.5em 0 #ffffffb3, 1.75em 1.75em 0 0 var(--vds-neutral-lighter-50), 0 2.5em #fff3, -1.8em 1.8em #fff3, -2.6em 0 #fff3, -1.8em -1.8em #fff3
    }

    50% {
        box-shadow: 0 -2.6em #fff3, 1.8em -1.8em #fff3, 2.5em 0 #ffffff80, 1.75em 1.75em #ffffffb3, 0 2.5em #fff, -1.8em 1.8em #fff3, -2.6em 0 #fff3, -1.8em -1.8em #fff3;
        box-shadow: 0 -2.6em #fff3, 1.8em -1.8em #fff3, 2.5em 0 #ffffff80, 1.75em 1.75em #ffffffb3, 0 2.5em 0 0 var(--vds-neutral-lighter-50), -1.8em 1.8em #fff3, -2.6em 0 #fff3, -1.8em -1.8em #fff3
    }

    62.5% {
        box-shadow: 0 -2.6em #fff3, 1.8em -1.8em #fff3, 2.5em 0 #fff3, 1.75em 1.75em #ffffff80, 0 2.5em #ffffffb3, -1.8em 1.8em #fff, -2.6em 0 #fff3, -1.8em -1.8em #fff3;
        box-shadow: 0 -2.6em #fff3, 1.8em -1.8em #fff3, 2.5em 0 #fff3, 1.75em 1.75em #ffffff80, 0 2.5em #ffffffb3, -1.8em 1.8em 0 0 var(--vds-neutral-lighter-50), -2.6em 0 #fff3, -1.8em -1.8em #fff3
    }

    75% {
        box-shadow: 0 -2.6em #fff3, 1.8em -1.8em #fff3, 2.5em 0 #fff3, 1.75em 1.75em #fff3, 0 2.5em #ffffff80, -1.8em 1.8em #ffffffb3, -2.6em 0 #fff, -1.8em -1.8em #fff3;
        box-shadow: 0 -2.6em #fff3, 1.8em -1.8em #fff3, 2.5em 0 #fff3, 1.75em 1.75em #fff3, 0 2.5em #ffffff80, -1.8em 1.8em #ffffffb3, -2.6em 0 0 0 var(--vds-neutral-lighter-50), -1.8em -1.8em #fff3
    }

    87.5% {
        box-shadow: 0 -2.6em #fff3, 1.8em -1.8em #fff3, 2.5em 0 #fff3, 1.75em 1.75em #fff3, 0 2.5em #fff3, -1.8em 1.8em #ffffff80, -2.6em 0 #ffffffb3, -1.8em -1.8em #fff;
        box-shadow: 0 -2.6em #fff3, 1.8em -1.8em #fff3, 2.5em 0 #fff3, 1.75em 1.75em #fff3, 0 2.5em #fff3, -1.8em 1.8em #ffffff80, -2.6em 0 #ffffffb3, -1.8em -1.8em 0 0 var(--vds-neutral-lighter-50)
    }
}

@keyframes load2 {

    0%,
    to {
        box-shadow: 0 -2.6em #0081ff, 1.8em -1.8em #0081ff33, 2.5em 0 #0081ff33, 1.75em 1.75em #0081ff33, 0 2.5em #0081ff33, -1.8em 1.8em #0081ff33, -2.6em 0 #0081ff80, -1.8em -1.8em #0081ffb3;
        box-shadow: 0 -2.6em 0 0 var(--vds-primary-700-base), 1.8em -1.8em #0081ff33, 2.5em 0 #0081ff33, 1.75em 1.75em #0081ff33, 0 2.5em #0081ff33, -1.8em 1.8em #0081ff33, -2.6em 0 #0081ff80, -1.8em -1.8em #0081ffb3
    }

    12.5% {
        box-shadow: 0 -2.6em #0081ffb3, 1.8em -1.8em #0081ff, 2.5em 0 #0081ff33, 1.75em 1.75em #0081ff33, 0 2.5em #0081ff33, -1.8em 1.8em #0081ff33, -2.6em 0 #0081ff33, -1.8em -1.8em #0081ff80;
        box-shadow: 0 -2.6em #0081ffb3, 1.8em -1.8em 0 0 var(--vds-primary-700-base), 2.5em 0 #0081ff33, 1.75em 1.75em #0081ff33, 0 2.5em #0081ff33, -1.8em 1.8em #0081ff33, -2.6em 0 #0081ff33, -1.8em -1.8em #0081ff80
    }

    25% {
        box-shadow: 0 -2.6em #0081ff80, 1.8em -1.8em #0081ffb3, 2.5em 0 #0081ff, 1.75em 1.75em #0081ff33, 0 2.5em #0081ff33, -1.8em 1.8em #0081ff33, -2.6em 0 #0081ff33, -1.8em -1.8em #0081ff33;
        box-shadow: 0 -2.6em #0081ff80, 1.8em -1.8em #0081ffb3, 2.5em 0 0 0 var(--vds-primary-700-base), 1.75em 1.75em #0081ff33, 0 2.5em #0081ff33, -1.8em 1.8em #0081ff33, -2.6em 0 #0081ff33, -1.8em -1.8em #0081ff33
    }

    37.5% {
        box-shadow: 0 -2.6em #0081ff33, 1.8em -1.8em #0081ff80, 2.5em 0 #0081ffb3, 1.75em 1.75em #0081ff, 0 2.5em #0081ff33, -1.8em 1.8em #0081ff33, -2.6em 0 #0081ff33, -1.8em -1.8em #0081ff33;
        box-shadow: 0 -2.6em #0081ff33, 1.8em -1.8em #0081ff80, 2.5em 0 #0081ffb3, 1.75em 1.75em 0 0 var(--vds-primary-700-base), 0 2.5em #0081ff33, -1.8em 1.8em #0081ff33, -2.6em 0 #0081ff33, -1.8em -1.8em #0081ff33
    }

    50% {
        box-shadow: 0 -2.6em #0081ff33, 1.8em -1.8em #0081ff33, 2.5em 0 #0081ff80, 1.75em 1.75em #0081ffb3, 0 2.5em #0081ff, -1.8em 1.8em #0081ff33, -2.6em 0 #0081ff33, -1.8em -1.8em #0081ff33;
        box-shadow: 0 -2.6em #0081ff33, 1.8em -1.8em #0081ff33, 2.5em 0 #0081ff80, 1.75em 1.75em #0081ffb3, 0 2.5em 0 0 var(--vds-primary-700-base), -1.8em 1.8em #0081ff33, -2.6em 0 #0081ff33, -1.8em -1.8em #0081ff33
    }

    62.5% {
        box-shadow: 0 -2.6em #0081ff33, 1.8em -1.8em #0081ff33, 2.5em 0 #0081ff33, 1.75em 1.75em #0081ff80, 0 2.5em #0081ffb3, -1.8em 1.8em #0081ff, -2.6em 0 #0081ff33, -1.8em -1.8em #0081ff33;
        box-shadow: 0 -2.6em #0081ff33, 1.8em -1.8em #0081ff33, 2.5em 0 #0081ff33, 1.75em 1.75em #0081ff80, 0 2.5em #0081ffb3, -1.8em 1.8em 0 0 var(--vds-primary-700-base), -2.6em 0 #0081ff33, -1.8em -1.8em #0081ff33
    }

    75% {
        box-shadow: 0 -2.6em #0081ff33, 1.8em -1.8em #0081ff33, 2.5em 0 #0081ff33, 1.75em 1.75em #0081ff33, 0 2.5em #0081ff80, -1.8em 1.8em #0081ffb3, -2.6em 0 #0081ff, -1.8em -1.8em #0081ff33;
        box-shadow: 0 -2.6em #0081ff33, 1.8em -1.8em #0081ff33, 2.5em 0 #0081ff33, 1.75em 1.75em #0081ff33, 0 2.5em #0081ff80, -1.8em 1.8em #0081ffb3, -2.6em 0 0 0 var(--vds-primary-700-base), -1.8em -1.8em #0081ff33
    }

    87.5% {
        box-shadow: 0 -2.6em #0081ff33, 1.8em -1.8em #0081ff33, 2.5em 0 #0081ff33, 1.75em 1.75em #0081ff33, 0 2.5em #0081ff33, -1.8em 1.8em #0081ff80, -2.6em 0 #0081ffb3, -1.8em -1.8em #0081ff;
        box-shadow: 0 -2.6em #0081ff33, 1.8em -1.8em #0081ff33, 2.5em 0 #0081ff33, 1.75em 1.75em #0081ff33, 0 2.5em #0081ff33, -1.8em 1.8em #0081ff80, -2.6em 0 #0081ffb3, -1.8em -1.8em 0 0 var(--vds-primary-700-base)
    }
}

.button {
    position: relative
}

.button.loading button {
    min-height: 39px
}

.button.loading button.btn:disabled {
    opacity: 1
}

.nav {
    background: #f3f6fe;
    background: var(--vds-n-lighter-100)
}

.nav.nav-tabs {
    border-bottom: 1px solid #dfe5f9;
    border-bottom: 1px solid var(--vds-n-lighter-200)
}

.nav.nav-tabs.nav-fill .nav-item {
    flex: 1;
    text-align: center
}

.nav.nav-tabs .nav-item {
    margin-bottom: -1px
}

.nav.nav-tabs .nav-item .nav-link {
    font-size: 1em;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    color: #555f83;
    color: var(--vds-carbon-light-700);
    padding: 8px;
    border: 1px solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav.nav-tabs .nav-item .nav-link.active {
    color: #0081ff;
    color: var(--vds-primary-700-base);
    border: 1px solid #dfe5f9;
    border: 1px solid var(--vds-n-lighter-200);
    border-top: transparent;
    border-bottom: transparent
}

button.export {
    margin-left: 8px
}

.custom-dropdown-area {
    position: relative
}

.custom-dropdown-area>button {
    z-index: 1
}

.custom-dropdown-area .ngb-popover-window.popover {
    border: 1px solid #dfe5f9;
    border: 1px solid var(--vds-n-lighter-200);
    box-shadow: 0 9px 10px #0000001a;
    top: 45px !important;
    margin: auto;
    left: auto !important;
    right: 0 !important;
    transform: none !important
}

.custom-dropdown-area .ngb-popover-window.popover .arrow {
    display: none
}

.custom-dropdown-area .ngb-popover-window.popover .popover-body {
    padding: 0
}

.custom-dropdown-area .ngb-popover-window.popover .popover-body .bocc-button.resume-btn {
    margin: 0 2px
}

.custom-dropdown-area .ngb-popover-window.popover .popover-body .bocc-button.resume-btn:first-child button.btn,
.custom-dropdown-area .ngb-popover-window.popover .popover-body .bocc-button.resume-btn:last-child button.btn {
    border-radius: 4px
}

.custom-dropdown-area .ngb-popover-window.popover .popover-body .bocc-button {
    margin: 0
}

.custom-dropdown-area .ngb-popover-window.popover .popover-body .bocc-button button.btn {
    border-radius: 0;
    box-shadow: none
}

.custom-dropdown-area .ngb-popover-window.popover .popover-body .bocc-button:last-child button.btn {
    border-radius: 0 0 4px 4px
}

.custom-dropdown-area .ngb-popover-window.popover .popover-body .bocc-button:first-child button.btn {
    border-radius: 4px 4px 0 0
}

.custom-dropdown-area .ngb-popover-window.popover .popover-body ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.custom-dropdown-area .ngb-popover-window.popover .popover-body ul li {
    border-radius: 2px;
    color: #555f83;
    color: var(--vds-carbon-light-700);
    cursor: pointer;
    font-weight: 700;
    height: 50px;
    left: 0;
    line-height: 50px;
    padding: 0 0 0 35px;
    position: relative;
    right: auto
}

.custom-dropdown-area .ngb-popover-window.popover .popover-body ul li em {
    height: 50px;
    left: 0;
    line-height: 50px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 35px
}

.custom-dropdown-area .ngb-popover-window.popover .popover-body ul li:hover {
    background: #0081ff;
    background: var(--vds-primary-700-base);
    color: #fff;
    color: var(--vds-neutral-lighter-50)
}

.custom-dropdown-area .ngb-popover-window.popover button {
    height: 40px;
    width: 100%
}

.custom-dropdown-area .ngb-popover-window.popover button.without-icon {
    min-width: 120px
}

.custom-dropdown-area.export .ngb-popover-window.popover {
    width: 100%
}

.export .ngb-popover-window.popover {
    left: 8px !important;
    width: calc(100% - 8px) !important
}

.login-form__sign,
.login-form__reg {
    padding: 10px 27px
}

.login-form__reg {
    float: right
}

@media (min-width: 576px) and (max-width: 992px) {
    .custom-dropdown-area .ngb-popover-window.popover {
        top: 45px !important
    }

    .custom-dropdown-area.export .ngb-popover-window.popover {
        left: 8px !important;
        right: auto !important;
        top: 45px !important;
        width: 94px !important
    }
}

@media (max-width: 575px) {

    .login-form__sign,
    .login-form__reg {
        padding: 10px 27px
    }

    .custom-dropdown-area .ngb-popover-window.popover {
        top: 45px !important
    }

    .custom-dropdown-area.export .ngb-popover-window.popover {
        left: 8px !important;
        right: auto !important;
        top: 45px !important;
        width: 80px !important
    }

    .custom-dropdown-area.export .btnContent {
        display: none
    }

    .button.custom-dropdown-area.show:not(.export)>.ngb-popover-window.popover+.overlay {
        position: fixed;
        top: 0;
        width: 100%;
        height: 100%;
        left: 0;
        background-color: #02204799;
        z-index: 101
    }
}

@media (min-width: 576px) and (max-width: 992px) {
    .btn.resume .btnContent {
        display: block !important
    }
}

.modal-content {
    border: none;
    max-height: 90%
}

.register-account-modal .modal-content {
    display: inline-table
}

.register-account-modal .modal-dialog {
    position: absolute;
    margin: auto;
    inset: 0;
    max-height: 500px
}

@media (min-width: 576px) {

    .modal-dialog,
    .register-account-modal .modal-dialog {
        max-width: 600px
    }
}

@media (min-width: 992px) {
    .register-account-modal .modal-dialog {
        max-width: 650px
    }
}

.adl-content-2fa {
    text-align: center;
    font-size: 1em;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.29;
    letter-spacing: normal;
    color: #555f83;
    color: var(--vds-carbon-light-700);
    padding: 20px;
    min-width: 17rem
}

.adl-content-2fa h2 {
    font-size: 1em;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    color: #022047;
    color: var(--vds-primary-shade-900)
}

.adl-content-2fa .content-otp {
    margin-bottom: 30px !important
}

.adl-content-2fa .content-otp fieldset input {
    margin: 0 4px 0 0 !important;
    width: 31px !important;
    height: 38px !important;
    border-radius: 4px !important;
    border: solid 1px #dfe5f9 !important;
    border: solid 1px var(--vds-n-lighter-200) !important;
    background-color: #fff !important;
    background-color: var(--vds-neutral-lighter-50) !important;
    box-shadow: none !important;
    font-weight: 700 !important;
    color: #000 !important;
    -webkit-appearance: textfield !important;
    appearance: textfield !important;
    -moz-appearance: textfield !important;
    -ms-appearance: textfield !important
}

.adl-content-2fa .content-otp fieldset input::-webkit-inner-spin-button,
.adl-content-2fa .content-otp fieldset input::-webkit-outer-spin-button {
    -webkit-appearance: textfield !important;
    appearance: textfield !important;
    -moz-appearance: textfield !important;
    -ms-appearance: textfield !important
}

.adl-content-2fa .content-otp fieldset input:last-of-type {
    margin-right: 0 !important
}

.adl-content-2fa .newOTP {
    color: #0081ff !important;
    color: var(--vds-primary-700-base) !important;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    -webkit-appearance: none;
    display: block;
    margin-bottom: 10px
}

.adl-content-2fa .buttons {
    display: flex;
    justify-content: space-around
}

.adl-content-2fa .buttons .btn {
    display: flex;
    margin-right: 10px
}

.adl-content-2fa .buttons .btn:last-of-type {
    margin: 0
}

@media (min-width: 992px) {
    .adl-content-2fa .content-otp fieldset {
        input-width: 40px !important;
        input-height: 47px !important
    }
}

.nouislider {
    margin: 0
}

.noUi-target {
    background: #f3f6fe;
    background: var(--vds-n-lighter-100);
    border-radius: 4px;
    border: 1px solid #dfe5f9;
    border: 1px solid var(--vds-n-lighter-200);
    box-shadow: inset 0 1px 1px #f3f6fe, 0 3px 6px -5px #bbb;
    box-shadow: inset 0 1px 1px var(--vds-n-lighter-100), 0 3px 6px -5px #bbb
}

.noUi-horizontal {
    height: 4px
}

.noUi-horizontal .noUi-handle {
    width: 20px;
    height: 20px;
    top: -9px
}

.noUi-connect {
    background: #0081ff;
    background: var(--vds-primary-700-base)
}

.noUi-handle {
    border: 1px solid #0081ff;
    border: 1px solid var(--vds-primary-700-base);
    border-radius: 50%;
    background: #0081ff;
    background: var(--vds-primary-700-base);
    cursor: default;
    box-shadow: 0 2px 4px #0081ff70
}

.noUi-handle:before,
.noUi-handle:after {
    display: none
}

.badge {
    padding: 2px 8px;
    border-radius: 9px;
    color: #fff;
    color: var(--vds-neutral-lighter-50);
    font-size: .8571428571em;
    font-weight: 400;
    display: inline-block
}

.badge-danger {
    background: #e24c4c;
    background: var(--vds-error-700-base)
}

.badge-success {
    background: #00ca82;
    background: var(--vds-success-700-base)
}

.badge-warning {
    background: #ffaa31;
    background: var(--vds-warning-700-base)
}

.badge-info {
    background: #0081ff;
    background: var(--vds-primary-700-base)
}

.custom-switch .custom-control-input:checked~.custom-control-label:after {
    transform: translate(20px) !important
}

.custom-switch .custom-control-label:after {
    left: 3px !important;
    top: 2px !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 10px !important;
    background-color: #dfe5f9 !important;
    background-color: var(--vds-n-lighter-200) !important;
    cursor: pointer
}

.custom-control-label:before {
    height: 26px !important;
    width: 46px !important;
    border-radius: 13px !important;
    left: 0 !important;
    top: -1px !important;
    border: #dfe5f9 solid 1px !important;
    border: var(--vds-n-lighter-200) solid 1px !important;
    cursor: pointer
}

.custom-control-input:checked~.custom-control-label:after {
    background-color: #0081ff !important;
    background-color: var(--vds-primary-700-base) !important
}

.custom-control-input:checked~.custom-control-label:before {
    background-color: #fff !important;
    background-color: var(--vds-neutral-lighter-50) !important
}

.no-m {
    margin: 0
}

.m-a {
    margin: 0 auto
}

.m-xs {
    margin: 2px
}

.m-xs-left {
    margin-left: 2px
}

.m-xs-right {
    margin-right: 2px
}

.m-xs-top {
    margin-top: 2px
}

.m-xs-bottom {
    margin-bottom: 2px
}

.m-xs-width {
    margin-left: 2px;
    margin-right: 2px
}

.m-xs-height {
    margin-top: 2px;
    margin-bottom: 2px
}

.m-2xs {
    margin: 4px
}

.m-2xs-left {
    margin-left: 4px
}

.m-2xs-right {
    margin-right: 4px
}

.m-2xs-top {
    margin-top: 4px
}

.m-2xs-bottom {
    margin-bottom: 4px
}

.m-2xs-width {
    margin-right: 4px;
    margin-left: 4px
}

.m-2xs-height {
    margin-top: 4px;
    margin-bottom: 4px
}

.m-s {
    margin: 8px
}

.m-s-left {
    margin-left: 8px
}

.m-s-right {
    margin-right: 8px
}

.m-s-top {
    margin-top: 8px
}

.m-s-bottom {
    margin-bottom: 8px
}

.m-s-width {
    margin-right: 8px;
    margin-left: 8px
}

.m-s-height {
    margin-top: 8px;
    margin-bottom: 8px
}

.m-2s {
    margin: 16px
}

.m-2s-left {
    margin-left: 16px
}

.m-2s-right {
    margin-right: 16px
}

.m-2s-top {
    margin-top: 16px
}

.m-2s-bottom {
    margin-bottom: 16px
}

.m-2s-width {
    margin-left: 16px;
    margin-right: 16px
}

.m-2s-height {
    margin-top: 16px;
    margin-bottom: 16px
}

.m-3s {
    margin: 24px
}

.m-3s-left {
    margin-left: 24px
}

.m-3s-right {
    margin-right: 24px
}

.m-3s-top {
    margin-top: 24px
}

.m-3s-bottom {
    margin-bottom: 24px
}

.m-3s-width {
    margin-right: 24px;
    margin-left: 24px
}

.m-3s-height {
    margin-top: 24px;
    margin-bottom: 24px
}

.m-m {
    margin: 32px
}

.m-m-left {
    margin-left: 32px
}

.m-m-right {
    margin-right: 32px
}

.m-m-top {
    margin-top: 32px
}

.m-m-bottom {
    margin-bottom: 32px
}

.m-m-width {
    margin-right: 32px;
    margin-left: 32px
}

.m-m-height {
    margin-top: 32px;
    margin-bottom: 32px
}

.m-2m {
    margin: 40px
}

.m-2m-left {
    margin-left: 40px
}

.m-2m-right {
    margin-right: 40px
}

.m-2m-top {
    margin-top: 40px
}

.m-2m-bottom {
    margin-bottom: 40px
}

.m-2m-width {
    margin-right: 40px;
    margin-left: 40px
}

.m-2m-height {
    margin-top: 40px;
    margin-bottom: 40px
}

.m-3m {
    margin: 48px
}

.m-3m-left {
    margin-left: 48px
}

.m-3m-right {
    margin-right: 48px
}

.m-3m-top {
    margin-top: 48px
}

.m-3m-bottom {
    margin-bottom: 48px
}

.m-3m-width {
    margin-right: 48px;
    margin-left: 48px
}

.m-3m-height {
    margin-top: 48px;
    margin-bottom: 48px
}

.m-l {
    margin: 56px
}

.m-l-left {
    margin-left: 56px
}

.m-l-right {
    margin-right: 56px
}

.m-l-top {
    margin-top: 56px
}

.m-l-bottom {
    margin-bottom: 56px
}

.m-l-width {
    margin-right: 56px;
    margin-left: 56px
}

.m-l-height {
    margin-top: 56px;
    margin-bottom: 56px
}

.m-2l {
    margin: 64px
}

.m-2l-left {
    margin-left: 64px
}

.m-2l-right {
    margin-right: 64px
}

.m-2l-top {
    margin-top: 64px
}

.m-2l-bottom {
    margin-bottom: 64px
}

.m-2l-width {
    margin-right: 64px;
    margin-left: 64px
}

.m-2l-height {
    margin-top: 64px;
    margin-bottom: 64px
}

.m-3l {
    margin: 72px
}

.m-3l-left {
    margin-left: 72px
}

.m-3l-right {
    margin-right: 72px
}

.m-3l-top {
    margin-top: 72px
}

.m-3l-bottom {
    margin-bottom: 72px
}

.m-3l-width {
    margin-right: 72px;
    margin-left: 72px
}

.m-3l-height {
    margin-top: 72px;
    margin-bottom: 72px
}

.m-xl {
    margin: 80px
}

.m-xl-left {
    margin-left: 80px
}

.m-xl-right {
    margin-right: 80px
}

.m-xl-top {
    margin-top: 80px
}

.m-xl-bottom {
    margin-bottom: 80px
}

.m-xl-width {
    margin-right: 80px;
    margin-left: 80px
}

.m-xl-height {
    margin-top: 80px;
    margin-bottom: 80px
}

.m-2xl {
    margin: 88px
}

.m-2xl-left {
    margin-left: 88px
}

.m-2xl-right {
    margin-right: 88px
}

.m-2xl-top {
    margin-top: 88px
}

.m-2xl-bottom {
    margin-bottom: 88px
}

.m-2xl-width {
    margin-right: 88px;
    margin-left: 88px
}

.m-2xl-height {
    margin-top: 88px;
    margin-bottom: 88px
}

.m-3xl {
    margin: 96px
}

.m-3xl-left {
    margin-left: 96px
}

.m-3xl-right {
    margin-right: 96px
}

.m-3xl-top {
    margin-top: 96px
}

.m-3xl-bottom {
    margin-bottom: 96px
}

.m-3xl-width {
    margin-right: 96px;
    margin-left: 96px
}

.m-3xl-height {
    margin-top: 96px;
    margin-bottom: 96px
}

.ip-2m-right {
    padding: 9px 40px 8px 8px
}

.ip-2m-left {
    padding: 9px 8px 8px 40px
}

.no-p {
    padding: 0
}

.p-xs {
    padding: 2px
}

.p-xs-left {
    padding: 0 0 0 2px
}

.p-xs-right {
    padding: 0 2px 0 0
}

.p-xs-top {
    padding: 2px 0 0
}

.p-xs-bottom {
    padding: 0 0 2px
}

.p-xs-width {
    padding: 0 2px
}

.p-xs-height {
    padding: 2px 0
}

.p-2xs {
    padding: 4px
}

.p-2xs-left {
    padding-left: 4px
}

.p-2xs-right {
    padding-right: 4px
}

.p-2xs-top {
    padding-top: 4px
}

.p-2xs-bottom {
    padding-bottom: 4px
}

.p-2xs-width {
    padding-left: 4px;
    padding-right: 4px
}

.p-2xs-height {
    padding-top: 4px;
    padding-bottom: 4px
}

.p-s {
    padding: 8px
}

.p-s-left {
    padding-left: 8px
}

.p-s-right {
    padding-right: 8px
}

.p-s-top {
    padding-top: 8px
}

.p-s-bottom {
    padding-bottom: 8px
}

.p-s-width {
    padding-right: 8px;
    padding-left: 8px
}

.p-s-height {
    padding-top: 8px;
    padding-bottom: 8px
}

.p-2s {
    padding: 16px
}

.p-2s-left {
    padding-left: 16px
}

.p-2s-right {
    padding-right: 16px
}

.p-2s-top {
    padding-top: 16px
}

.p-2s-bottom {
    padding-bottom: 16px
}

.p-2s-width {
    padding-right: 16px;
    padding-left: 16px
}

.p-2s-height {
    padding-top: 16px;
    padding-bottom: 16px
}

.p-3s {
    padding: 24px
}

.p-3s-left {
    padding-left: 24px
}

.p-3s-right {
    padding-right: 24px
}

.p-3s-top {
    padding-top: 24px
}

.p-3s-bottom {
    padding-bottom: 24px
}

.p-3s-width {
    padding-left: 24px;
    padding-right: 24px
}

.p-3s-height {
    padding-top: 24px;
    padding-bottom: 24px
}

.p-m {
    padding: 32px
}

.p-m-left {
    padding: 0 0 0 32px
}

.p-m-right {
    padding: 0 32px 0 0
}

.p-m-top {
    padding-top: 32px
}

.p-m-bottom {
    padding: 0 0 32px
}

.p-m-width {
    padding: 0 32px
}

.p-m-height {
    padding: 32px 0
}

.p-2m {
    padding: 40px
}

.p-2m-left {
    padding: 0 0 0 40px
}

.p-2m-right {
    padding: 0 40px 0 0
}

.p-2m-top {
    padding-top: 40px
}

.p-2m-bottom {
    padding: 0 0 40px
}

.p-2m-width {
    padding: 0 40px
}

.p-2m-height {
    padding: 40px 0
}

.p-3m {
    padding: 48px
}

.p-3m-left {
    padding: 0 0 0 48px
}

.p-3m-right {
    padding: 0 48px 0 0
}

.p-3m-top {
    padding: 48px 0 0
}

.p-3m-bottom {
    padding: 0 0 48px
}

.p-3m-width {
    padding: 0 48px
}

.p-3m-height {
    padding: 48px 0
}

.p-l {
    padding: 56px
}

.p-l-left {
    padding: 0 0 0 56px
}

.p-l-right {
    padding: 0 56px 0 0
}

.p-l-top {
    padding: 56px 0 0
}

.p-l-bottom {
    padding: 0 0 56px
}

.p-l-width {
    padding: 0 56px
}

.p-l-height {
    padding: 56px 0
}

.p-2l {
    padding: 64px
}

.p-2l-left {
    padding: 0 0 0 64px
}

.p-2l-right {
    padding: 0 64px 0 0
}

.p-2l-top {
    padding: 64px 0 0
}

.p-2l-bottom {
    padding-bottom: 64px
}

.p-2l-width {
    padding: 0 64px
}

.p-2l-height {
    padding: 64px 0
}

.p-3l {
    padding: 72px
}

.p-3l-left {
    padding: 0 0 0 72px
}

.p-3l-right {
    padding: 0 72px 0 0
}

.p-3l-top {
    padding: 72px 0 0
}

.p-3l-bottom {
    padding: 0 0 72px
}

.p-3l-width {
    padding: 0 72px
}

.p-3l-height {
    padding: 72px 0
}

.p-xl {
    padding: 80px
}

.p-xl-left {
    padding: 0 0 0 80px
}

.p-xl-right {
    padding: 0 80px 0 0
}

.p-xl-top {
    padding: 80px 0 0
}

.p-xl-bottom {
    padding: 0 0 80px
}

.p-xl-width {
    padding: 0 80px
}

.p-xl-height {
    padding: 80px 0
}

.p-2xl {
    padding: 88px
}

.p-2xl-left {
    padding: 0 0 0 88px
}

.p-2xl-right {
    padding: 0 88px 0 0
}

.p-2xl-top {
    padding: 88px 0 0
}

.p-2xl-bottom {
    padding: 0 0 88px
}

.p-2xl-width {
    padding: 0 88px
}

.p-2xl-height {
    padding: 88px 0
}

.p-3xl {
    padding: 96px
}

.p-3xl-left {
    padding: 0 0 0 96px
}

.p-3xl-right {
    padding: 0 96px 0 0
}

.p-3xl-top {
    padding: 96px 0 0
}

.p-3xl-bottom {
    padding: 0 0 96px
}

.p-3xl-width {
    padding: 0 96px
}

.p-3xl-height {
    padding: 96px 0
}

.gu-mirror {
    position: fixed !important;
    margin: 0 !important;
    z-index: 9999 !important;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80)
}

.gu-hide {
    display: none !important
}

.gu-unselectable {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important
}

.gu-transit {
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20)
}

.toast-center-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    top: 12px;
    left: 12px
}

.toast-top-right {
    top: 12px;
    right: 12px
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

.toast-title {
    font-weight: 700
}

.toast-message {
    word-wrap: break-word
}

.toast-message a,
.toast-message label {
    color: #fff
}

.toast-message a:hover {
    color: #ccc;
    text-decoration: none
}

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 1px 0 #ffffff
}

.toast-close-button:hover,
.toast-close-button:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0
}

.toast-container {
    pointer-events: none;
    position: fixed;
    z-index: 999999
}

.toast-container * {
    box-sizing: border-box
}

.toast-container .ngx-toastr {
    position: relative;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    border-radius: 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: 24px;
    box-shadow: 0 0 12px #999;
    color: #fff
}

.toast-container .ngx-toastr:hover {
    box-shadow: 0 0 12px #000;
    opacity: 1;
    cursor: pointer
}

.toast-info {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E")
}

.toast-error {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E")
}

.toast-success {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E")
}

.toast-warning {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' width='576' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E")
}

.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
    width: 300px;
    margin-left: auto;
    margin-right: auto
}

.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
    width: 96%;
    margin-left: auto;
    margin-right: auto
}

.ngx-toastr {
    background-color: #030303;
    pointer-events: auto
}

.toast-success {
    background-color: #51a351
}

.toast-error {
    background-color: #bd362f
}

.toast-info {
    background-color: #2f96b4
}

.toast-warning {
    background-color: #f89406
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: .4
}

@media all and (max-width: 240px) {
    .toast-container .ngx-toastr.div {
        padding: 8px 8px 8px 50px;
        width: 11em
    }

    .toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media all and (min-width: 241px) and (max-width: 480px) {
    .toast-container .ngx-toastr.div {
        padding: 8px 8px 8px 50px;
        width: 18em
    }

    .toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    .toast-container .ngx-toastr.div {
        padding: 15px 15px 15px 50px;
        width: 25em
    }
}

.app-loading .logo {
    width: 100px;
    height: 100px;
    text-align: center;
    background-size: contain;
    position: relative
}

.app-loading .logo img {
    margin: auto;
    position: absolute;
    inset: 0
}