/* remap grays */
:root {
  --fs-100: 0.625;
  --fs-200: 0.75rem;
  --fs-300: 0.875rem;
  --fs-400: 1rem;
  --fs-500: 1.125rem;
  --fs-600: 1.25rem;
  --fs-700: 1.375rem;
  --fs-800: 1.5rem;
  --fs-900: 1.625rem;
  --fs-1000: 1.75rem;
  --fs-1100: 2rem;
  --fs-1160: 2.25rem;
  --fs-1200: 2.5rem;
  --text-color-disabled: var(--secondary-500, map-get($colors, secondary-500));
  --text-link-active: var(--primary-600, map-get($colors, primary-600));
  --nav-tab-background: linear-gradient(180deg, #f3f3f3 79.69%, #ebebeb 100%);
  --nav-link-background-hover: linear-gradient(180deg, #f3f3f3 39.69%, #ebebeb 90%);
  --nav-link-background-active-hover: var(--white, $white);
  --nav-tab-background-disabled: linear-gradient(
    to bottom,
    var(--secondary-200, map-get($colors, secondary-200)),
    var(--white, $white)
  );
}
:root .-tabs-light-background {
  --nav-tab-background: var(--white, $white);
  --nav-link-background-hover: var(--white, $white);
  --nav-link-background-active-hover: var(--white, $white);
  --nav-tab-background-disabled: var(--white, $white);
}

._el-wrapper {
  padding-bottom: 0;
  background: var(--white, );
  border-radius: var(--radius-medium);
  overflow: hidden;
}

.vspacer5 {
  margin-top: 5px;
}

.vspacer10 {
  margin-top: 10px;
}

.vspacer15 {
  margin-top: 15px;
}

.vspacer20 {
  margin-top: 20px;
}

.vspacer25 {
  margin-top: 25px;
}

.vspacer30 {
  margin-top: 30px;
}

.vspacer35 {
  margin-top: 35px;
}

.vspacer40 {
  margin-top: 40px;
}

.vspacer45 {
  margin-top: 45px;
}

.vspacer50 {
  margin-top: 50px;
}

:root {
  --radius-none: 0;
  --radius-small: 4px;
  --radius-medium: 4px;
  --radius-large: 6px;
}

/**
 * Computes a top-shadow.
 *
 * @param {Number} $depth - depth level
 *
 * @return {List}
 */
/**
 * Computes a bottom-shadow.
 *
 * @param {Number} $depth - depth level
 *
 * @return {List}
 */
/**
 * Gives a depth effect.
 *
 * @param {Number} $depth - depth level (between 1 and 5)
 *
 * @link https://www.google.com/design/spec/layout/layout-principles.html#layout-principles-dimensionality Google Design
 *
 * @requires {function} top-shadow
 * @requires {function} bottom-shadow
 */
.-e100 {
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
}
.-e200 {
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16);
}
.-e300 {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
}
.-e400 {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.22), 0 14px 56px rgba(0, 0, 0, 0.25);
}
.-e500 {
  box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
}

: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;
  --black: #000;
  --light: #fafafa;
  --dark: #030303;
  --primary: #385988;
  --secondary: #A4ABB4;
  --success: #84BD00;
  --info: #007FAD;
  --warning: #F7A800;
  --danger: #CB2500;
  --white-100: white;
  --white-200: white;
  --white-300: white;
  --white-400: white;
  --white-500: white;
  --white-600: #bfbfbf;
  --white-700: gray;
  --white-800: #404040;
  --white-900: #262626;
  --black-100: #e6e6e6;
  --black-200: #bfbfbf;
  --black-300: gray;
  --black-400: #404040;
  --black-500: black;
  --black-600: black;
  --black-700: black;
  --black-800: black;
  --black-900: black;
  --light-100: white;
  --light-200: #fefefe;
  --light-300: #fdfdfd;
  --light-400: #fbfbfb;
  --light-500: #fafafa;
  --light-600: #bcbcbc;
  --light-700: #7d7d7d;
  --light-800: #3f3f3f;
  --light-900: #262626;
  --dark-100: #e6e6e6;
  --dark-200: silver;
  --dark-300: #818181;
  --dark-400: #424242;
  --dark-500: #030303;
  --dark-600: #020202;
  --dark-700: #020202;
  --dark-800: #010101;
  --dark-900: black;
  --primary-100: #ebeef3;
  --primary-200: #cdd6e1;
  --primary-300: #9cacc4;
  --primary-400: #6a83a6;
  --primary-500: #385988;
  --primary-600: #2a4366;
  --primary-700: #1c2d44;
  --primary-800: #0e1622;
  --primary-900: #080d14;
  --secondary-100: #f6f7f8;
  --secondary-200: #e8eaec;
  --secondary-300: #d2d5da;
  --secondary-400: #bbc0c7;
  --secondary-500: #a4abb4;
  --secondary-600: #7b8087;
  --secondary-700: #52565a;
  --secondary-800: #292b2d;
  --secondary-900: #191a1b;
  --success-100: #f3f8e6;
  --success-200: #e0efbf;
  --success-300: #c2de80;
  --success-400: #a3ce40;
  --success-500: #84bd00;
  --success-600: #638e00;
  --success-700: #425f00;
  --success-800: #212f00;
  --success-900: #141c00;
  --info-100: #e6f2f7;
  --info-200: #bfdfeb;
  --info-300: #80bfd6;
  --info-400: #409fc2;
  --info-500: #007fad;
  --info-600: #005f82;
  --info-700: #004057;
  --info-800: #00202b;
  --info-900: #00131a;
  --warning-100: #fef6e6;
  --warning-200: #fde9bf;
  --warning-300: #fbd480;
  --warning-400: #f9be40;
  --warning-500: #f7a800;
  --warning-600: #b97e00;
  --warning-700: #7c5400;
  --warning-800: #3e2a00;
  --warning-900: #251900;
  --danger-100: #fae9e6;
  --danger-200: #f2c9bf;
  --danger-300: #e59280;
  --danger-400: #d85c40;
  --danger-500: #cb2500;
  --danger-600: #981c00;
  --danger-700: #661300;
  --danger-800: #330900;
  --danger-900: #1e0600;
  --primary: #385988;
  --secondary: #A4ABB4;
  --success: #84BD00;
  --info: #007FAD;
  --warning: #F7A800;
  --danger: #CB2500;
  --light: #fafafa;
  --dark: #030303;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
}

/*# sourceMappingURL=css-vars.css.map */