/**
 * Please feel free to use other features of SASS such as variables.
 * Anything we can do to organize the CSS better is benefitial.
 *
 * To force a rebuild please CTRL+F5 or equivilent such that
 * your browser sends a no-cache header.
 *
 * Alternatively, you can add the following to newsroom.local.php: *
 *   $config['sass_force_rebuild'] = true;
 */
/** top level variables */
:root {
  --brand-color-primary: #1357a8;
  --brand-color-secondary: #00caab;
  --brand-color-secondary-dark: #13a88e;
  --brand-color-additional-1: #2a7ddf;
  --brand-color-additional-1-alpha0: rgba(42, 125, 223, 0);
  --brand-color-additional-2: #7957f6;
  --brand-color-additional-3: #89f1d9;
  --brand-color-additional-4: #52e3c2;
  --brand-color-additional-5: #0b3465;
  --popular-product-color: #1357a8;
  --brand-color-link: #2a7ddf;
  --brand-color-link-hover: #1357a8;
  --brand-color-gradient-1: #1857a4;
  --brand-color-gradient-2: #31bbdb;
  --primary-color-teal: #00caab;
  --primary-color-teal-dark: #13a88e;
  --prcom-color-purple: #33407d;
  --prcom-color-blue: #39a8dc;
  --ds-color-mono-1: #f9fafb;
  --ds-color-mono-2: #f7f8fa;
  --ds-color-mono-3: #dbdee3;
  --ds-color-mono-4: #979ba2;
  --ds-color-mono-5: #4b5563;
  --ds-color-mono-6: #2c3744;
  --ds-color-mono-7: #1f2937;
  --ds-color-aliceblue: #eff6ff;
  --ds-color-dark-blue: #00376a;
  --ds-color-dark-green: var(--primary-color-teal-dark);
  --ds-color-dark-red: #bd3333;
  --ds-color-dark-yellow: #ac9200;
  --ds-color-light-blue: #dbeafe;
  --ds-color-light-green: #e7f6f4;
  --ds-color-light-red: #fef2f2;
  --ds-color-light-yellow: #f8f5dc;
  --ds-color-normal-blue: var(--brand-color-additional-1);
  --ds-color-normal-green: var(--primary-color-teal);
  --ds-color-normal-red: #d64b4b;
  --ds-color-normal-yellow: #ead200;
  --ds-admin-only-color: #a207c2;
  --ds-box-shadow: 2px 2px 2px rgba(43, 54, 68, 0.05);
  --ds-font-size: 14px;
  --ds-line-height: 19px;
  --ds-input-height: 34px;
  --border-color-soft-frame: rgba(0, 0, 0, 0.05);
  --ds-border-color: rgba(42, 125, 223, 0.4);
  --ds-border-style: 2px solid var(--ds-border-color);
  --text-color-dark: var(--ds-color-mono-6);
  --text-color-normal: var(--ds-color-mono-5);
  --text-color-light: var(--ds-color-mono-4);
  --border-color-normal: var(--ds-color-mono-3);
  --border-color-dark: var(--ds-color-mono-4);
  --border-color-light: var(--ds-color-mono-2);
  --text-bg-dark: var(--ds-color-mono-7);
  --text-bg-light: var(--ds-color-mono-1);
  --font-family-primary: "Open Sans", Helvetica, Arial, sans-serif;
  --font-family-secondary: "Montserrat", Helvetica, Arial, sans-serif;
  --default-radius: 4px;
  --default-vertical-margin: 24px;
  --default-horizontal-margin: 16px;
  --default-font-size: 16px;
  --container-max-width: 1140px;
  --logo-blue: var(--brand-color-primary);
  --primary-blue: var(--brand-color-link);
  --darkest-blue: var(--brand-color-additional-5);
  --primary-teal: var(--primary-color-teal-dark);
  --teal-2: var(--brand-color-additional-4);
  --teal-3: var(--brand-color-additional-3);
  --gray-900: #111928;
  --gray-800: #1f2937;
  --gray-700: #374151;
  --gray-600: #4b5563;
  --gray-500: #6b7280;
  --gray-400: #9ca3af;
  --gray-300: #d1d5db;
  --gray-200: #e5e7eb;
  --gray-100: #f3f4f6;
  --gray-50: #f9fafb;
  --blue-900: #1e3a8a;
  --blue-800: #1e40af;
  --blue-700: #1d4ed8;
  --blue-600: #2563eb;
  --blue-500: #3b82f6;
  --blue-400: #60a5fa;
  --blue-300: #93c5fd;
  --blue-200: #bfdbfe;
  --blue-100: #dbeafe;
  --blue-50: #eff6ff;
  --red-900: #7f1d1d;
  --red-800: #991b1b;
  --red-700: #b91c1c;
  --red-600: #dc2626;
  --red-500: #ef4444;
  --red-400: #f87171;
  --red-300: #fca5a5;
  --red-200: #fecaca;
  --red-100: #fee2e2;
  --red-50: #fef2f2;
  --orange-700: #c2410c;
  --orange-500: #f97316;
  --orange-400: #fb923c;
  --orange-300: #fdba74;
  --orange-200: #fed7aa;
  --orange-100: #ffedd5;
  --yellow-700: #a16207;
  --yellow-500: #eab308;
  --yellow-400: #facc15;
  --yellow-300: #fde047;
  --yellow-200: #fef08a;
  --yellow-100: #fef9c3;
  --green-900: #14532d;
  --green-700: #15803d;
  --green-600: #16a34a;
  --green-500: #22c55e;
  --green-400: #4ade80;
  --green-200: #bbf7d0;
  --green-100: #dcfce7;
  --green-50: #f0fdf4;
  --purple-900: #581c87;
  --purple-800: #6b21a8;
  --purple-600: #9333ea;
  --purple-500: #a855f7;
  --purple-400: #c084fc;
  --purple-200: #e9d5ff;
  --purple-100: #f3e8ff;
  --pink-800: #9d174d;
  --pink-600: #db2777;
  --pink-500: #ec4899;
  --pink-400: #f472b6;
  --pink-200: #fbcfe8;
  --pink-100: #fce7f3;
}

/* ############################################ */
/* CSS VARIABLES ARE HERE: _variables_root.scss */
/* CSS VARIABLES ARE HERE: _variables_root.scss */
/* CSS VARIABLES ARE HERE: _variables_root.scss */
/* CSS VARIABLES ARE HERE: _variables_root.scss */
/* ############################################ */
/* =========================== */
/* ===== Branding colors ===== */
/* =========================== */
/* newswire named colors */
/* AVOID USING THESE UNLESS ALREADY BRAND AWARE */
/* pressrelease.com named colors */
/* AVOID USING THESE UNLESS ALREADY BRAND AWARE */
/* USE THESE WHERE POSSIBLE INSTEAD OF NON-BRAND VERSIONS */
/* ================================ */
/* ===== Design system colors ===== */
/* ================================ */
/* NOT FROM FIGMA */
/* NOT FROM FIGMA */
/* Must start with $text-color */
/* Must start with $border-color */
/* Must start with $background-color */
/* ======================= */
/* ===== Breakpoints ===== */
/* ======================= */
/* ===================================== */
/* ======= Fonts and text styles ======= */
/* ===================================== */
/* ===================================== */
/* ==== Design system for dashboard ==== */
/* ===================================== */
/* standard size margins and paddings */
.marbot {
  margin-bottom: 10px !important;
}

.marbot-0, .mb-0px {
  margin-bottom: 0px !important;
}

.marbot-2, .mb-2px {
  margin-bottom: 2px !important;
}

.marbot-5, .mb-5px {
  margin-bottom: 5px !important;
}

.marbot-10, .mb-10px {
  margin-bottom: 10px !important;
}

.marbot-15, .mb-15px {
  margin-bottom: 15px !important;
}

.marbot-20, .mb-20px {
  margin-bottom: 20px !important;
}

.marbot-25, .mb-25px {
  margin-bottom: 25px !important;
}

.marbot-30, .mb-30px {
  margin-bottom: 30px !important;
}

.marbot-35, .mb-35px {
  margin-bottom: 35px !important;
}

.marbot-40, .mb-40px {
  margin-bottom: 40px !important;
}

.marbot-45, .mb-45px {
  margin-bottom: 45px !important;
}

.marbot-50, .mb-50px {
  margin-bottom: 50px !important;
}

.marbot-60, .mb-60px {
  margin-bottom: 60px !important;
}

.marbot-70, .mb-70px {
  margin-bottom: 70px !important;
}

.marbot-80, .mb-80px {
  margin-bottom: 80px !important;
}

.marbot-90, .mb-90px {
  margin-bottom: 90px !important;
}

.marbot-100, .mb-100px {
  margin-bottom: 100px !important;
}

.mr-0px {
  margin-right: 0px !important;
}

.mr-2px {
  margin-right: 2px !important;
}

.mr-5px {
  margin-right: 5px !important;
}

.mr-10px {
  margin-right: 10px !important;
}

.mr-15px {
  margin-right: 15px !important;
}

.mr-20px {
  margin-right: 20px !important;
}

.mr-25px {
  margin-right: 25px !important;
}

.mr-30px {
  margin-right: 30px !important;
}

.mr-35px {
  margin-right: 35px !important;
}

.mr-40px {
  margin-right: 40px !important;
}

.mr-45px {
  margin-right: 45px !important;
}

.mr-50px {
  margin-right: 50px !important;
}

.mr-60px {
  margin-right: 60px !important;
}

.mr-70px {
  margin-right: 70px !important;
}

.mr-80px {
  margin-right: 80px !important;
}

.mr-90px {
  margin-right: 90px !important;
}

.mr-100px {
  margin-right: 100px !important;
}

.ml-0px {
  margin-left: 0px !important;
}

.ml-2px {
  margin-left: 2px !important;
}

.ml-5px {
  margin-left: 5px !important;
}

.ml-10px {
  margin-left: 10px !important;
}

.ml-15px {
  margin-left: 15px !important;
}

.ml-20px {
  margin-left: 20px !important;
}

.ml-25px {
  margin-left: 25px !important;
}

.ml-30px {
  margin-left: 30px !important;
}

.ml-35px {
  margin-left: 35px !important;
}

.ml-40px {
  margin-left: 40px !important;
}

.ml-45px {
  margin-left: 45px !important;
}

.ml-50px {
  margin-left: 50px !important;
}

.ml-60px {
  margin-left: 60px !important;
}

.ml-70px {
  margin-left: 70px !important;
}

.ml-80px {
  margin-left: 80px !important;
}

.ml-90px {
  margin-left: 90px !important;
}

.ml-100px {
  margin-left: 100px !important;
}

.mt-0px {
  margin-top: 0px !important;
}

.mt-2px {
  margin-top: 2px !important;
}

.mt-5px {
  margin-top: 5px !important;
}

.mt-10px {
  margin-top: 10px !important;
}

.mt-15px {
  margin-top: 15px !important;
}

.mt-20px {
  margin-top: 20px !important;
}

.mt-25px {
  margin-top: 25px !important;
}

.mt-30px {
  margin-top: 30px !important;
}

.mt-35px {
  margin-top: 35px !important;
}

.mt-40px {
  margin-top: 40px !important;
}

.mt-45px {
  margin-top: 45px !important;
}

.mt-50px {
  margin-top: 50px !important;
}

.mt-60px {
  margin-top: 60px !important;
}

.mt-70px {
  margin-top: 70px !important;
}

.mt-80px {
  margin-top: 80px !important;
}

.mt-90px {
  margin-top: 90px !important;
}

.mt-100px {
  margin-top: 100px !important;
}

.mb-n2px {
  margin-bottom: -2px !important;
}

.mb-n5px {
  margin-bottom: -5px !important;
}

.mb-n10px {
  margin-bottom: -10px !important;
}

.mb-n15px {
  margin-bottom: -15px !important;
}

.mb-n20px {
  margin-bottom: -20px !important;
}

.mb-n25px {
  margin-bottom: -25px !important;
}

.mb-n30px {
  margin-bottom: -30px !important;
}

.mb-n35px {
  margin-bottom: -35px !important;
}

.mb-n40px {
  margin-bottom: -40px !important;
}

.mb-n45px {
  margin-bottom: -45px !important;
}

.mb-n50px {
  margin-bottom: -50px !important;
}

.mb-n60px {
  margin-bottom: -60px !important;
}

.mb-n70px {
  margin-bottom: -70px !important;
}

.mb-n80px {
  margin-bottom: -80px !important;
}

.mb-n90px {
  margin-bottom: -90px !important;
}

.mb-n100px {
  margin-bottom: -100px !important;
}

.mr-n2px {
  margin-right: -2px !important;
}

.mr-n5px {
  margin-right: -5px !important;
}

.mr-n10px {
  margin-right: -10px !important;
}

.mr-n15px {
  margin-right: -15px !important;
}

.mr-n20px {
  margin-right: -20px !important;
}

.mr-n25px {
  margin-right: -25px !important;
}

.mr-n30px {
  margin-right: -30px !important;
}

.mr-n35px {
  margin-right: -35px !important;
}

.mr-n40px {
  margin-right: -40px !important;
}

.mr-n45px {
  margin-right: -45px !important;
}

.mr-n50px {
  margin-right: -50px !important;
}

.mr-n60px {
  margin-right: -60px !important;
}

.mr-n70px {
  margin-right: -70px !important;
}

.mr-n80px {
  margin-right: -80px !important;
}

.mr-n90px {
  margin-right: -90px !important;
}

.mr-n100px {
  margin-right: -100px !important;
}

.ml-n2px {
  margin-left: -2px !important;
}

.ml-n5px {
  margin-left: -5px !important;
}

.ml-n10px {
  margin-left: -10px !important;
}

.ml-n15px {
  margin-left: -15px !important;
}

.ml-n20px {
  margin-left: -20px !important;
}

.ml-n25px {
  margin-left: -25px !important;
}

.ml-n30px {
  margin-left: -30px !important;
}

.ml-n35px {
  margin-left: -35px !important;
}

.ml-n40px {
  margin-left: -40px !important;
}

.ml-n45px {
  margin-left: -45px !important;
}

.ml-n50px {
  margin-left: -50px !important;
}

.ml-n60px {
  margin-left: -60px !important;
}

.ml-n70px {
  margin-left: -70px !important;
}

.ml-n80px {
  margin-left: -80px !important;
}

.ml-n90px {
  margin-left: -90px !important;
}

.ml-n100px {
  margin-left: -100px !important;
}

.mt-n2px {
  margin-top: -2px !important;
}

.mt-n5px {
  margin-top: -5px !important;
}

.mt-n10px {
  margin-top: -10px !important;
}

.mt-n15px {
  margin-top: -15px !important;
}

.mt-n20px {
  margin-top: -20px !important;
}

.mt-n25px {
  margin-top: -25px !important;
}

.mt-n30px {
  margin-top: -30px !important;
}

.mt-n35px {
  margin-top: -35px !important;
}

.mt-n40px {
  margin-top: -40px !important;
}

.mt-n45px {
  margin-top: -45px !important;
}

.mt-n50px {
  margin-top: -50px !important;
}

.mt-n60px {
  margin-top: -60px !important;
}

.mt-n70px {
  margin-top: -70px !important;
}

.mt-n80px {
  margin-top: -80px !important;
}

.mt-n90px {
  margin-top: -90px !important;
}

.mt-n100px {
  margin-top: -100px !important;
}

.mb-default {
  margin-bottom: var(--default-vertical-margin) !important;
}

.mb-half-default {
  margin-bottom: calc(var(--default-vertical-margin) / 2) !important;
}

.mt-default {
  margin-top: var(--default-vertical-margin) !important;
}

.mt-half-default {
  margin-top: calc(var(--default-vertical-margin) / 2) !important;
}

.ml-default {
  margin-left: var(--default-horizontal-margin) !important;
}

.ml-half-default {
  margin-left: calc(var(--default-horizontal-margin) / 2) !important;
}

.mr-default {
  margin-right: var(--default-horizontal-margin) !important;
}

.mr-half-default {
  margin-right: calc(var(--default-horizontal-margin) / 2) !important;
}

.mb-chain:last-child {
  margin-bottom: 0 !important;
}

.mt-chain:first-child {
  margin-top: 0 !important;
}

.ml-chain:first-child {
  margin-left: 0 !important;
}

.mr-chain:last-child {
  margin-right: 0 !important;
}

.pad-5 {
  padding: 5px !important;
}

.pad-10 {
  padding: 10px !important;
}

.pad-15 {
  padding: 15px !important;
}

.pad-20 {
  padding: 20px !important;
}

.pad-2v {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.pad-5v {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.pad-10v {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.pad-15v {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.pad-20v {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.pad-25v {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.pad-30v {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.pad-40v {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.pad-50v {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.pad-2h {
  padding-left: 2px !important;
  padding-right: 2px !important;
}

.pad-5h {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.pad-10h {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.pad-15h {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.pad-20h {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.pad-25h {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.pad-30h {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.pad-40h {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.pad-50h {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.padbot {
  padding-bottom: 10px !important;
}

.padbot-0, .pb-0px {
  padding-bottom: 0px !important;
}

.padbot-2, .pb-2px {
  padding-bottom: 2px !important;
}

.padbot-5, .pb-5px {
  padding-bottom: 5px !important;
}

.padbot-10, .pb-10px {
  padding-bottom: 10px !important;
}

.padbot-15, .pb-15px {
  padding-bottom: 15px !important;
}

.padbot-20, .pb-20px {
  padding-bottom: 20px !important;
}

.padbot-25, .pb-25px {
  padding-bottom: 25px !important;
}

.padbot-30, .pb-30px {
  padding-bottom: 30px !important;
}

.padbot-35, .pb-35px {
  padding-bottom: 35px !important;
}

.padbot-40, .pb-40px {
  padding-bottom: 40px !important;
}

.padbot-45, .pb-45px {
  padding-bottom: 45px !important;
}

.padbot-50, .pb-50px {
  padding-bottom: 50px !important;
}

.padbot-60, .pb-60px {
  padding-bottom: 60px !important;
}

.padbot-70, .pb-70px {
  padding-bottom: 70px !important;
}

.padbot-80, .pb-80px {
  padding-bottom: 80px !important;
}

.padbot-90, .pb-90px {
  padding-bottom: 90px !important;
}

.padbot-100, .pb-100px {
  padding-bottom: 100px !important;
}

.pr-0px {
  padding-right: 0px !important;
}

.pr-2px {
  padding-right: 2px !important;
}

.pr-5px {
  padding-right: 5px !important;
}

.pr-10px {
  padding-right: 10px !important;
}

.pr-15px {
  padding-right: 15px !important;
}

.pr-20px {
  padding-right: 20px !important;
}

.pr-25px {
  padding-right: 25px !important;
}

.pr-30px {
  padding-right: 30px !important;
}

.pr-35px {
  padding-right: 35px !important;
}

.pr-40px {
  padding-right: 40px !important;
}

.pr-45px {
  padding-right: 45px !important;
}

.pr-50px {
  padding-right: 50px !important;
}

.pr-60px {
  padding-right: 60px !important;
}

.pl-0px {
  padding-left: 0px !important;
}

.pl-2px {
  padding-left: 2px !important;
}

.pl-5px {
  padding-left: 5px !important;
}

.pl-10px {
  padding-left: 10px !important;
}

.pl-15px {
  padding-left: 15px !important;
}

.pl-20px {
  padding-left: 20px !important;
}

.pl-25px {
  padding-left: 25px !important;
}

.pl-30px {
  padding-left: 30px !important;
}

.pl-35px {
  padding-left: 35px !important;
}

.pl-40px {
  padding-left: 40px !important;
}

.pl-45px {
  padding-left: 45px !important;
}

.pl-50px {
  padding-left: 50px !important;
}

.pl-60px {
  padding-left: 60px !important;
}

.pt-0px {
  padding-top: 0px !important;
}

.pt-2px {
  padding-top: 2px !important;
}

.pt-5px {
  padding-top: 5px !important;
}

.pt-10px {
  padding-top: 10px !important;
}

.pt-15px {
  padding-top: 15px !important;
}

.pt-20px {
  padding-top: 20px !important;
}

.pt-25px {
  padding-top: 25px !important;
}

.pt-30px {
  padding-top: 30px !important;
}

.pt-35px {
  padding-top: 35px !important;
}

.pt-40px {
  padding-top: 40px !important;
}

.pt-45px {
  padding-top: 45px !important;
}

.pt-50px {
  padding-top: 50px !important;
}

.pt-60px {
  padding-top: 60px !important;
}

.pb-default {
  padding-bottom: var(--default-vertical-margin) !important;
}

.pb-half-default {
  padding-bottom: calc(var(--default-vertical-margin) / 2) !important;
}

.pt-default {
  padding-top: var(--default-vertical-margin) !important;
}

.pt-half-default {
  padding-top: calc(var(--default-vertical-margin) / 2) !important;
}

.pl-default {
  padding-left: var(--default-horizontal-margin) !important;
}

.pl-half-default {
  padding-left: calc(var(--default-horizontal-margin) / 2) !important;
}

.pr-default {
  padding-right: var(--default-horizontal-margin) !important;
}

.pr-half-default {
  padding-right: calc(var(--default-horizontal-margin) / 2) !important;
}

.pb-chain:last-child {
  padding-bottom: 0 !important;
}

.pt-chain:first-child {
  padding-top: 0 !important;
}

.pl-chain:first-child {
  padding-left: 0 !important;
}

.pr-chain:last-child {
  padding-right: 0 !important;
}

.max-width-100px {
  max-width: 100px;
}

.max-width-200px {
  max-width: 200px;
}

.max-width-300px {
  max-width: 300px;
}

.max-width-400px {
  max-width: 400px;
}

.max-width-500px {
  max-width: 500px;
}

.max-width-600px {
  max-width: 600px;
}

.max-width-700px {
  max-width: 700px;
}

.max-width-800px {
  max-width: 800px;
}

.max-width-900px {
  max-width: 900px;
}

.max-width-1000px {
  max-width: 1000px;
}

.max-width-1100px {
  max-width: 1100px;
}

.max-width-1200px {
  max-width: 1200px;
}

/* fonts, colors, buttons */
.font-8 {
  font-size: 8px !important;
}

.font-9 {
  font-size: 9px !important;
}

.font-10 {
  font-size: 10px !important;
}

.font-11 {
  font-size: 11px !important;
}

.font-12 {
  font-size: 12px !important;
}

.font-13 {
  font-size: 13px !important;
}

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

.font-15 {
  font-size: 15px !important;
}

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

.font-17 {
  font-size: 17px !important;
}

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

.font-19 {
  font-size: 19px !important;
}

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

.font-21 {
  font-size: 21px !important;
}

.font-22 {
  font-size: 22px !important;
}

.font-23 {
  font-size: 23px !important;
}

.font-24 {
  font-size: 24px !important;
}

.font-25 {
  font-size: 25px !important;
}

.font-26 {
  font-size: 26px !important;
}

.font-27 {
  font-size: 27px !important;
}

.font-28 {
  font-size: 28px !important;
}

.font-32 {
  font-size: 32px !important;
}

.font-38 {
  font-size: 38px !important;
}

.font-40 {
  font-size: 40px !important;
}

.font-48 {
  font-size: 48px !important;
}

.font-58 {
  font-size: 58px !important;
}

.font-67 {
  font-size: 67px !important;
}

.font-weight-300 {
  font-weight: 300 !important;
}

.font-weight-400 {
  font-weight: 400 !important;
}

.font-weight-500 {
  font-weight: 500 !important;
}

.font-weight-600 {
  font-weight: 600 !important;
}

.font-weight-700 {
  font-weight: 700 !important;
}

.font-style-italics {
  font-style: italic !important;
}

.font-style-italic {
  font-style: italic !important;
}

.font-style-normal {
  font-style: normal !important;
}

.font-70-percent {
  font-size: 70%;
}

.font-75-percent {
  font-size: 75%;
}

.font-80-percent {
  font-size: 80%;
}

.font-85-percent {
  font-size: 85%;
}

.font-90-percent {
  font-size: 90%;
}

.font-95-percent {
  font-size: 95%;
}

.label-success,
.badge.badge-success {
  background: #00CAAB;
  background-color: #00CAAB;
}

.label-info,
.badge.badge-info {
  background: #0082c9;
  background-color: #0082c9;
}

.label-danger,
.badge.badge-danger {
  background: #c9001e;
  background-color: #c9001e;
}

.label-warning,
.badge.badge-warning {
  background: #c9ab00;
  background-color: #c9ab00;
}

.label-default,
.badge.badge-default {
  background: #c9c9c9;
  background-color: #c9c9c9;
}

/* ------------------------------------------------- */
/* ------------------------------------------------- */
.status-black, .status-black:hover {
  color: #000 !important;
}

.status-false, .status-false:hover {
  color: #A41313 !important;
}

.status-true, .status-true:hover {
  color: var(--primary-color-teal-dark) !important;
}

.status-resubmit, .status-resubmit:hover {
  color: #a88f12 !important;
}

.status-info, .status-info:hover {
  color: var(--brand-color-additional-1) !important;
}

.status-alternative, .status-alternative:hover {
  color: #CA6000 !important;
}

.status-beta, .status-beta:hover {
  color: #9D3D3D !important;
}

.status-alternative-2, .status-alternative-2:hover {
  color: #A207C2 !important;
}

.status-muted, .status-muted:hover {
  color: var(--text-color-light) !important;
}

.status-info-muted, .status-info-muted:hover {
  color: #64AFD2 !important;
}

.status-false-muted, .status-false-muted:hover {
  color: #D16565 !important;
}

/* ------------------------------------------------- */
/* ------------------------------------------------- */
.text-color-dark {
  color: var(--text-color-dark);
}

.text-color-normal {
  color: var(--text-color-normal);
}

.text-color-light,
.text-color-super-light {
  color: var(--text-color-light);
}

.text-color-error-red {
  color: var(--ds-color-normal-red);
}

.text-color-primary-blue {
  color: var(--brand-color-primary);
}

.text-color-secondary-blue {
  color: var(--brand-color-additional-1);
}

.text-color-primary-teal {
  color: var(--primary-color-teal);
}

.text-color-primary-teal-dark {
  color: var(--primary-color-teal-dark);
}

.text-color-brand-primary {
  color: var(--brand-color-primary);
}

.text-color-brand-secondary {
  color: var(--brand-color-secondary);
}

.text-color-brand-secondary-dark {
  color: var(--brand-color-secondary-dark);
}

.text-color-normal-important {
  color: var(--text-color-normal) !important;
}

.text-color-link {
  color: var(--brand-color-link);
}

.text-color-admin-only {
  color: var(--ds-admin-only-color) !important;
}

/* ------------------------------------------------- */
/* ------------------------------------------------- */
.border-color-dark {
  border-color: var(--border-color-dark);
}

.border-color-normal {
  border-color: var(--border-color-normal);
}

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

.border-color-admin-only {
  border-color: var(--ds-admin-only-color) !important;
}

a {
  color: var(--brand-color-link);
}

a:hover {
  color: var(--brand-color-link-hover);
}

html.design-system,
html {
  /* COLORS FROM website .btn-success */
}
html.design-system .btn.btn-primary,
html.design-system .btn.btn-primary:not(:disabled):not(.disabled).active,
html.design-system .btn.btn-primary:not(:disabled):not(.disabled):hover,
html.design-system .btn.btn-primary:not(:disabled):not(.disabled).hover,
html.design-system .btn.btn-primary:not(:disabled):not(.disabled):focus,
html.design-system .btn.btn-primary:not(:disabled):not(.disabled).focus,
html .btn.btn-primary,
html .btn.btn-primary:not(:disabled):not(.disabled).active,
html .btn.btn-primary:not(:disabled):not(.disabled):hover,
html .btn.btn-primary:not(:disabled):not(.disabled).hover,
html .btn.btn-primary:not(:disabled):not(.disabled):focus,
html .btn.btn-primary:not(:disabled):not(.disabled).focus {
  background-color: var(--brand-color-additional-1);
  background: var(--brand-color-additional-1);
  border-color: var(--brand-color-additional-1);
  color: white;
  box-shadow: none;
}
html.design-system .btn.btn-primary.dropdown-toggle::after,
html .btn.btn-primary.dropdown-toggle::after {
  color: white;
  margin-left: 0.75rem;
}
html.design-system .btn.btn-outline-primary,
html.design-system .btn.btn-outline-primary:not(:disabled):not(.disabled),
html.design-system .btn.btn-outline-primary:not(:disabled):not(.disabled):focus,
html.design-system .btn.btn-outline-primary:not(:disabled):not(.disabled).focus,
html.design-system .btn.btn-outline-primary:not(:disabled):not(.disabled):hover,
html.design-system .btn.btn-outline-primary:not(:disabled):not(.disabled).hover,
html .btn.btn-outline-primary,
html .btn.btn-outline-primary:not(:disabled):not(.disabled),
html .btn.btn-outline-primary:not(:disabled):not(.disabled):focus,
html .btn.btn-outline-primary:not(:disabled):not(.disabled).focus,
html .btn.btn-outline-primary:not(:disabled):not(.disabled):hover,
html .btn.btn-outline-primary:not(:disabled):not(.disabled).hover {
  border: 1px solid var(--brand-color-additional-1);
  background: transparent;
  color: var(--brand-color-additional-1);
}
html.design-system .btn.btn-outline-primary:not(:disabled):not(.disabled).active,
html.design-system .btn.btn-outline-primary:not(:disabled):not(.disabled).active:hover,
html.design-system .btn.btn-outline-primary:not(:disabled):not(.disabled).active.hover,
html .btn.btn-outline-primary:not(:disabled):not(.disabled).active,
html .btn.btn-outline-primary:not(:disabled):not(.disabled).active:hover,
html .btn.btn-outline-primary:not(:disabled):not(.disabled).active.hover {
  border: 1px solid var(--brand-color-additional-1);
  background-color: var(--brand-color-additional-1);
  color: white;
}
html.design-system .btn.btn-clear,
html.design-system .btn.btn-clear:not(:disabled):not(.disabled).active,
html.design-system .btn.btn-clear:not(:disabled):not(.disabled):hover,
html.design-system .btn.btn-clear:not(:disabled):not(.disabled).hover,
html.design-system .btn.btn-clear:not(:disabled):not(.disabled):focus,
html.design-system .btn.btn-clear:not(:disabled):not(.disabled).focus,
html .btn.btn-clear,
html .btn.btn-clear:not(:disabled):not(.disabled).active,
html .btn.btn-clear:not(:disabled):not(.disabled):hover,
html .btn.btn-clear:not(:disabled):not(.disabled).hover,
html .btn.btn-clear:not(:disabled):not(.disabled):focus,
html .btn.btn-clear:not(:disabled):not(.disabled).focus {
  background-color: transparent;
  border-color: transparent;
  color: var(--text-color-light);
}
html.design-system .btn.btn-clear:not(:disabled):not(.disabled):hover,
html.design-system .btn.btn-clear:not(:disabled):not(.disabled).hover,
html .btn.btn-clear:not(:disabled):not(.disabled):hover,
html .btn.btn-clear:not(:disabled):not(.disabled).hover {
  background-color: var(--ds-color-mono-2);
  color: var(--brand-color-additional-1);
}
html.design-system .btn.btn-link,
html.design-system .btn.btn-link:not(:disabled):not(.disabled).active,
html.design-system .btn.btn-link:not(:disabled):not(.disabled):hover,
html.design-system .btn.btn-link:not(:disabled):not(.disabled).hover,
html.design-system .btn.btn-link:not(:disabled):not(.disabled):focus,
html.design-system .btn.btn-link:not(:disabled):not(.disabled).focus,
html .btn.btn-link,
html .btn.btn-link:not(:disabled):not(.disabled).active,
html .btn.btn-link:not(:disabled):not(.disabled):hover,
html .btn.btn-link:not(:disabled):not(.disabled).hover,
html .btn.btn-link:not(:disabled):not(.disabled):focus,
html .btn.btn-link:not(:disabled):not(.disabled).focus {
  background-color: transparent;
  border-color: transparent;
  color: var(--brand-color-additional-1);
}
html.design-system .btn.btn-link:not(:disabled):not(.disabled):hover,
html.design-system .btn.btn-link:not(:disabled):not(.disabled).hover,
html .btn.btn-link:not(:disabled):not(.disabled):hover,
html .btn.btn-link:not(:disabled):not(.disabled).hover {
  text-decoration: underline;
}
html.design-system .btn.btn-success,
html .btn.btn-success {
  background-color: var(--primary-color-teal);
  border-width: 1px;
  border-color: var(--primary-color-teal);
  color: white;
  box-shadow: none;
}
html.design-system .btn.btn-success:not(:disabled):not(.disabled).active,
html.design-system .btn.btn-success:not(:disabled):not(.disabled):hover,
html.design-system .btn.btn-success:not(:disabled):not(.disabled).hover,
html.design-system .btn.btn-success:not(:disabled):not(.disabled):focus,
html.design-system .btn.btn-success:not(:disabled):not(.disabled).focus,
html .btn.btn-success:not(:disabled):not(.disabled).active,
html .btn.btn-success:not(:disabled):not(.disabled):hover,
html .btn.btn-success:not(:disabled):not(.disabled).hover,
html .btn.btn-success:not(:disabled):not(.disabled):focus,
html .btn.btn-success:not(:disabled):not(.disabled).focus {
  background-color: var(--primary-color-teal-dark);
  border-color: var(--primary-color-teal-dark);
  box-shadow: none;
}
html.design-system .btn.btn-alternative,
html .btn.btn-alternative {
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #E1660B;
  background-image: -moz-linear-gradient(top, #E1660B, #C2611F);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E1660B), to(#C2611F));
  background-image: -webkit-linear-gradient(top, #E1660B, #C2611F);
  background-image: -o-linear-gradient(top, #E1660B, #C2611F);
  background-image: linear-gradient(to bottom, #E1660B, #C2611F);
  background-repeat: repeat-x;
  border-color: #C2611F #C2611F #502758;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff#E1660B", endColorstr="#ff#C2611F", GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
html.design-system .bs3 .btn.btn-alternative,
html .bs3 .btn.btn-alternative {
  border-color: transparent;
}
html.design-system .btn.btn-alternative:hover,
html.design-system .btn.btn-alternative:focus,
html.design-system .btn.btn-alternative.active,
html.design-system .btn.btn-alternative.disabled,
html.design-system .btn.btn-alternative[disabled],
html .btn.btn-alternative:hover,
html .btn.btn-alternative:focus,
html .btn.btn-alternative.active,
html .btn.btn-alternative.disabled,
html .btn.btn-alternative[disabled] {
  color: white;
  background-color: #C2611F;
  background-image: -moz-linear-gradient(top, #C2611F, #C2611F);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#C2611F), to(#C2611F));
  background-image: -webkit-linear-gradient(top, #C2611F, #C2611F);
  background-image: -o-linear-gradient(top, #C2611F, #C2611F);
  background-image: linear-gradient(to bottom, #C2611F, #C2611F);
  transition: background-position 0.1s linear 0s;
}
html.design-system .btn.btn-alternative.active,
html .btn.btn-alternative.active {
  background-color: #962803 \9 ;
}
html.design-system .btn.btn-alternative-2,
html .btn.btn-alternative-2 {
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #873498;
  background-image: -moz-linear-gradient(top, #873498, #662774);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#873498), to(#662774));
  background-image: -webkit-linear-gradient(top, #873498, #662774);
  background-image: -o-linear-gradient(top, #873498, #662774);
  background-image: linear-gradient(to bottom, #873498, #662774);
  background-repeat: repeat-x;
  border-color: #662774 #662774 #502758;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff873498", endColorstr="#ff#662774", GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
html.design-system .bs3 .btn.btn-alternative-2,
html .bs3 .btn.btn-alternative-2 {
  border-color: transparent;
}
html.design-system .btn.btn-alternative-2:hover,
html.design-system .btn.btn-alternative-2:focus,
html.design-system .btn.btn-alternative-2.active,
html.design-system .btn.btn-alternative-2.disabled,
html.design-system .btn.btn-alternative-2[disabled],
html .btn.btn-alternative-2:hover,
html .btn.btn-alternative-2:focus,
html .btn.btn-alternative-2.active,
html .btn.btn-alternative-2.disabled,
html .btn.btn-alternative-2[disabled] {
  color: white;
  background-color: #662774;
  background-image: -moz-linear-gradient(top, #662774, #662774);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#662774), to(#662774));
  background-image: -webkit-linear-gradient(top, #662774, #662774);
  background-image: -o-linear-gradient(top, #662774, #662774);
  background-image: linear-gradient(to bottom, #662774, #662774);
  transition: background-position 0.1s linear 0s;
}
html.design-system .btn.btn-alternative-2.active,
html .btn.btn-alternative-2.active {
  background-color: #490594 \9 ;
}
html.design-system .btn.btn-outline-default,
html.design-system .btn.btn-outline-default:not(.disabled):not(:disabled),
html.design-system .btn.btn-outline-default:not(.disabled):not(:disabled):focus,
html.design-system .btn.btn-outline-default:not(.disabled):not(:disabled).focus,
html.design-system .btn.btn-outline-default:not(.disabled):not(:disabled):hover,
html.design-system .btn.btn-outline-default:not(.disabled):not(:disabled).hover,
html .btn.btn-outline-default,
html .btn.btn-outline-default:not(.disabled):not(:disabled),
html .btn.btn-outline-default:not(.disabled):not(:disabled):focus,
html .btn.btn-outline-default:not(.disabled):not(:disabled).focus,
html .btn.btn-outline-default:not(.disabled):not(:disabled):hover,
html .btn.btn-outline-default:not(.disabled):not(:disabled).hover {
  border: 1px solid var(--border-color-normal);
  background: transparent;
  box-shadow: 0px 1px 3px rgba(43, 54, 68, 0.1);
  color: var(--text-color-normal);
}
html.design-system .btn.btn-outline-default:not(.disabled):not(:disabled):active,
html.design-system .btn.btn-outline-default:not(.disabled):not(:disabled).active,
html .btn.btn-outline-default:not(.disabled):not(:disabled):active,
html .btn.btn-outline-default:not(.disabled):not(:disabled).active {
  background: white;
}
html.design-system .btn-group > .btn.btn.btn-outline-default,
html .btn-group > .btn.btn.btn-outline-default {
  box-shadow: none;
}
html.design-system .btn-left-container > .btn,
html .btn-left-container > .btn {
  margin-right: 10px;
  float: left;
}
html.design-system .btn-right-container > .btn,
html .btn-right-container > .btn {
  margin-left: 10px;
  float: right;
}
html.design-system .btn-left-container,
html.design-system .btn-right-container,
html .btn-left-container,
html .btn-right-container {
  overflow: hidden;
}

/* common components */
.alert.even {
  padding: 14px;
}

.alert.with-btn,
.alert.with-btn-right {
  line-height: 22px;
  padding: 8px 10px 8px 14px;
}

.alert.with-btn .pull-right,
.alert.with-btn-right .pull-right {
  margin-left: 14px;
}

.alert.with-btn-left {
  line-height: 22px;
  padding: 8px 14px 8px 10px;
}

.alert.with-btn-left .pull-left {
  margin-right: 14px;
}

.alert.with-strong-margin strong {
  margin-right: 5px;
}

.alert.alert-success {
  border-color: var(--primary-color-teal-dark);
  color: var(--primary-color-teal-dark);
  background-color: var(--ds-color-light-green);
}

.alert.alert-danger {
  border-color: var(--ds-color-normal-red);
  color: var(--ds-color-dark-red);
  background-color: var(--ds-color-light-red);
}

.alert.alert-warning {
  border-color: var(--ds-color-normal-yellow);
  color: var(--ds-color-dark-yellow);
  background-color: var(--ds-color-light-yellow);
}

.alert.alert-info {
  border-color: var(--brand-color-additional-1);
  color: var(--brand-color-additional-1);
  background-color: var(--ds-color-light-blue);
}

.alert.alert-alternative {
  color: #CA6000;
  background-color: #FFE4CC;
  border-color: #FFB775;
}

.alert.alert-alternative-2 {
  color: #A207C2;
  background-color: #F8DAFE;
  border-color: #E276FA;
}

.chunkination {
  margin: 20px 0;
}

.chunkination ul {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  margin-left: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *zoom: 1;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  padding: 0;
}

.chunkination ul > li {
  display: inline;
}

.chunkination ul > li > a,
.chunkination ul > li > span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 0;
}

.chunkination ul > li > a:hover,
.chunkination ul > li > a:focus,
.chunkination ul > .active > a,
.chunkination ul > .active > span {
  background-color: #f5f5f5;
}

.chunkination ul > .active > a,
.chunkination ul > .active > span {
  color: #999999;
  cursor: default;
}

.chunkination ul > .disabled > span,
.chunkination ul > .disabled > a,
.chunkination ul > .disabled > a:hover,
.chunkination ul > .disabled > a:focus {
  color: #999999;
  cursor: default;
  background-color: transparent;
}

.chunkination ul > li:first-child > a,
.chunkination ul > li:first-child > span {
  border-left-width: 1px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
}

.chunkination ul > li:last-child > a,
.chunkination ul > li:last-child > span {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
}

.chunkination-centered {
  text-align: center;
}

.chunkination-right {
  text-align: right;
}

.chunkination-large ul > li > a,
.chunkination-large ul > li > span {
  padding: 11px 19px;
  font-size: 17.5px;
}

.chunkination-large ul > li:first-child > a,
.chunkination-large ul > li:first-child > span {
  -webkit-border-bottom-left-radius: 6px;
  border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
  border-top-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-topleft: 6px;
}

.chunkination-large ul > li:last-child > a,
.chunkination-large ul > li:last-child > span {
  -webkit-border-top-right-radius: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
}

.chunkination-mini ul > li:first-child > a,
.chunkination-small ul > li:first-child > a,
.chunkination-mini ul > li:first-child > span,
.chunkination-small ul > li:first-child > span {
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
}

.chunkination-mini ul > li:last-child > a,
.chunkination-small ul > li:last-child > a,
.chunkination-mini ul > li:last-child > span,
.chunkination-small ul > li:last-child > span {
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
}

.chunkination-small ul > li > a,
.chunkination-small ul > li > span {
  padding: 2px 10px;
  font-size: 11.9px;
}

.chunkination-mini ul > li > a,
.chunkination-mini ul > li > span {
  padding: 0 6px;
  font-size: 10.5px;
}

.bootbox input[type=text],
.bootbox textarea {
  padding: 8px;
  margin-bottom: 0;
}

.bootbox input[type=text] {
  height: 36px;
}

.bootbox textarea {
  resize: vertical;
  height: 120px;
}

.bootbox .modal-header {
  padding-top: 12px;
  padding-bottom: 12px;
}

.bootbox.bootbox-warning h1,
.bootbox.bootbox-warning h2,
.bootbox.bootbox-warning h3,
.bootbox.bootbox-warning h4,
.bootbox.bootbox-warning h5,
.bootbox.bootbox-warning h6,
.bootbox.bootbox-success h1,
.bootbox.bootbox-success h2,
.bootbox.bootbox-success h3,
.bootbox.bootbox-success h4,
.bootbox.bootbox-success h5,
.bootbox.bootbox-success h6,
.bootbox.bootbox-danger h1,
.bootbox.bootbox-danger h2,
.bootbox.bootbox-danger h3,
.bootbox.bootbox-danger h4,
.bootbox.bootbox-danger h5,
.bootbox.bootbox-danger h6,
.bootbox.bootbox-info h1,
.bootbox.bootbox-info h2,
.bootbox.bootbox-info h3,
.bootbox.bootbox-info h4,
.bootbox.bootbox-info h5,
.bootbox.bootbox-info h6 {
  margin: 0 0 15px 0;
}

.bootbox.bootbox-warning p:last-child,
.bootbox.bootbox-warning p:last-child,
.bootbox.bootbox-warning p:last-child,
.bootbox.bootbox-warning p:last-child,
.bootbox.bootbox-warning p:last-child,
.bootbox.bootbox-warning p:last-child,
.bootbox.bootbox-success p:last-child,
.bootbox.bootbox-success p:last-child,
.bootbox.bootbox-success p:last-child,
.bootbox.bootbox-success p:last-child,
.bootbox.bootbox-success p:last-child,
.bootbox.bootbox-success p:last-child,
.bootbox.bootbox-danger p:last-child,
.bootbox.bootbox-danger p:last-child,
.bootbox.bootbox-danger p:last-child,
.bootbox.bootbox-danger p:last-child,
.bootbox.bootbox-danger p:last-child,
.bootbox.bootbox-danger p:last-child,
.bootbox.bootbox-info p:last-child,
.bootbox.bootbox-info p:last-child,
.bootbox.bootbox-info p:last-child,
.bootbox.bootbox-info p:last-child,
.bootbox.bootbox-info p:last-child,
.bootbox.bootbox-info p:last-child {
  margin-bottom: 0;
}

.bootbox.bootbox-success code,
.bootbox.bootbox-info code,
.bootbox.bootbox-warning code,
.bootbox.bootbox-danger code {
  border: 1px solid #000;
}

.bootbox.bootbox-success .modal-body {
  border: 1px solid #3c763d;
  border-left: none;
  border-right: none;
  border-top: none;
  background-color: #dff0d8;
  color: #3c763d;
}

.bootbox.bootbox-info .modal-body {
  border: 1px solid #31708f;
  border-left: none;
  border-right: none;
  border-top: none;
  background-color: #d9edf7;
  color: #31708f;
}

.bootbox.bootbox-warning .modal-body {
  border: 1px solid #8a6d3b;
  border-left: none;
  border-right: none;
  border-top: none;
  background-color: #fcf8e3;
  color: #8a6d3b;
}

.bootbox.bootbox-danger .modal-body {
  border: 1px solid #a94442;
  border-left: none;
  border-right: none;
  border-top: none;
  background-color: #f2dede;
  color: #a94442;
}

/* other rules not suitable elsewhere */
/* DO NOT USE THIS AS V3 HAS CONFLICT AT 100px */
.width-100 {
  width: 100%;
}

.ta-left {
  text-align: left !important;
}

.ta-center {
  text-align: center !important;
}

.ta-right {
  text-align: right !important;
}

@media (min-width: 576px) {
  .ta-sm-left {
    text-align: left !important;
  }
  .ta-sm-center {
    text-align: center !important;
  }
  .ta-sm-right {
    text-align: right !important;
  }
}
@media (min-width: 768px) {
  .ta-md-left {
    text-align: left !important;
  }
  .ta-md-center {
    text-align: center !important;
  }
  .ta-md-right {
    text-align: right !important;
  }
}
@media (min-width: 992px) {
  .ta-lg-left {
    text-align: left !important;
  }
  .ta-lg-center {
    text-align: center !important;
  }
  .ta-lg-right {
    text-align: right !important;
  }
}
@media (min-width: 1200px) {
  .ta-xl-left {
    text-align: left !important;
  }
  .ta-xl-center {
    text-align: center !important;
  }
  .ta-xl-right {
    text-align: right !important;
  }
}
.fl-left {
  float: left !important;
}

.fl-right {
  float: right !important;
}

.fl-none {
  float: none !important;
}

/* ------------------------------------------------- */
/* ------------------------------------------------- */
.block {
  display: block !important;
}

.block-center {
  display: block;
  margin: 0 auto;
}

.inline-block {
  display: inline-block !important;
}

.no-overflow {
  overflow: hidden;
}

.nomar {
  margin: 0 !important;
}

.nomarbot {
  margin-bottom: 0 !important;
}

.nopad {
  padding: 0 !important;
}

.nopadbot {
  padding-bottom: 0 !important;
}

.hidden,
.dnone,
.d-none {
  display: none;
}

.hidden-important,
.d-none-important {
  display: none !important;
}

html.alt-down .d-none-option,
html:not(.alt-down) .d-option {
  display: none;
}

.no-select {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome and Opera */
}

.noborder {
  border: none !important;
}

.relative {
  position: relative;
}

.pointer {
  cursor: pointer;
}

.clear {
  clear: both;
}

.opacity-50 {
  opacity: 0.5;
}

.strong {
  font-weight: bold;
}

.vertical-align-top {
  vertical-align: top !important;
}

.vertical-align-middle {
  vertical-align: middle !important;
}

.vertical-align-bottom {
  vertical-align: bottom !important;
}

.vertical-align-baseline {
  vertical-align: baseline !important;
}

/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* use auto height instead of 30 */
.row-fluid.auto-height [class*=span] {
  min-height: auto;
}

label.inline {
  white-space: nowrap;
}

td.compact, th.compact {
  white-space: nowrap;
  width: 0;
}

.wait-cursor,
.wait-cursor * {
  cursor: wait !important;
}

.not-allowed-cursor,
.not-allowed-cursor * {
  cursor: not-allowed;
}

.chunkination ul {
  margin: 0 3px;
}

.tooltip.in {
  filter: alpha(opacity=95);
  opacity: 0.95;
}

.text-muted {
  color: #999999 !important;
}

.link-decoration {
  text-decoration: underline;
}

.status-true.smaller,
.status-false.smaller,
.status-info.smaller,
.status-muted.smaller {
  font-size: 12px;
}

@media print {
  a[href]:after {
    content: none !important;
  }
}
.small-text {
  font-size: 12px;
}

.alert-title {
  padding-bottom: 2px;
  border-bottom: 1px solid #000;
  border-bottom-color: currentColor;
  display: inline-block;
  margin-bottom: 10px;
}

.normal-line-height,
.line-height-normal {
  line-height: normal;
}

.normal-em {
  font-style: normal;
}

.btn-group.bootstrap-select > select + button.btn.dropdown-toggle {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.loader-block {
  background: url("../im/loader-circle-medium.gif") center center no-repeat;
  display: block;
  min-height: 100px;
}

/** Use ?incomplete=1 to hide during dev */
html:not(.is-incomplete) .incomplete {
  background-color: #FEF1AD !important;
  color: #ff0000 !important;
}
html:not(.is-incomplete) img.incomplete {
  outline: 1px solid #ff0000 !important;
  border: 1px solid #FEF1AD !important;
}

html.is-incomplete .incomplete-hide {
  display: none !important;
}

i.fa img {
  display: none !important;
}

.tooltip .tooltip-inner hr {
  margin: 4px 0 3px 0;
}

.tooltip .tooltip-inner {
  text-align: left;
  max-width: 300px;
}

.bootbox.modal {
  z-index: 2050;
}

.bootbox.modal + .modal-backdrop {
  z-index: 2000;
}

.bootbox-reject-content textarea {
  width: 100%;
}

.strikethrough {
  text-decoration: line-through;
}

.disabled {
  cursor: not-allowed;
  color: gray;
}

/* Used to hide EDGAR/SEDAR filing until release */
.hidden-edgar-sedar {
  display: none !important;
}

.shadow-sm {
  -webkit-box-shadow: var(--ds-box-shadow) !important;
  box-shadow: var(--ds-box-shadow) !important;
}

.shadow {
  -webkit-box-shadow: var(--ds-box-shadow) !important;
  box-shadow: var(--ds-box-shadow) !important;
}

.shadow-lg {
  -webkit-box-shadow: var(--ds-box-shadow) !important;
  box-shadow: var(--ds-box-shadow) !important;
}

.shadow-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.panel {
  background-color: #fff;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  -webkit-box-shadow: var(--ds-box-shadow);
  box-shadow: var(--ds-box-shadow);
}

.panel.panel-default {
  border-color: var(--border-color-normal);
}

th.compact, td.compact {
  width: 0.01%;
  white-space: nowrap;
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* client provided html */
.html-content p {
  padding: 0;
  margin-bottom: 20px;
}

.html-content ul {
  padding: 3px;
  padding-left: 20px;
  margin-left: 20px;
  margin-bottom: 18px;
}

.html-content ul li {
  list-style: disc !important;
}

.html-content ul li ul li {
  list-style: circle !important;
}

.html-content ol {
  padding: 3px;
  padding-left: 20px;
  margin-left: 20px;
  margin-bottom: 18px;
}

.html-content ol li {
  list-style: decimal;
}

.html-content ol[type=A] li {
  list-style: upper-alpha;
}

.html-content table th,
.html-content table td {
  padding: 5px;
}

.html-content table {
  margin-bottom: 20px;
}

.html-content table.cell-padding-5 th,
.html-content table.cell-padding-5 td {
  padding: 5px;
}

.html-content table.cell-padding-10 th,
.html-content table.cell-padding-10 td {
  padding: 10px;
}

.html-content table.cell-padding-15 th,
.html-content table.cell-padding-15 td {
  padding: 15px;
}

.html-content table.cell-padding-20 th,
.html-content table.cell-padding-20 td {
  padding: 20px;
}

/* Extra spacing rules */
.pt-6,
.py-6 {
  padding-top: 4.5rem !important;
}

.pb-6,
.py-6 {
  padding-bottom: 4.5rem !important;
}

.pt-7,
.py-7 {
  padding-top: 6rem !important;
}

.pb-7,
.py-7 {
  padding-bottom: 6rem !important;
}

@media (min-width: 992px) {
  .pb-lg-5vh, .py-lg-5vh {
    padding-bottom: 5vh !important;
  }
  .pt-lg-5vh, .py-lg-5vh {
    padding-top: 5vh !important;
  }
  .pb-lg-7vh, .py-lg-7vh {
    padding-bottom: 7vh !important;
  }
  .pt-lg-7vh, .py-lg-7vh {
    padding-top: 7vh !important;
  }
  .pb-lg-8vh, .py-lg-8vh {
    padding-bottom: 8vh !important;
  }
  .pt-lg-8vh, .py-lg-8vh {
    padding-top: 8vh !important;
  }
  .pb-lg-10vh, .py-lg-10vh {
    padding-bottom: 10vh !important;
  }
  .pt-lg-10vh, .py-lg-10vh {
    padding-top: 10vh !important;
  }
  .pb-lg-11vh, .py-lg-11vh {
    padding-bottom: 11vh !important;
  }
  .pt-lg-11vh, .py-lg-11vh {
    padding-top: 11vh !important;
  }
  .pb-lg-12vh, .py-lg-12vh {
    padding-bottom: 12vh !important;
  }
  .pt-lg-12vh, .py-lg-12vh {
    padding-top: 12vh !important;
  }
  .pb-lg-15vh, .py-lg-15vh {
    padding-bottom: 15vh !important;
  }
  .pt-lg-15vh, .py-lg-15vh {
    padding-top: 15vh !important;
  }
  .pb-lg-20vh, .py-lg-20vh {
    padding-bottom: 20vh !important;
  }
  .pt-lg-20vh, .py-lg-20vh {
    padding-top: 20vh !important;
  }
  .pb-lg-25vh, .py-lg-25vh {
    padding-bottom: 20vh !important;
  }
  .pt-lg-25vh, .py-lg-25vh {
    padding-top: 20vh !important;
  }
  .pb-lg-65vh, .py-lg-65vh {
    padding-bottom: 65vh !important;
  }
  .pt-lg-65vh, .py-lg-65vh {
    padding-top: 65vh !important;
  }
  .pt-lg-6, .py-lg-6 {
    padding-top: 4.5rem !important;
  }
  .pt-lg-7, .py-lg-7 {
    padding-top: 6rem !important;
  }
  .pb-lg-7, .py-lg-7 {
    padding-bottom: 6rem !important;
  }
  .mb-lg-7 {
    margin-bottom: 6rem !important;
  }
  .pt-lg-8, .py-lg-8 {
    padding-top: 7.5rem !important;
  }
  .pb-lg-8, .py-lg-8 {
    padding-bottom: 7.5rem !important;
  }
  .mb-lg-n4 {
    margin-bottom: -1.5rem;
  }
  .mb-lg-n5 {
    margin-bottom: -3rem;
  }
  .ml-lg-n5 {
    margin-left: -3rem;
  }
  .ml-lg-n50vw {
    margin-left: -50vw;
  }
  .mr-lg-n5 {
    margin-right: -3rem;
  }
  .mr-lg-n10vw {
    margin-right: -10vw;
  }
  .translate-lg-y-n50 {
    transform: translateY(-50%);
  }
}
@media (min-width: 992px) {
  .pb-lg-15vh, .py-lg-15vh {
    padding-bottom: 15vh !important;
  }
  .pt-lg-15vh, .py-lg-15vh {
    padding-top: 15vh !important;
  }
  .pb-lg-20vh, .py-lg-20vh {
    padding-bottom: 20vh !important;
  }
  .pt-lg-20vh, .py-lg-20vh {
    padding-top: 20vh !important;
  }
  .pb-lg-65vh, .py-lg-65vh {
    padding-bottom: 20vh !important;
  }
  .pt-lg-65vh, .py-lg-65vh {
    padding-top: 65vh !important;
  }
  .pt-lg-6, .py-lg-6 {
    padding-top: 4.5rem !important;
  }
  .pt-lg-7, .py-lg-7 {
    padding-top: 6rem !important;
  }
  .mb-lg-n4 {
    margin-bottom: -1.5rem;
  }
  .mb-lg-n5 {
    margin-bottom: -3rem;
  }
  .ml-lg-n5 {
    margin-left: -3rem;
  }
  .ml-lg-n50vw {
    margin-left: -50vw;
  }
  .mr-lg-n5 {
    margin-right: -3rem;
  }
  .mr-lg-n10vw {
    margin-right: -10vw;
  }
}
@media only screen and (max-width: 767px) {
  .xs-float-left {
    float: left;
  }
  .xs-float-right {
    float: right;
  }
  .xs-float-none {
    float: none;
  }
  .xs-mt-0 {
    margin-top: 0 !important;
  }
  .xs-mb-0 {
    margin-bottom: 0 !important;
  }
}

/*# sourceMappingURL=base.css.map */