@charset "UTF-8";
/* ==========================================================================
   Normalize.scss settings
   ========================================================================== */
/**
 * Includes legacy browser support IE6/7
 *
 * Set to false if you want to drop support for IE6 and IE7
 */
/* Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *  `em` units.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active, a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Addresses styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 8/9/10.
 * 2. Improves image quality when scaled in IE 7.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *  Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 * 4. Improves appearance and consistency in all browsers.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *  and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *  `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *  Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 *  Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 * 3. Corrects text not wrapping in Firefox 3.
 * 4. Corrects alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/* Colors */
.sdc-bc-white {
  background-color: #ffffff; }

.sdc-bc-blue {
  background-color: #009fdb; }

.sdc-bc-light-blue {
  background-color: #1eb9f3; }

.sdc-bc-lighter-blue {
  background-color: #e6f6fb; }

.sdc-bc-disabled-blue {
  background-color: #9dd9ef; }

.sdc-bc-dark-blue {
  background-color: #0568ae; }

.sdc-bc-darker-blue {
  background-color: #323943; }

.sdc-bc-black {
  background-color: #000000; }

.sdc-bc-text-black {
  background-color: #191919; }

.sdc-bc-dark-gray {
  background-color: #5a5a5a; }

.sdc-bc-gray {
  background-color: #959595; }

.sdc-bc-light-gray {
  background-color: #d2d2d2; }

.sdc-bc-silver {
  background-color: #eaeaea; }

.sdc-bc-light-silver {
  background-color: #f2f2f2; }

.sdc-bc-green {
  background-color: #4ca90c; }

.sdc-bc-light-green {
  background-color: #57c00e; }

.sdc-bc-disabled-green {
  background-color: #a5d485; }

.sdc-bc-red {
  background-color: #cf2a2a; }

.sdc-bc-disabled-red {
  background-color: #f4adad; }

.sdc-bc-light-red {
  background-color: #ed4141; }

.sdc-bc-yellow {
  background-color: #ffb81c; }

.sdc-bc-light-yellow {
  background-color: #f6c632; }

.sdc-bc-disabled-yellow {
  background-color: #ffdb8d; }

.sdc-bc-dark-purple {
  background-color: #702f8a; }

.sdc-bc-purple {
  background-color: #9063cd; }

.sdc-bc-light-purple {
  background-color: #caa2dd; }

.sdc-bc-lighter-silver {
  background-color: #f8f8f8; }

/* Prefix */
/* Value Prefix*/
/* Box sizing */
/* Borders & Shadows */
/* Opacity */
/* Ellipsis */
/* Vertical placement of multuple lines of text */
/* transform-rotate */
/* transform-translate */
/* transform-scale */
/**/
/**/
body {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

html {
  font-size: 100%;
  height: 100%; }

body {
  /* scrollbar styling for Internet Explorer */
  scrollbar-face-color: #d2d2d2;
  scrollbar-track-color: #ffffff;
  scrollbar-shadow-color: #ffffff;
  scrollbar-arrow-color: #959595;
  height: 100%; }

/* scrollbar styling for Google Chrome | Safari | Opera */
::-webkit-scrollbar {
  width: 11px;
  height: 8px; }

::-webkit-scrollbar-track {
  background-color: #ffffff;
  border: 1px solid #d2d2d2;
  border-top: none;
  border-bottom: none; }

::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: #959595;
  border: 2px solid rgba(0, 0, 0, 0);
  background-clip: padding-box; }
  ::-webkit-scrollbar-thumb:hover {
    border-width: 1px 0px 1px 1px; }

/* Mozilla Firefox currently doesn't support scrollbar styling */
ul {
  list-style: none; }

h1, h2, h3, h4, h5, h6, ul {
  margin: 0;
  padding: 0; }

input[type='text'] {
  padding: 4px;
  width: 100%; }

input[type="checkbox"] {
  width: auto; }

input, select, button {
  font-family: OpenSans-Regular, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  box-sizing: border-box; }

fieldset {
  border: none; }

fieldset label {
  display: inline-block; }

.nav-tabs > li > a:focus,
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: none; }

.error-message {
  color: #cf2a2a;
  font-family: OpenSans-Regular, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  margin-top: 3px; }
  .error-message:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 6px;
    background: no-repeat url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="14" viewBox="0 0 24 24"><defs><path id="alert-copy-a" d="M22.3815,16.5997 L13.9815,2.4007 C13.5815,1.6997 12.8815,1.1997 12.0815,0.9997 C11.2815,0.7997 10.4815,0.9007 9.7815,1.2997 C9.3815,1.4997 8.9815,1.9007 8.7815,2.2997 L0.3815,16.5997 C-0.4185,17.9997 0.0815,19.9007 1.4815,20.6997 C1.8815,20.9997 2.3815,21.0997 2.8815,21.0997 L19.8815,21.0997 C20.6825,21.0997 21.4815,20.7997 21.9815,20.1997 C22.5815,19.5997 22.8815,18.9007 22.8815,18.0997 C22.7815,17.5997 22.6825,16.9997 22.3815,16.5997 M11,7 C10.4,7 10,7.4 10,8 L10,12 C10,12.601 10.4,13 11,13 C11.6,13 12,12.601 12,12 L12,8 C12,7.4 11.6,7 11,7 M10.3,15.3 C10.1,15.499 10,15.699 10,15.999 C10,16.3 10.1,16.499 10.3,16.699 C10.5,16.9 10.7,16.999 11,16.999 C11.3,16.999 11.5,16.9 11.7,16.699 C11.9,16.499 12,16.199 12,15.999 C12,15.8 11.9,15.499 11.7,15.3 C11.3,14.9 10.7,14.9 10.3,15.3"/></defs><g fill="none" fill-rule="evenodd" transform="translate(1 1)"><use fill="#cf2a2a" xlink:href="#alert-copy-a"/></g></svg>'); }

.sdc-icon {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 16px;
  height: 16px; }

.sdc-icon-locked {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='15' viewBox='0 0 11 15' id='locked_icon'>  <metadata><?xpacket begin='' id='W5M0MpCehiHzreSzNTczkc9d'?><x:xmpmeta xmlns:x='adobe:ns:meta/' x:xmptk='Adobe XMP Core 5.6-c138 79.159824, 2016/09/14-01:09:01        '>   <rdf:RDF xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns#'>      <rdf:Description rdf:about=''/>   </rdf:RDF></x:xmpmeta><?xpacket end='w'?></metadata><defs>    <style>      .cls-1 {        fill: #959595;        fill-rule: evenodd;      }    </style>  </defs>  <path id='Shape_77_copy_10' data-name='Shape 77 copy 10' class='cls-1' d='M445,359a16.71,16.71,0,0,0-2.1-.009c-1.945.045-3.195,0.049-3.9,0.009v-5a1.743,1.743,0,0,1,2-2h1a1.743,1.743,0,0,1,2,2v5c0.474,0.063.343-.073,1,0,0.266,0.029,0,.279,0,0v-5a2.726,2.726,0,0,0-3-3h-1.142c-1.72-.125-2.715,1.562-2.858,3,0.088,0.009,0,7.338,0,5h0a1.891,1.891,0,0,0-2,1.689v3.461A1.823,1.823,0,0,0,437.775,366h7.448A1.823,1.823,0,0,0,447,364.15v-3.461A2.018,2.018,0,0,0,445,359Z' transform='translate(-436 -351)'/></svg>");
  background-repeat: no-repeat; }

.sdc-icon-plus {
  background-image: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><svg version='1.1' id='plus_icon' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 19 19' style='enable-background:new 0 0 19 19;' xml:space='preserve'><g><rect y='8' width='19' height='3'/><path id='Rectangle_2139_copy' d='M8,19V0h3v19H8z'/></g></svg>");
  background-repeat: no-repeat; }

.sdc-icon-unlocked {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='18' viewBox='0 0 11 18' id='unlocked_icon'>  <metadata><?xpacket begin='' id='W5M0MpCehiHzreSzNTczkc9d'?><x:xmpmeta xmlns:x='adobe:ns:meta/' x:xmptk='Adobe XMP Core 5.6-c138 79.159824, 2016/09/14-01:09:01        '>   <rdf:RDF xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns#'>      <rdf:Description rdf:about=''/>   </rdf:RDF></x:xmpmeta><?xpacket end='w'?></metadata><defs>    <style>      .cls-1 {        fill: #959595;        fill-rule: evenodd;      }    </style>  </defs>  <path id='Shape_77_copy_16' data-name='Shape 77 copy 16' class='cls-1' d='M663,358a16.723,16.723,0,0,0-2.1-.009c-1.944.045-3.194,0.049-3.9,0.009v-7a1.743,1.743,0,0,1,2-2h1a1.743,1.743,0,0,1,2,2v2c0.474,0.064.343-.073,1,0,0.266,0.029,0,.279,0,0v-2a2.726,2.726,0,0,0-3-3h-1.142c-1.72-.125-2.715,1.562-2.858,3,0.088,0.009,0,9.338,0,7h0a1.891,1.891,0,0,0-2,1.689v4.461a1.823,1.823,0,0,0,1.775,1.85h7.448A1.823,1.823,0,0,0,665,364.15v-4.461A2.018,2.018,0,0,0,663,358Zm1.05,6.15a0.827,0.827,0,0,1-.8.836H655.8a0.827,0.827,0,0,1-.8-0.836l0-4.15a1.164,1.164,0,0,1,.8-1.147h7.448A1.129,1.129,0,0,1,664,360Z' transform='translate(-654 -348)'/></svg>");
  background-repeat: no-repeat; }

.sdc-icon-vendor {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 53 47'  id='vendor_icon'><title>vendor</title><g id='Layer_2' data-name='Layer 2'><g id='vlm_icon' data-name='vlm icon'><path d='M49,7,38.5,7V5.92A5.92,5.92,0,0,0,32.58,0H20.42A5.92,5.92,0,0,0,14.5,5.92V7.15L4,7.2a3.8,3.8,0,0,0-4,3.5V43.5C0,45.4,2,47,4.2,47L49,46.8a3.8,3.8,0,0,0,4-3.5V10.5A3.8,3.8,0,0,0,49,7ZM16.5,5.92A3.92,3.92,0,0,1,20.42,2H32.58A3.92,3.92,0,0,1,36.5,5.92V7.06l-20,.09ZM2,10.8A1.9,1.9,0,0,1,4,9l45-.2a1.9,1.9,0,0,1,2,1.8v8.87L32.94,24.18a6.49,6.49,0,0,0-12.89,0L2,19.51V10.8ZM31,25a4.5,4.5,0,1,1-4.5-4.5A4.5,4.5,0,0,1,31,25ZM49,45,4,45.2A1.9,1.9,0,0,1,2,43.4V21.57l18.13,4.73a6.5,6.5,0,0,0,12.74,0L51,21.53V43.21A1.9,1.9,0,0,1,49,45Z'/></g></g></svg>");
  background-repeat: no-repeat; }

.sdc-icon-vlm {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45 53'><title>vlm_new_icon</title><g id='Layer_2' data-name='Layer 2'><g id='vlm_icon' data-name='vlm icon'><path d='M41,2a2,2,0,0,1,2,2l.19,45a2,2,0,0,1-2,2H4a2,2,0,0,1-2-2L1.81,4a2,2,0,0,1,2-2H41m-.15-2H4A4.2,4.2,0,0,0,0,4.24L.19,49a4,4,0,0,0,4,4H41a4,4,0,0,0,4-4L44.81,4a4,4,0,0,0-4-4Z'/><rect x='14' y='11' width='17' height='2'/><rect x='14' y='18' width='10' height='2'/><polygon points='20.56 38.85 13.87 33.14 15.16 31.62 20.39 36.08 29.08 26.63 30.55 27.98 20.56 38.85'/></g></g></svg>");
  background-repeat: no-repeat; }

.sdc-icon-vsp {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 59.5 40' id='vsp_icon'><title>vsp_new_icon</title><g id='Layer_2' data-name='Layer 2'><g id='vlm_icon' data-name='vlm icon'><path d='M58.28,30.74c-1.49-1.82-3-2.7-4.67-2.74a8.5,8.5,0,0,0-16.22-2.44,6.93,6.93,0,0,0-4.06.66A7.23,7.23,0,0,0,36.42,40H53.5a6,6,0,0,0,6-6A5.18,5.18,0,0,0,58.28,30.74ZM53.5,38H36.42a5.25,5.25,0,0,1-5.21-5.91,5.32,5.32,0,0,1,3-4.06,5,5,0,0,1,2.21-.53,5.25,5.25,0,0,1,1.35.18l.92.24L39,27A6.5,6.5,0,0,1,51.67,29v1.3l1.17-.2c1-.17,2.17-.17,3.91,2a3.18,3.18,0,0,1,.76,2A4,4,0,0,1,53.5,38Z'/><path d='M49,0,4,.17A3.79,3.79,0,0,0,0,3.69V7.94H0v2H0V36.31C0,38.35,2,40,4.25,40l20.84-.08a1,1,0,0,0,0-1.92L4,38.08a1.89,1.89,0,0,1-2-1.76V10H51v7a1,1,0,0,0,2,0V3.53A3.79,3.79,0,0,0,49,0ZM2,8V3.76A1.89,1.89,0,0,1,4,2l45-.16a1.89,1.89,0,0,1,2,1.76V8Z'/></g></g></svg>");
  background-repeat: no-repeat; }

.sdc-icon-transform {
  transform: rotate(180deg); }

/***********************************************************************************
 VERTICAL COLLAPSE-EXPEND TRANSITION ANIMATION PAIR.

 We use the 'transition-vertical-collapse' for the collapse/idle block element,
 and the 'transition-vertical-expand' to expend that element.

 -important: The element that will be used for the animation should be
 a block element, adn  have a content or width and height settings for it to work.
*********************************************************************************/
/**
Enable to fold an expended block element
@param $offsetY - The top position from which the drop down should fold
 */
/**
Enable to expend a folded block element
@param $maxHeight - most of the animation is done over the max-height property
                    so we have to set the maximum height the expended element can expend to.
 */
/********************************************************************************
  SIMPLE FADE-IN KEYFRAMES ANIMATION (Used in tooltip for example)

  we use 'mixin-keyframes-fade-in-vertically' to create css @keyframes rule that
  we later can use with animation property inside our prefered css rules:
      .our_class {
        ...
          animation: keyframes-fade-in-vertically 1s ease-out;
        ...
      }
*********************************************************************************/
/********************************************************************************
  SIMPLE FADE-OUT KEYFRAMES ANIMATION (Opposite of fade-in mixin above)
*********************************************************************************/
/********************************************************************************
  RIPPLE ANIMATION (Used for ripple-click directive)
*********************************************************************************/
@keyframes ripple-animation {
  from {
    transform: scale(0, 0);
    opacity: 1; }
  to {
    transform: scale(2, 2);
    opacity: 0; } }

.sdc-ripple-click__animated {
  position: relative; }

.sdc-ripple-click__animated::before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  animation: ripple-animation .3s ease-out;
  background-color: #009fdb;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  pointer-events: none;
  opacity: 0; }

/* Deafult theme */
.sdc-tile {
  width: 204px;
  height: 204px;
  padding: 10px;
  border: 1px solid #eaeaea;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  cursor: pointer;
  user-select: none;
  background: #ffffff;
  color: #191919;
  fill: #5a5a5a;
  transition: box-shadow 0.3s ease-in-out;
  font-family: OpenSans-Regular, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(25, 25, 25, 0.06);
  -moz-box-shadow: 0 1px 4px 0 rgba(25, 25, 25, 0.06);
  box-shadow: 0 1px 4px 0 rgba(25, 25, 25, 0.06); }
  .sdc-tile:hover {
    border-color: #d2d2d2;
    -webkit-box-shadow: 0 10px 30px 0 rgba(25, 25, 25, 0.25);
    -moz-box-shadow: 0 10px 30px 0 rgba(25, 25, 25, 0.25);
    box-shadow: 0 10px 30px 0 rgba(25, 25, 25, 0.25); }
  .sdc-tile .blue {
    color: #009fdb;
    fill: #009fdb; }
  .sdc-tile .purple {
    color: #9063cd;
    fill: #9063cd; }
  .sdc-tile .centered.sdc-tile-footer, .sdc-tile .centered .sdc-tile-info-line {
    text-align: center; }
  .sdc-tile .sdc-tile-header {
    height: 1.1em;
    line-height: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
    display: block;
    max-width: none;
    font-size: 14px;
    text-transform: uppercase; }
  .sdc-tile .sdc-tile-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%; }
    .sdc-tile .sdc-tile-content .sdc-tile-content-icon {
      margin-top: 27px;
      text-align: center; }
      .sdc-tile .sdc-tile-content .sdc-tile-content-icon svg {
        width: 50px;
        height: 50px; }
        .sdc-tile .sdc-tile-content .sdc-tile-content-icon svg.__vsp {
          width: 60px;
          height: 40px; }
        .sdc-tile .sdc-tile-content .sdc-tile-content-icon svg.__vlm {
          width: 45px;
          height: 53px; }
        .sdc-tile .sdc-tile-content .sdc-tile-content-icon svg.__vendor {
          width: 53px;
          height: 47px; }
    .sdc-tile .sdc-tile-content .sdc-tile-content-info {
      display: flex;
      flex-direction: column; }
      .sdc-tile .sdc-tile-content .sdc-tile-content-info .sdc-tile-info-line {
        text-transform: capitalize;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        white-space: nowrap;
        display: inline-block;
        max-width: none; }
        .sdc-tile .sdc-tile-content .sdc-tile-content-info .sdc-tile-info-line button {
          height: 1.67em;
          width: initial;
          margin-bottom: 5px;
          margin-top: 1px;
          padding: 0 8px;
          font-size: inherit; }
        .sdc-tile .sdc-tile-content .sdc-tile-content-info .sdc-tile-info-line.supertitle {
          height: 1.1em;
          line-height: 1.2;
          color: #959595; }
        .sdc-tile .sdc-tile-content .sdc-tile-content-info .sdc-tile-info-line.title {
          height: 1.6em;
          line-height: 1.8;
          color: #191919;
          font-family: OpenSans-Semibold, Arial, sans-serif;
          font-style: normal;
          font-weight: 400;
          font-size: 14px; }
        .sdc-tile .sdc-tile-content .sdc-tile-content-info .sdc-tile-info-line.subtitle {
          height: 1.5em;
          line-height: 1.6;
          color: #5a5a5a; }
        .sdc-tile .sdc-tile-content .sdc-tile-content-info .sdc-tile-info-line:last-child {
          margin-bottom: 4px; }
  .sdc-tile .sdc-tile-footer {
    height: 23px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #eaeaea;
    padding-top: 8px;
    color: #5a5a5a;
    fill: #5a5a5a;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .sdc-tile .sdc-tile-footer .sdc-tile-footer-cell:first-child {
      overflow: hidden;
      text-overflow: ellipsis;
      width: 100%;
      white-space: nowrap;
      display: inline-block;
      max-width: none; }
    .sdc-tile .sdc-tile-footer .sdc-tile-footer-cell svg {
      width: 20px;
      height: 12px; }
    .sdc-tile .sdc-tile-footer .sdc-tile-footer-cell button {
      width: initial;
      height: initial;
      font-family: OpenSans-Regular, Arial, sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 13px; }
      .sdc-tile .sdc-tile-footer .sdc-tile-footer-cell button .svg-icon-wrapper .svg-icon-label {
        font-size: inherit; }
      .sdc-tile .sdc-tile-footer .sdc-tile-footer-cell button .svg-icon-wrapper svg {
        width: 9px;
        height: 9px; }

.sdc-checkbox {
  line-height: 14px; }
  .sdc-checkbox label {
    position: relative;
    display: block;
    padding-left: 14px; }
  .sdc-checkbox .sdc-checkbox__input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    position: absolute;
    z-index: -1;
    opacity: 0; }
    .sdc-checkbox .sdc-checkbox__input + .sdc-checkbox__label:before {
      display: inline-block;
      position: absolute;
      left: 0;
      top: 0;
      content: "";
      width: 14px;
      height: 14px;
      box-sizing: content-box;
      background: no-repeat url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%20%3Cdefs%3E%20%3Cpath%20id%3D%22disabled-a%22%20d%3D%22M2%2C0%20L12%2C-2.22044605e-16%20C13.1045695%2C5.56104062e-16%2014%2C0.8954305%2014%2C2%20L14%2C12%20C14%2C13.1045695%2013.1045695%2C14%2012%2C14%20L2%2C14%20C0.8954305%2C14%208.94280938e-16%2C13.1045695%20-2.22044605e-16%2C12%20L-2.22044605e-16%2C2%20C-3.57315355e-16%2C0.8954305%200.8954305%2C-1.91384796e-17%202%2C-2.22044605e-16%20Z%22%2F%3E%20%3C%2Fdefs%3E%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%3Cuse%20fill%3D%22%23FFFFFF%22%20xlink%3Ahref%3D%22%23disabled-a%22%2F%3E%20%3Cpath%20stroke%3D%22%23D2D2D2%22%20d%3D%22M2%2C0.5%20C1.17157288%2C0.5%200.5%2C1.17157288%200.5%2C2%20L0.5%2C12%20C0.5%2C12.8284271%201.17157288%2C13.5%202%2C13.5%20L12%2C13.5%20C12.8284271%2C13.5%2013.5%2C12.8284271%2013.5%2C12%20L13.5%2C2%20C13.5%2C1.17157288%2012.8284271%2C0.5%2012%2C0.5%20L2%2C0.5%20Z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E"); }
    .sdc-checkbox .sdc-checkbox__input:disabled + .sdc-checkbox__label {
      color: #959595; }
      .sdc-checkbox .sdc-checkbox__input:disabled + .sdc-checkbox__label:before {
        background: no-repeat url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%20%3Cdefs%3E%20%3Cpath%20id%3D%22disabled-a%22%20d%3D%22M2%2C0%20L12%2C-2.22044605e-16%20C13.1045695%2C5.56104062e-16%2014%2C0.8954305%2014%2C2%20L14%2C12%20C14%2C13.1045695%2013.1045695%2C14%2012%2C14%20L2%2C14%20C0.8954305%2C14%208.94280938e-16%2C13.1045695%20-2.22044605e-16%2C12%20L-2.22044605e-16%2C2%20C-3.57315355e-16%2C0.8954305%200.8954305%2C-1.91384796e-17%202%2C-2.22044605e-16%20Z%22%2F%3E%20%3C%2Fdefs%3E%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%3Cuse%20fill%3D%22%23F2F2F2%22%20xlink%3Ahref%3D%22%23disabled-a%22%2F%3E%20%3Cpath%20stroke%3D%22%23D2D2D2%22%20d%3D%22M2%2C0.5%20C1.17157288%2C0.5%200.5%2C1.17157288%200.5%2C2%20L0.5%2C12%20C0.5%2C12.8284271%201.17157288%2C13.5%202%2C13.5%20L12%2C13.5%20C12.8284271%2C13.5%2013.5%2C12.8284271%2013.5%2C12%20L13.5%2C2%20C13.5%2C1.17157288%2012.8284271%2C0.5%2012%2C0.5%20L2%2C0.5%20Z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E"); }
    .sdc-checkbox .sdc-checkbox__input:checked + .sdc-checkbox__label:before {
      background: no-repeat url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22%23009fdb%22%3E%3Cpath%20d%3D%22M2%2C0%20L12%2C-2.22044605e-16%20C13.1045695%2C5.56104062e-16%2014%2C0.8954305%2014%2C2%20L14%2C12%20C14%2C13.1045695%2013.1045695%2C14%2012%2C14%20L2%2C14%20C0.8954305%2C14%208.94280938e-16%2C13.1045695%20-2.22044605e-16%2C12%20L-2.22044605e-16%2C2%20C-3.57315355e-16%2C0.8954305%200.8954305%2C-1.91384796e-17%202%2C-2.22044605e-16%20Z%20M3.85355339%2C7.54977605%20C3.65829124%2C7.35451391%203.34170876%2C7.35451391%203.14644661%2C7.54977605%20C2.95118446%2C7.7450382%202.95118446%2C8.06162069%203.14644661%2C8.25688283%20L5.71469032%2C10.8251265%20C5.93114093%2C11.0415771%206.28952386%2C11.0144698%206.47095446%2C10.7679244%20L10.8653572%2C4.79638422%20C11.0290275%2C4.57397322%2010.9814087%2C4.26099251%2010.7589977%2C4.09732224%20C10.5365867%2C3.93365198%2010.223606%2C3.98127076%2010.0599357%2C4.20368177%20L6.01038326%2C9.70660592%20L3.85355339%2C7.54977605%20Z%22%2F%3E%3C%2Fsvg%3E"); }
    .sdc-checkbox .sdc-checkbox__input:checked:disabled + .sdc-checkbox__label:before {
      background: no-repeat url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill%3D%22%23d2d2d2%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2%2C0%20L12%2C-2.22044605e-16%20C13.1045695%2C5.56104062e-16%2014%2C0.8954305%2014%2C2%20L14%2C12%20C14%2C13.1045695%2013.1045695%2C14%2012%2C14%20L2%2C14%20C0.8954305%2C14%208.94280938e-16%2C13.1045695%20-2.22044605e-16%2C12%20L-2.22044605e-16%2C2%20C-3.57315355e-16%2C0.8954305%200.8954305%2C-1.91384796e-17%202%2C-2.22044605e-16%20Z%20M3.85355339%2C7.54977605%20C3.65829124%2C7.35451391%203.34170876%2C7.35451391%203.14644661%2C7.54977605%20C2.95118446%2C7.7450382%202.95118446%2C8.06162069%203.14644661%2C8.25688283%20L5.71469032%2C10.8251265%20C5.93114093%2C11.0415771%206.28952386%2C11.0144698%206.47095446%2C10.7679244%20L10.8653572%2C4.79638422%20C11.0290275%2C4.57397322%2010.9814087%2C4.26099251%2010.7589977%2C4.09732224%20C10.5365867%2C3.93365198%2010.223606%2C3.98127076%2010.0599357%2C4.20368177%20L6.01038326%2C9.70660592%20L3.85355339%2C7.54977605%20Z%22%2F%3E%3C%2Fsvg%3E"); }
    .sdc-checkbox .sdc-checkbox__input:not(:disabled) + .sdc-checkbox__label {
      cursor: pointer; }
  .sdc-checkbox .sdc-checkbox__label:not(:empty) {
    padding-left: 14px;
    font-family: OpenSans-Regular, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px; }

.sdc-radio {
  line-height: 14px; }
  .sdc-radio label {
    position: relative;
    display: block;
    padding-left: 14px; }
  .sdc-radio .sdc-radio__input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    position: absolute;
    z-index: -1;
    opacity: 0; }
    .sdc-radio .sdc-radio__input + .sdc-radio__label:before {
      display: inline-block;
      position: absolute;
      left: 0;
      top: 0;
      content: "";
      width: 14px;
      height: 14px;
      box-sizing: content-box;
      background: no-repeat url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23d2d2d2%22%20d%3D%22M7%2C14%20C3.13400675%2C14%200%2C10.8659932%200%2C7%20C0%2C3.13400675%203.13400675%2C0%207%2C0%20C8.35813029%2C0%209.62592397%2C0.386776975%2010.699241%2C1.0561909%20C12.6811805%2C2.29230086%2014%2C4.49213704%2014%2C7%20C14%2C10.8659932%2010.8659932%2C14%207%2C14%20Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M7%2C13%20C10.3137085%2C13%2013%2C10.3137085%2013%2C7%20C13%2C3.6862915%2010.3137085%2C1%207%2C1%20C3.6862915%2C1%201%2C3.6862915%201%2C7%20C1%2C10.3137085%203.6862915%2C13%207%2C13%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
    .sdc-radio .sdc-radio__input:disabled:not(:checked) + .sdc-radio__label:before {
      background: no-repeat url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23d2d2d2%22%20d%3D%22M7%2C14%20C3.13400675%2C14%200%2C10.8659932%200%2C7%20C0%2C3.13400675%203.13400675%2C0%207%2C0%20C8.35813029%2C0%209.62592397%2C0.386776975%2010.699241%2C1.0561909%20C12.6811805%2C2.29230086%2014%2C4.49213704%2014%2C7%20C14%2C10.8659932%2010.8659932%2C14%207%2C14%20Z%22%2F%3E%3Cpath%20fill%3D%22%23F2F2F2%22%20d%3D%22M7%2C13%20C10.3137085%2C13%2013%2C10.3137085%2013%2C7%20C13%2C3.6862915%2010.3137085%2C1%207%2C1%20C3.6862915%2C1%201%2C3.6862915%201%2C7%20C1%2C10.3137085%203.6862915%2C13%207%2C13%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
    .sdc-radio .sdc-radio__input:checked + .sdc-radio__label:before {
      background: no-repeat url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cg%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23009fdb%22%20fill-rule%3D%22nonzero%22%20d%3D%22M7%2C14%20C3.13400675%2C14%200%2C10.8659932%200%2C7%20C0%2C3.13400675%203.13400675%2C0%207%2C0%20C10.8659932%2C0%2014%2C3.13400675%2014%2C7%20C14%2C10.8659932%2010.8659932%2C14%207%2C14%20Z%20M7%2C13.1764706%20C10.4111705%2C13.1764706%2013.1764706%2C10.4111705%2013.1764706%2C7%20C13.1764706%2C3.58882949%2010.4111705%2C0.823529412%207%2C0.823529412%20C3.58882949%2C0.823529412%200.823529412%2C3.58882949%200.823529412%2C7%20C0.823529412%2C10.4111705%203.58882949%2C13.1764706%207%2C13.1764706%20Z%22%2F%3E%3Ccircle%20fill%3D%22%23009fdb%22%20cx%3D%227%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
    .sdc-radio .sdc-radio__input:checked:disabled + .sdc-radio__label:before {
      background: no-repeat url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cg%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23d2d2d2%22%20fill-rule%3D%22nonzero%22%20d%3D%22M7%2C14%20C3.13400675%2C14%200%2C10.8659932%200%2C7%20C0%2C3.13400675%203.13400675%2C0%207%2C0%20C10.8659932%2C0%2014%2C3.13400675%2014%2C7%20C14%2C10.8659932%2010.8659932%2C14%207%2C14%20Z%20M7%2C13.1764706%20C10.4111705%2C13.1764706%2013.1764706%2C10.4111705%2013.1764706%2C7%20C13.1764706%2C3.58882949%2010.4111705%2C0.823529412%207%2C0.823529412%20C3.58882949%2C0.823529412%200.823529412%2C3.58882949%200.823529412%2C7%20C0.823529412%2C10.4111705%203.58882949%2C13.1764706%207%2C13.1764706%20Z%22%2F%3E%3Ccircle%20fill%3D%22%23d2d2d2%22%20cx%3D%227%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
    .sdc-radio .sdc-radio__input:not(:disabled) + .sdc-radio__label {
      cursor: pointer; }
    .sdc-radio .sdc-radio__input:disabled + .sdc-radio__label {
      color: #959595; }
  .sdc-radio .sdc-radio__label:not(:empty) {
    padding-left: 14px;
    font-family: OpenSans-Regular, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px; }

.sdc-radio-group .sdc-radio-group__radios {
  display: flex; }

.sdc-radio-group .sdc-radio-group__legend {
  font-family: OpenSans-Semibold, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  display: inline-block;
  margin-bottom: 5px; }

.sdc-radio-group .sdc-radio__label {
  font-family: OpenSans-Regular, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  margin-right: 20px; }

.sdc-radio-group .vertical {
  flex-direction: column; }
  .sdc-radio-group .vertical .sdc-radio {
    margin-bottom: 15px; }

.svg-icon-wrapper {
  display: inline-flex;
  justify-content: center;
  align-items: center; }
  .svg-icon-wrapper[disabled] {
    opacity: 0.7; }
  .svg-icon-wrapper.bottom {
    flex-direction: column; }
    .svg-icon-wrapper.bottom .svg-icon-label {
      margin-bottom: 5px; }
  .svg-icon-wrapper.right {
    float: none; }
    .svg-icon-wrapper.right .svg-icon-label {
      margin-left: 5px; }
  .svg-icon-wrapper.top {
    flex-direction: column-reverse; }
    .svg-icon-wrapper.top .svg-icon-label {
      margin-top: 5px; }
  .svg-icon-wrapper.left {
    flex-direction: row-reverse; }
    .svg-icon-wrapper.left .svg-icon-label {
      margin-right: 5px; }
  .svg-icon-wrapper.__warning {
    color: #ffb81c;
    fill: #ffb81c; }
    .svg-icon-wrapper.__warning span {
      color: #ffb81c; }
    .svg-icon-wrapper.__warning:not([disabled]):hover.clickable, .svg-icon-wrapper.__warning:active.clickable, .svg-icon-wrapper.__warning:focus.clickable {
      color: #ffb81c;
      fill: #ffb81c; }
  .svg-icon-wrapper.__primary {
    color: #009fdb;
    fill: #009fdb; }
    .svg-icon-wrapper.__primary span {
      color: #009fdb; }
    .svg-icon-wrapper.__primary:not([disabled]):hover.clickable, .svg-icon-wrapper.__primary:active.clickable, .svg-icon-wrapper.__primary:focus.clickable {
      color: #1eb9f3;
      fill: #1eb9f3; }
  .svg-icon-wrapper.__secondary {
    color: #959595;
    fill: #959595; }
    .svg-icon-wrapper.__secondary span {
      color: #959595; }
    .svg-icon-wrapper.__secondary:not([disabled]):hover.clickable, .svg-icon-wrapper.__secondary:active.clickable, .svg-icon-wrapper.__secondary:focus.clickable {
      color: #5a5a5a;
      fill: #5a5a5a; }
  .svg-icon-wrapper.__positive {
    color: #4ca90c;
    fill: #4ca90c; }
    .svg-icon-wrapper.__positive span {
      color: #4ca90c; }
    .svg-icon-wrapper.__positive:not([disabled]):hover.clickable, .svg-icon-wrapper.__positive:active.clickable, .svg-icon-wrapper.__positive:focus.clickable {
      color: #4ca90c;
      fill: #4ca90c; }
  .svg-icon-wrapper.__negative {
    color: #cf2a2a;
    fill: #cf2a2a; }
    .svg-icon-wrapper.__negative span {
      color: #cf2a2a; }
    .svg-icon-wrapper.__negative:not([disabled]):hover.clickable, .svg-icon-wrapper.__negative:active.clickable, .svg-icon-wrapper.__negative:focus.clickable {
      color: #cf2a2a;
      fill: #cf2a2a; }

.svg-icon {
  width: 20px;
  height: 20px; }
  .svg-icon.__angleDoubleLeft {
    width: 14px;
    height: 14px; }
  .svg-icon.__angleDoubleRight {
    width: 14px;
    height: 14px; }
  .svg-icon.__angleLeft {
    width: 14px;
    height: 14px; }
  .svg-icon.__angleRight {
    width: 14px;
    height: 14px; }
  .svg-icon.__artifacts {
    width: 16px;
    height: 20px; }
  .svg-icon.__back {
    width: 25px;
    height: 25px; }
  .svg-icon.__checkCircle {
    width: 16px;
    height: 16px; }
  .svg-icon.__chevronDown {
    width: 10px;
    height: 7px; }
  .svg-icon.__chevronUp {
    width: 11px;
    height: 7px; }
  .svg-icon.__close {
    width: 10px;
    height: 10px; }
  .svg-icon.__download {
    width: 15px;
    height: 11px; }
  .svg-icon.__env {
    width: 15px;
    height: 14px; }
  .svg-icon.__error {
    width: 14px;
    height: 14px; }
  .svg-icon.__errorCircle {
    width: 16px;
    height: 16px; }
  .svg-icon.__exclamationTriangleFull {
    width: 15px;
    height: 13px; }
  .svg-icon.__exclamationTriangleLine {
    width: 15px;
    height: 13px; }
  .svg-icon.__locked {
    width: 11px; }
  .svg-icon.__nestedHeat {
    width: 15px;
    height: 13px; }
  .svg-icon.__network {
    width: 13px;
    height: 13px; }
  .svg-icon.__others {
    width: 12px;
    height: 12px; }
  .svg-icon.__pencil {
    width: 15px;
    height: 15px; }
  .svg-icon.__plus {
    width: 9px;
    height: 9px; }
  .svg-icon.__plusCircle {
    width: 19px;
    height: 19px; }
  .svg-icon.__plusThin {
    width: 9px;
    height: 9px; }
  .svg-icon.__proceedToOverview {
    width: 24px;
    height: 20px; }
  .svg-icon.__trashO {
    width: 15px;
    height: 16px; }
  .svg-icon.__unlocked {
    width: 11px; }
  .svg-icon.__upload {
    width: 15px;
    height: 11px; }
  .svg-icon.__vendor {
    width: 53px;
    height: 47px; }
  .svg-icon.__versionControllerLockClosed {
    width: 21px;
    height: 23px; }
  .svg-icon.__versionControllerLockOpen {
    width: 24px;
    height: 28px; }
  .svg-icon.__vlm {
    width: 53px;
    height: 47px; }
  .svg-icon.__vsp {
    width: 53px;
    height: 47px; }
  .svg-icon.__zip {
    width: 29px;
    height: 23px; }

.svg-icon-missing {
  font-family: OpenSans-Regular, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  color: #cf2a2a; }

.sdc-input {
  margin-bottom: 10px; }
  .sdc-input .sdc-input__label {
    margin-bottom: 5px;
    display: block;
    font-family: OpenSans-Semibold, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px; }
    .sdc-input .sdc-input__label.required::before {
      content: '*';
      color: #cf2a2a;
      margin: 0 4px 0 0; }
  .sdc-input .sdc-input__input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    height: 38px;
    width: 100%;
    border: solid 1px #d2d2d2;
    border-radius: 2px;
    color: #5a5a5a; }
    .sdc-input .sdc-input__input.error, .sdc-input .sdc-input__input.error:focus, .sdc-input .sdc-input__input.error:disabled {
      border: solid 1px #cf2a2a;
      color: #cf2a2a;
      outline: none; }
    .sdc-input .sdc-input__input:read-only {
      border: none;
      outline: none;
      color: #191919; }
    .sdc-input .sdc-input__input:-moz-read-only {
      /* For Firefox */
      border: none;
      outline: none;
      color: #191919; }
    .sdc-input .sdc-input__input:focus {
      border-color: #009fdb;
      outline: 0 none;
      color: #191919; }
    .sdc-input .sdc-input__input:disabled {
      background: #f2f2f2;
      color: #959595; }
    .sdc-input .sdc-input__input::-webkit-input-placeholder {
      color: #959595;
      font-family: OpenSans-Italic, OpenSans-Regular, Arial, sans-serif;
      font-style: normal;
      font-weight: 400; }
    .sdc-input .sdc-input__input::-moz-placeholder {
      color: #959595;
      font-family: OpenSans-Italic, OpenSans-Regular, Arial, sans-serif;
      font-style: normal;
      font-weight: 400; }
    .sdc-input .sdc-input__input:-moz-placeholder {
      color: #959595;
      font-family: OpenSans-Italic, OpenSans-Regular, Arial, sans-serif;
      font-style: normal;
      font-weight: 400; }
    .sdc-input .sdc-input__input:-ms-input-placeholder {
      color: #959595;
      font-family: OpenSans-Italic, OpenSans-Regular, Arial, sans-serif;
      font-style: normal;
      font-weight: 400; }
  .sdc-input .sdc-label__error {
    margin-top: 2px;
    margin-left: 2px;
    font-family: OpenSans-Regular, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px; }

.sdc-dropdown {
  font-family: OpenSans-Regular, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  position: relative;
  display: block;
  /*************************************
  SDC DropDown styles
   *************************************/
  /*************************************
  SDC Auto-DropDown styles
   *************************************/
  /*************************************
  SDC Error styles
   *************************************/ }
  .sdc-dropdown .sdc-dropdown__error--block {
    display: none; }
  .sdc-dropdown.headless {
    display: none; }
  .sdc-dropdown .sdc-dropdown__component-container {
    position: relative;
    height: 40px; }
    .sdc-dropdown .sdc-dropdown__component-container .sdc-dropdown__header {
      background: #ffffff;
      text-align: left;
      position: relative;
      color: #5a5a5a;
      font-family: OpenSans-Regular, Arial, sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      text-indent: 6px;
      border: solid 1px #d2d2d2;
      width: 100%;
      height: 40px;
      line-height: 36px;
      box-sizing: border-box;
      border-radius: 2px; }
      .sdc-dropdown .sdc-dropdown__component-container .sdc-dropdown__header.placeholder {
        font-family: OpenSans-Italic, OpenSans-Regular, Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        color: #959595; }
      .sdc-dropdown .sdc-dropdown__component-container .sdc-dropdown__header.disabled {
        border: solid 1px #d2d2d2;
        background-color: #f2f2f2;
        color: #d2d2d2;
        cursor: default; }
        .sdc-dropdown .sdc-dropdown__component-container .sdc-dropdown__header.disabled:focus {
          border: solid 1px #d2d2d2;
          outline: none; }
          .sdc-dropdown .sdc-dropdown__component-container .sdc-dropdown__header.disabled:focus .svg-icon > svg {
            fill: #d2d2d2; }
        .sdc-dropdown .sdc-dropdown__component-container .sdc-dropdown__header.disabled .svg-icon > svg {
          fill: #d2d2d2; }
      .sdc-dropdown .sdc-dropdown__component-container .sdc-dropdown__header:focus {
        border: solid 1px #1eb9f3;
        outline: none; }
        .sdc-dropdown .sdc-dropdown__component-container .sdc-dropdown__header:focus .svg-icon > svg {
          fill: #1eb9f3; }
      .sdc-dropdown .sdc-dropdown__component-container .sdc-dropdown__header .sdc-dropdown-handle {
        float: right; }
        .sdc-dropdown .sdc-dropdown__component-container .sdc-dropdown__header .sdc-dropdown-handle .svg-icon > svg {
          fill: #5a5a5a; }
      .sdc-dropdown .sdc-dropdown__component-container .sdc-dropdown__header svg-icon {
        margin: 10px 6px;
        float: right; }
  .sdc-dropdown.open-bottom .sdc-dropdown__header {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid #1eb9f3;
    box-sizing: border-box; }
    .sdc-dropdown.open-bottom .sdc-dropdown__header .svg-icon > svg {
      fill: #1eb9f3; }
  .sdc-dropdown.open-top .sdc-dropdown__header {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .sdc-dropdown .sdc-dropdown__options-list {
    position: relative;
    opacity: 0;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 0;
    overflow-y: auto;
    box-sizing: border-box;
    border: 1px solid #1eb9f3;
    background-color: white;
    box-shadow: 0 3px 7px -3px #5a5a5a;
    z-index: 999; }
    .sdc-dropdown .sdc-dropdown__options-list.sdc-dropdown__options-wrapper--top {
      bottom: 40px;
      border-top: 1px solid #1eb9f3; }
    .sdc-dropdown .sdc-dropdown__options-list.sdc-dropdown__options-list--headless {
      border-top: 1px solid #1eb9f3; }
    .sdc-dropdown .sdc-dropdown__options-list .sdc-dropdown__option {
      font-family: OpenSans-Regular, Arial, sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      text-indent: 10px;
      padding: 10px;
      background: transparent;
      cursor: pointer;
      height: 40px;
      box-sizing: border-box; }
      .sdc-dropdown .sdc-dropdown__options-list .sdc-dropdown__option.sdc-dropdown__option--hr {
        height: 1px;
        overflow: hidden;
        border-top: 1px solid #eaeaea;
        padding: 0;
        margin: 10px 20px; }
      .sdc-dropdown .sdc-dropdown__options-list .sdc-dropdown__option.sdc-dropdown__option--group {
        text-indent: 30px; }
      .sdc-dropdown .sdc-dropdown__options-list .sdc-dropdown__option:hover {
        background-color: #f2f2f2; }
      .sdc-dropdown .sdc-dropdown__options-list .sdc-dropdown__option.selected {
        background-color: #e6f6fb;
        color: #009fdb;
        font-family: OpenSans-Semibold, Arial, sans-serif;
        font-style: normal;
        font-weight: 400; }
      .sdc-dropdown .sdc-dropdown__options-list .sdc-dropdown__option.sdc-dropdown__option--header {
        font-family: OpenSans-Semibold, Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        color: #191919;
        cursor: default; }
        .sdc-dropdown .sdc-dropdown__options-list .sdc-dropdown__option.sdc-dropdown__option--header.sdc-dropdown__option--group {
          text-indent: 10px; }
        .sdc-dropdown .sdc-dropdown__options-list .sdc-dropdown__option.sdc-dropdown__option--header:hover {
          background-color: transparent; }
      .sdc-dropdown .sdc-dropdown__options-list .sdc-dropdown__option.sdc-dropdown__option--disabled {
        color: #959595;
        cursor: default; }
        .sdc-dropdown .sdc-dropdown__options-list .sdc-dropdown__option.sdc-dropdown__option--disabled:hover {
          background-color: transparent; }
        .sdc-dropdown .sdc-dropdown__options-list .sdc-dropdown__option.sdc-dropdown__option--disabled::after {
          color: #959595; }
        .sdc-dropdown .sdc-dropdown__options-list .sdc-dropdown__option.sdc-dropdown__option--disabled:focus {
          border: solid 1px #d2d2d2;
          outline: none; }
  .sdc-dropdown .sdc-dropdown__select {
    font-family: OpenSans-Regular, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    text-indent: 6px;
    border: solid 1px #d2d2d2;
    width: 100%; }
    .sdc-dropdown .sdc-dropdown__select.disabled {
      opacity: 0.7; }
    .sdc-dropdown .sdc-dropdown__select option {
      padding: 3px; }
  .sdc-dropdown .sdc-dropdown__label {
    margin-bottom: 5px;
    display: block;
    font-family: OpenSans-Semibold, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #191919; }
    .sdc-dropdown .sdc-dropdown__label.required::before {
      content: '*';
      color: #cf2a2a;
      margin: 0 4px 0 0; }
  .sdc-dropdown.open-bottom .sdc-dropdown-auto__wrapper {
    border: 1px solid #1eb9f3;
    box-sizing: border-box; }
    .sdc-dropdown.open-bottom .sdc-dropdown-auto__wrapper .svg-icon > svg {
      fill: #1eb9f3; }
  .sdc-dropdown .sdc-dropdown-auto__wrapper {
    display: flex;
    border: solid 1px #d2d2d2;
    border-radius: 2px; }
    .sdc-dropdown .sdc-dropdown-auto__wrapper .sdc-dropdown__header {
      border: none;
      color: #959595; }
      .sdc-dropdown .sdc-dropdown-auto__wrapper .sdc-dropdown__header:focus {
        border: none; }
    .sdc-dropdown .sdc-dropdown-auto__wrapper svg-icon {
      margin: 12px 10px;
      float: right; }
  .sdc-dropdown.sdc-dropdown__error .sdc-dropdown__header {
    border: solid 1px #cf2a2a;
    color: #cf2a2a; }
    .sdc-dropdown.sdc-dropdown__error .sdc-dropdown__header::after {
      color: #cf2a2a; }
    .sdc-dropdown.sdc-dropdown__error .sdc-dropdown__header:focus {
      border: solid 1px #cf2a2a; }
      .sdc-dropdown.sdc-dropdown__error .sdc-dropdown__header:focus .sdc-dropdown-handle use {
        fill: #cf2a2a; }
    .sdc-dropdown.sdc-dropdown__error .sdc-dropdown__header .sdc-dropdown-handle use {
      fill: #cf2a2a; }
  .sdc-dropdown.sdc-dropdown__error .sdc-dropdown__error--block {
    display: block;
    color: #cf2a2a;
    margin: 4px 0;
    font-family: OpenSans-Regular, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px; }
  .sdc-dropdown.sdc-dropdown__error .sdc-dropdown__options-wrapper--frame .sdc-dropdown__options-list {
    border: 1px solid #cf2a2a;
    border-top: none; }
  .sdc-dropdown.sdc-dropdown__error .sdc-dropdown__options-wrapper--frame.sdc-dropdown__options-wrapper--top .sdc-dropdown__options-list {
    border-top: 1px solid #cf2a2a; }
  .sdc-dropdown.sdc-dropdown__error .svg-icon.__exclamationTriangleFull {
    width: 12px;
    height: 10px;
    margin-right: 6px; }

.sdc-dropdown__error--icon {
  fill: #cf2a2a; }

/********************************************************/
/* Animation */
/********************************************************/
@keyframes top-to-bottom-exp {
  0% {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0.3);
    margin: 0; }
  10% {
    opacity: 1;
    margin: 0; }
  50% {
    box-shadow: 0 0 12px 0px rgba(0, 0, 0, 0.3); }
  99% {
    max-height: 244px;
    overflow: hidden; }
  100% {
    opacity: 1;
    max-height: 244px;
    overflow: auto; } }

@keyframes top-to-bottom {
  0% {
    opacity: 1;
    max-height: 244px;
    box-shadow: 0 0 12px 0px rgba(0, 0, 0, 0.3);
    overflow: hidden; }
  40% {
    opacity: 1; }
  99% {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0.3); }
  100% {
    opacity: 0;
    max-height: 0;
    overflow: auto; } }

@keyframes bottom-to-top-exp {
  0% {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0.3);
    margin: 0; }
  10% {
    opacity: 1;
    margin: 0; }
  50% {
    box-shadow: 0 0 12px 0px rgba(0, 0, 0, 0.3); }
  99% {
    max-height: 244px;
    overflow: hidden; }
  100% {
    opacity: 1;
    max-height: 244px;
    overflow: auto; } }

@keyframes bottom-to-top {
  0% {
    opacity: 1;
    max-height: 244px;
    box-shadow: 0 0 12px 0px rgba(0, 0, 0, 0.3);
    overflow: hidden; }
  40% {
    opacity: 1; }
  99% {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0.3); }
  100% {
    opacity: 0;
    max-height: 0;
    overflow: auto; } }

.sdc-dropdown__options-wrapper--frame {
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 100%; }
  .sdc-dropdown__options-wrapper--frame.sdc-dropdown__options-wrapper--top {
    bottom: 40px;
    top: auto;
    padding: 10px 0 0 0;
    /* Expend animation from bottom to top */ }
    .sdc-dropdown__options-wrapper--frame.sdc-dropdown__options-wrapper--top .sdc-dropdown__options-list {
      border-top: 1px solid #1eb9f3;
      box-shadow: 0 0 7px -1px #5a5a5a; }
      .sdc-dropdown__options-wrapper--frame.sdc-dropdown__options-wrapper--top .sdc-dropdown__options-list.sdc-dropdown__options-list--animation-init {
        border-bottom: none;
        padding: 0;
        animation: bottom-to-top .0s forwards; }
    .sdc-dropdown__options-wrapper--frame.sdc-dropdown__options-wrapper--top.sdc-dropdown__options-wrapper--uncollapsed .sdc-dropdown__options-list {
      animation: bottom-to-top-exp .0s forwards; }

/**
Fold animation from top to bottom
 */
.sdc-dropdown .sdc-dropdown__options-list.sdc-dropdown__options-list--animation-init {
  animation: top-to-bottom .0s forwards; }

/**
Expend animation from top to bottom
 */
.sdc-dropdown .sdc-dropdown__options-wrapper--uncollapsed .sdc-dropdown__options-list.sdc-dropdown__options-list--animation-init {
  animation: top-to-bottom-exp .0s forwards; }

.sdc-menu-list {
  position: static;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #d2d2d2;
  border-top: solid 3px #009fdb;
  background: #ffffff;
  min-width: 150px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content; }
  .sdc-menu-list .sdc-menu-item:not(.separator) {
    font-family: OpenSans-Regular, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    height: 40px;
    color: #5a5a5a;
    padding: 0 12px;
    display: flex;
    align-items: center; }
    .sdc-menu-list .sdc-menu-item:not(.separator) svg-icon {
      margin-right: 10px; }
    .sdc-menu-list .sdc-menu-item:not(.separator):hover:not(.disabled) {
      cursor: pointer; }
      .sdc-menu-list .sdc-menu-item:not(.separator):hover:not(.disabled):not(.selected) {
        background: #f2f2f2;
        color: #191919; }
        .sdc-menu-list .sdc-menu-item:not(.separator):hover:not(.disabled):not(.selected) g, .sdc-menu-list .sdc-menu-item:not(.separator):hover:not(.disabled):not(.selected) path {
          fill: #5a5a5a; }
    .sdc-menu-list .sdc-menu-item:not(.separator).disabled {
      color: #959595; }
      .sdc-menu-list .sdc-menu-item:not(.separator).disabled g, .sdc-menu-list .sdc-menu-item:not(.separator).disabled path {
        fill: #d2d2d2; }
    .sdc-menu-list .sdc-menu-item:not(.separator).selected {
      background: #e6f6fb;
      color: #1eb9f3; }
      .sdc-menu-list .sdc-menu-item:not(.separator).selected g, .sdc-menu-list .sdc-menu-item:not(.separator).selected path {
        fill: #5a5a5a; }
  .sdc-menu-list.relative {
    position: relative; }
  .sdc-menu-list .separator {
    cursor: default;
    border-top: 1px solid #eaeaea;
    margin: 0 0;
    height: 0; }

.sdc-filter-bar .sdc-input {
  margin: 0; }
  .sdc-filter-bar .sdc-input .sdc-input__input {
    padding-right: 40px; }

.sdc-filter-bar .filter-button {
  position: relative;
  float: right;
  bottom: 38px;
  height: 38px;
  right: 11px; }
  .sdc-filter-bar .filter-button svg {
    position: relative;
    top: 50%;
    transform: translateY(-50%); }

.sdc-filter-bar .magnify-button svg {
  height: 20px;
  width: 20px; }
  .sdc-filter-bar .magnify-button svg path {
    fill: #5a5a5a; }

.sdc-filter-bar .clear-search-x {
  cursor: pointer; }
  .sdc-filter-bar .clear-search-x svg {
    height: 14px;
    width: 14px; }
    .sdc-filter-bar .clear-search-x svg path {
      fill: #5a5a5a; }
    .sdc-filter-bar .clear-search-x svg:hover path {
      fill: #009fdb; }

.sdc-search-bar .search-bar-container {
  display: flex;
  align-items: flex-end; }
  .sdc-search-bar .search-bar-container .sdc-input-wrapper {
    flex-grow: 1; }
    .sdc-search-bar .search-bar-container .sdc-input-wrapper .sdc-input {
      margin: 0; }
      .sdc-search-bar .search-bar-container .sdc-input-wrapper .sdc-input .sdc-input__input {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0; }
  .sdc-search-bar .search-bar-container .search-button {
    width: 38px;
    height: 36px;
    border: solid 1px #d2d2d2;
    border-left: none;
    background-color: #f2f2f2;
    cursor: auto;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px; }
    .sdc-search-bar .search-bar-container .search-button svg {
      height: 20px;
      width: 20px;
      position: relative;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
      .sdc-search-bar .search-bar-container .search-button svg path {
        fill: #959595; }
  .sdc-search-bar .search-bar-container.not-empty .sdc-input__input {
    border-color: #009fdb; }
  .sdc-search-bar .search-bar-container.not-empty .search-button {
    background-color: #e6f6fb;
    border-color: #009fdb;
    cursor: pointer; }
    .sdc-search-bar .search-bar-container.not-empty .search-button svg path {
      fill: #009fdb; }
    .sdc-search-bar .search-bar-container.not-empty .search-button:hover {
      background-color: #1eb9f3; }
      .sdc-search-bar .search-bar-container.not-empty .search-button:hover svg path {
        fill: #ffffff; }

.checkbox-item {
  margin: 14px 0; }
  .checkbox-item .sdc-checkbox__label {
    font-family: OpenSans-Semibold, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px; }
  .checkbox-item .semi-checked .sdc-checkbox__label:before {
    background: no-repeat url('data:image/svg+xml;utf8,<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M2,0 L12,-2.22044605e-16 C13.1045695,5.56104062e-16 14,0.8954305 14,2 L14,12 C14,13.1045695 13.1045695,14 12,14 L2,14 C0.8954305,14 8.94280938e-16,13.1045695 -2.22044605e-16,12 L-2.22044605e-16,2 C-3.57315355e-16,0.8954305 0.8954305,-1.91384796e-17 2,-2.22044605e-16 Z" id="path-1"></path><rect id="path-2" x="3" y="6" width="8" height="2" rx="1"></rect></defs><g id="Symbols-" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="icons/checkbox/semiselected"><g id="form/checkbox_checked-copy-3"><g id="Rectangle-Copy-2"><use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-1"></use><path stroke="#D2D2D2" stroke-width="1" d="M2,0.5 C1.17157288,0.5 0.5,1.17157288 0.5,2 L0.5,12 C0.5,12.8284271 1.17157288,13.5 2,13.5 L12,13.5 C12.8284271,13.5 13.5,12.8284271 13.5,12 L13.5,2 C13.5,1.17157288 12.8284271,0.5 12,0.5 L2,0.5 Z"></path></g></g><mask id="mask-3" fill="white"><use xlink:href="#path-2"></use></mask><use id="Mask" fill="#009FDB" xlink:href="#path-2"></use></g></g></svg>'); }

.checkbox-sublist {
  padding-left: 28px; }
  .checkbox-sublist .checkbox-item .sdc-checkbox__label {
    font-family: OpenSans-Regular, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px; }

.sdc-autocomplete-container {
  position: relative; }
  .sdc-autocomplete-container.results-shown .sdc-input__input {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .sdc-autocomplete-container ul.autocomplete-results {
    opacity: 0;
    border: solid 1px #009fdb;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: none;
    background-color: #ffffff;
    max-height: 200px;
    box-shadow: 0 3px 7px -3px #5a5a5a;
    overflow-y: scroll;
    overflow-x: hidden;
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    left: 0;
    top: 100%; }
    .sdc-autocomplete-container ul.autocomplete-results li {
      color: #191919;
      text-indent: 10px;
      line-height: 30px;
      cursor: pointer;
      font-family: OpenSans-Regular, Arial, sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px; }
      .sdc-autocomplete-container ul.autocomplete-results li:hover {
        background-color: #e6f6fb;
        color: #009fdb; }

/* Tooltip animation */
@keyframes animation-fade-in-from-bottom {
  from {
    transform: translateY(10px);
    opacity: 0; }
  to {
    transform: translateY(0px);
    opacity: 1; } }

/* Tooltop styles */
.sdc-tooltip {
  font-family: OpenSans-Regular, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  font-size: 12px;
  max-width: 223px;
  background-color: #000000;
  color: #ffffff;
  text-align: left;
  border-radius: 2px;
  padding: 5px 11px;
  position: absolute;
  z-index: 1000;
  display: block;
  opacity: 0;
  transition: opacity 300ms;
  border: solid 1px #000000;
  animation: animation-fade-in-from-bottom .75s ease-in-out;
  /* tooltip animation */ }

.sdc-tooltip-show {
  opacity: 1; }

.sdc-tooltip::after {
  content: "";
  position: absolute;
  border-style: solid; }

.sdc-tooltip-top::after {
  top: 100%;
  left: 10px;
  margin-left: -5px;
  border-width: 5px;
  border-color: #000000 transparent transparent transparent; }

.sdc-tooltip-top-right__bottom::after {
  right: 10px;
  left: auto; }

.sdc-tooltip-top-center__middle::after {
  left: 50%; }

.sdc-tooltip-bottom::after {
  bottom: 100%;
  left: 10px;
  margin-left: -5px;
  border-width: 5px;
  border-color: transparent transparent #000000 transparent; }

.sdc-tooltip-bottom-right__bottom::after {
  right: 10px;
  left: auto; }

.sdc-tooltip-bottom-center__middle::after {
  left: 50%; }

.sdc-tooltip-left::after {
  top: 10px;
  /*50%;*/
  left: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-color: transparent transparent transparent #000000; }

.sdc-tooltip-left-right__bottom::after {
  bottom: 10px;
  top: auto; }

.sdc-tooltip-left-center__middle::after {
  top: 50%; }

.sdc-tooltip-right::after {
  top: 10px;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-color: transparent #000000 transparent transparent; }

.sdc-tooltip-right-right__bottom::after {
  bottom: 10px;
  top: auto; }

.sdc-tooltip-right-center__middle::after {
  top: 50%; }

/* Tooltip template */
.sdc-tooltip-template-title {
  font-family: OpenSans-Regular, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  font-weight: normal;
  background-color: #000000;
  color: #ffffff;
  /* silver */ }

.sdc-tooltip-template-big-title {
  font-size: 20px;
  line-height: 24px; }

.sdc-tooltip-template-content {
  font-family: OpenSans-Regular, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  font-weight: normal;
  background-color: #000000;
  color: #ffffff;
  line-height: 14px; }

.sdc-tag-cloud-new-item-field {
  display: flex;
  align-items: flex-end; }
  .sdc-tag-cloud-new-item-field sdc-input {
    flex-grow: 1; }
    .sdc-tag-cloud-new-item-field sdc-input .sdc-input {
      margin-bottom: 0; }
      .sdc-tag-cloud-new-item-field sdc-input .sdc-input .sdc-input__input {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0; }
  .sdc-tag-cloud-new-item-field .not-empty .sdc-input__input {
    border-color: #009fdb; }
  .sdc-tag-cloud-new-item-field .error .sdc-input__input {
    border: solid 1px #cf2a2a;
    color: #cf2a2a;
    outline: none; }
  .sdc-tag-cloud-new-item-field .add-button {
    cursor: pointer;
    height: 36px;
    width: 36px;
    text-align: center;
    background-color: #e6f6fb;
    border: solid 1px #009fdb;
    border-left: none;
    border-top-right-radius: 2px; }
    .sdc-tag-cloud-new-item-field .add-button.disabled {
      cursor: default;
      background-color: #f2f2f2;
      border-color: #d2d2d2; }
      .sdc-tag-cloud-new-item-field .add-button.disabled .plus-icon svg g {
        fill: #959595; }
    .sdc-tag-cloud-new-item-field .add-button .plus-icon {
      line-height: 46px; }
      .sdc-tag-cloud-new-item-field .add-button .plus-icon svg {
        height: 20px;
        width: 20px; }
        .sdc-tag-cloud-new-item-field .add-button .plus-icon svg g {
          fill: #009fdb; }
  .sdc-tag-cloud-new-item-field.not-empty .add-button:hover {
    background-color: #1eb9f3; }
    .sdc-tag-cloud-new-item-field.not-empty .add-button:hover svg g {
      fill: #ffffff; }

.sdc-list-container {
  height: 120px;
  overflow-y: auto;
  border: solid 1px #d2d2d2;
  border-top: none;
  border-radius: 2px;
  background-color: #ffffff;
  padding: 10px 10px 0 0; }
  .sdc-list-container .sdc-tag-item {
    padding: 0 0 10px 10px;
    display: inline-block; }
    .sdc-list-container .sdc-tag-item .tag-item {
      min-width: 100px;
      background-color: #ffffff;
      border: solid 1px #d2d2d2;
      border-radius: 20px;
      height: 28px;
      line-height: 28px;
      padding: 0 10px;
      color: #191919;
      font-family: OpenSans-Regular, Arial, sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 12px; }
      .sdc-list-container .sdc-tag-item .tag-item.view-only {
        border-color: #eaeaea; }
      .sdc-list-container .sdc-tag-item .tag-item .delete-item {
        cursor: pointer;
        padding-left: 10px;
        float: right; }
        .sdc-list-container .sdc-tag-item .tag-item .delete-item svg {
          height: 12px;
          width: 12px;
          margin-top: 8px; }
          .sdc-list-container .sdc-tag-item .tag-item .delete-item svg g {
            fill: #5a5a5a; }
      .sdc-list-container .sdc-tag-item .tag-item:hover:not(.view-only) {
        background-color: #e6f6fb;
        border-color: #e6f6fb; }
        .sdc-list-container .sdc-tag-item .tag-item:hover:not(.view-only) .delete-item svg g {
          fill: #009fdb; }

@keyframes keyframes-slide-notif-in {
  from {
    transform: translateY(-50px);
    opacity: 0; }
  to {
    transform: translateY(0);
    opacity: 1; } }

@keyframes keyframes-slide-notif-out {
  from {
    transform: translateY(0);
    opacity: 1; }
  to {
    transform: translateY(20px);
    opacity: 0; } }

.sdc-notification {
  position: relative;
  padding: 10px;
  width: 300px;
  min-height: 45px;
  animation: keyframes-slide-notif-in 1s;
  margin: 2px;
  box-shadow: 0 3px 7px -3px #5a5a5a;
  display: flex;
  flex-direction: row;
  align-items: center; }
  .sdc-notification.fade-out__animated {
    animation: keyframes-slide-notif-out 0.8s; }
  .sdc-notification.type-info {
    background-color: #009fdb; }
  .sdc-notification.type-error {
    background-color: #cf2a2a; }
  .sdc-notification.type-success {
    background-color: #4ca90c; }
  .sdc-notification.type-warning {
    background-color: #ffb81c; }
  .sdc-notification.react-transition-exit-active {
    animation: keyframes-slide-notif-out 0.8s; }
  .sdc-notification .sdc-notification__icon_container {
    border-radius: 42px;
    flex: 0 0 auto;
    height: 38px;
    width: 38px;
    background-color: rgba(255, 255, 255, 0.3);
    margin-right: 5px; }
    .sdc-notification .sdc-notification__icon_container .sdc-notification_svg-icon {
      height: 32px;
      width: 32px;
      fill: #ffffff;
      margin-left: 3px;
      margin-top: 3px; }
  .sdc-notification .sdc-notification__icon {
    flex: 0 0 auto;
    height: 32px;
    width: 32px;
    margin-left: 3px;
    margin-top: 3px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' style=''%3E%3Crect id='backgroundrect' width='100%25' height='100%25' x='0' y='0' fill='none' stroke='none'/%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2382c355;%7D.cls-2%7Bfill:none;stroke:%23ebf5e4;stroke-miterlimit:10;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Evicon%3C/title%3E%3Cg class='currentLayer' style=''%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cg id='Layer_4' data-name='Layer 4'%3E%3Cpolyline class='cls-2' points='7.46 17.43 15.36 21.74 22.54 8.57' id='svg_2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
  .sdc-notification .sdc-notification__message {
    flex: 1;
    text-align: left;
    margin-left: 20px; }
    .sdc-notification .sdc-notification__message .sdc-notification__title {
      font-size: 16px;
      color: white;
      font-weight: bolder; }
    .sdc-notification .sdc-notification__message .sdc-notification__text {
      font-size: 14px;
      color: white; }

.sdc-notification-container {
  position: absolute;
  top: 10px;
  right: 40px;
  width: 300px; }

.sdc-validation {
  font-size: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 10px; }

/* 1802 theme */
.sdc-button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  outline: none;
  border-radius: 2px;
  padding: 0 16px;
  height: 32px;
  line-height: 32px;
  width: 120px;
  min-width: 90px;
  cursor: pointer;
  text-align: center;
  font-family: OpenSans-Regular, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  /*** Sizes ***/
  /*** Buttons with icons ***/ }
  .sdc-button:disabled {
    cursor: default; }
  .sdc-button.sdc-button__primary {
    border: none;
    background-color: #009fdb;
    color: #ffffff; }
    .sdc-button.sdc-button__primary:not(:disabled):hover, .sdc-button.sdc-button__primary:not(:disabled):active {
      background-color: #1eb9f3; }
    .sdc-button.sdc-button__primary:not(:disabled):focus:not(:active) {
      border: 0.5px solid #ffffff;
      background-color: #1eb9f3;
      box-shadow: 0px 0px 0px 1px #1eb9f3; }
    .sdc-button.sdc-button__primary:disabled {
      background: #9dd9ef; }
  .sdc-button.sdc-button__secondary {
    border: 1px solid #d2d2d2;
    background-color: transparent;
    color: #191919; }
    .sdc-button.sdc-button__secondary:not(:disabled):hover, .sdc-button.sdc-button__secondary:not(:disabled):active {
      background-color: transparent;
      color: #191919;
      border: 1px solid #959595; }
    .sdc-button.sdc-button__secondary:not(:disabled):focus:not(:active) {
      color: #191919;
      box-shadow: inset 0px 0px 0px 0px #d2d2d2, 0px 0px 0px 1px #959595; }
    .sdc-button.sdc-button__secondary:disabled {
      color: #9dd9ef;
      border-color: #9dd9ef; }
  .sdc-button.sdc-button__link {
    background-color: transparent;
    color: #009fdb;
    fill: #009fdb;
    border: none; }
    .sdc-button.sdc-button__link:not(:disabled):hover, .sdc-button.sdc-button__link:not(:disabled):active {
      color: #1eb9f3; }
    .sdc-button.sdc-button__link:not(:disabled):focus:not(:active) {
      border: 1px solid #0568ae;
      color: #1eb9f3; }
    .sdc-button.sdc-button__link:disabled {
      color: #9dd9ef; }
  .sdc-button.sdc-button__error, .sdc-button.sdc-button__alert {
    border: none;
    background-color: #cf2a2a;
    color: #ffffff; }
    .sdc-button.sdc-button__error:not(:disabled):hover, .sdc-button.sdc-button__error:not(:disabled):active, .sdc-button.sdc-button__alert:not(:disabled):hover, .sdc-button.sdc-button__alert:not(:disabled):active {
      background-color: #ed4141; }
    .sdc-button.sdc-button__error:not(:disabled):focus:not(:active), .sdc-button.sdc-button__alert:not(:disabled):focus:not(:active) {
      border: 0.5px solid #ffffff;
      background-color: #ed4141;
      box-shadow: 0px 0px 0px 1px #ed4141; }
    .sdc-button.sdc-button__error:disabled, .sdc-button.sdc-button__alert:disabled {
      background: #f4adad; }
  .sdc-button.btn-large {
    width: 180px; }
  .sdc-button.btn-medium {
    width: 140px; }
  .sdc-button.btn-small {
    width: 110px; }
  .sdc-button.btn-x-small {
    width: 90px; }
  .sdc-button.btn-default {
    width: auto; }
  .sdc-button .sdc-icon-right {
    margin-left: 15px; }
  .sdc-button .sdc-icon-left {
    margin-right: 15px; }
  .sdc-button svg {
    display: inline-block;
    vertical-align: middle; }

.sdc-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  margin: auto;
  display: flex;
  align-items: center;
  z-index: 1001; }
  .sdc-modal svg path {
    fill: inherit; }
  .sdc-modal .sdc-modal__wrapper {
    font-family: OpenSans-Regular, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    background: #ffffff;
    width: 100%;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
    color: #191919;
    display: flex;
    flex-direction: column; }
    .sdc-modal .sdc-modal__wrapper.sdc-modal-type-info {
      border-top: solid 6px #009fdb; }
      .sdc-modal .sdc-modal__wrapper.sdc-modal-type-info .sdc-modal__svg-use {
        fill: #009fdb; }
      .sdc-modal .sdc-modal__wrapper.sdc-modal-type-info .svg-icon.__errorCircle {
        width: 30px;
        height: 30px; }
    .sdc-modal .sdc-modal__wrapper.sdc-modal-type-alert {
      border-top: solid 6px #ffb81c; }
      .sdc-modal .sdc-modal__wrapper.sdc-modal-type-alert .sdc-modal__svg-use {
        fill: #ffb81c; }
      .sdc-modal .sdc-modal__wrapper.sdc-modal-type-alert .svg-icon.__exclamationTriangleLine {
        width: 30px;
        height: 30px; }
    .sdc-modal .sdc-modal__wrapper.sdc-modal-type-error {
      border-top: solid 6px #cf2a2a; }
      .sdc-modal .sdc-modal__wrapper.sdc-modal-type-error .sdc-modal__svg-use {
        fill: #cf2a2a; }
      .sdc-modal .sdc-modal__wrapper.sdc-modal-type-error .svg-icon.__error {
        width: 30px;
        height: 30px; }
    .sdc-modal .sdc-modal__wrapper.sdc-modal-type-custom {
      padding: 0 30px;
      border-radius: 4px; }
      .sdc-modal .sdc-modal__wrapper.sdc-modal-type-custom .sdc-custom__header {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        color: #5a5a5a;
        height: 50px;
        border-bottom: solid 3px #009fdb;
        padding: 0; }
        .sdc-modal .sdc-modal__wrapper.sdc-modal-type-custom .sdc-custom__header .title {
          font-family: OpenSans-Regular, Arial, sans-serif;
          font-style: normal;
          font-weight: 400;
          font-size: 20px;
          color: #5a5a5a; }
        .sdc-modal .sdc-modal__wrapper.sdc-modal-type-custom .sdc-custom__header .sdc-modal__close-button {
          margin-top: 0px;
          width: 20px;
          height: 14px; }
        .sdc-modal .sdc-modal__wrapper.sdc-modal-type-custom .sdc-custom__header .sdc-modal__close-button-svg {
          width: 20px;
          height: 20px; }
          .sdc-modal .sdc-modal__wrapper.sdc-modal-type-custom .sdc-custom__header .sdc-modal__close-button-svg .sdc-modal__svg-use {
            fill: #ffffff; }
          .sdc-modal .sdc-modal__wrapper.sdc-modal-type-custom .sdc-custom__header .sdc-modal__close-button-svg .svg-icon {
            height: 14px;
            width: 14px;
            fill: #ffffff; }
      .sdc-modal .sdc-modal__wrapper.sdc-modal-type-custom .sdc-modal__content {
        padding: 20px 40px; }
    .sdc-modal .sdc-modal__wrapper .sdc-modal__header {
      padding: 0px 10px 8px 14px;
      display: flex;
      justify-content: space-between;
      text-align: left; }
      .sdc-modal .sdc-modal__wrapper .sdc-modal__header .sdc-modal__icon {
        padding: 20px 12px 0px 6px; }
      .sdc-modal .sdc-modal__wrapper .sdc-modal__header .title {
        font-family: OpenSans-Regular, Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 24px;
        flex: 1 1 auto;
        color: #191919;
        padding-top: 19px; }
      .sdc-modal .sdc-modal__wrapper .sdc-modal__header .sdc-modal__close-button {
        order: 3;
        width: 14px;
        height: 14px;
        margin-top: 10px;
        cursor: pointer; }
        .sdc-modal .sdc-modal__wrapper .sdc-modal__header .sdc-modal__close-button .sdc-modal__svg-use {
          fill: #000000; }
    .sdc-modal .sdc-modal__wrapper .sdc-modal__content {
      order: 2;
      padding-left: 63px;
      padding-right: 68px;
      padding-bottom: 26px; }
    .sdc-modal .sdc-modal__wrapper .sdc-modal__footer {
      order: 3;
      background-color: #f2f2f2;
      border-top: solid 1px #eaeaea;
      padding: 17px 30px;
      display: flex;
      justify-content: flex-end;
      margin: 0 -30px; }
      .sdc-modal .sdc-modal__wrapper .sdc-modal__footer button {
        margin-left: 10px; }

.modal-background {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000000;
  opacity: 0.70;
  z-index: 1000; }
  .modal-background.show {
    z-index: 1000;
    opacity: 0.70;
    transition: opacity .3s ease, z-index .3s; }
  .modal-background.hide {
    z-index: -1;
    opacity: 0;
    transition: opacity .35s ease, z-index .35s; }

.xl {
  width: 1200px; }

.l {
  width: 875px; }

.md {
  width: 650px; }

.sm {
  width: 500px; }

.xsm {
  width: 432px; }

.sdc-tabs .sdc-tab {
  background-color: #ffffff;
  border: 1px solid #eaeaea;
  border-left: none;
  display: inline-block;
  height: 36px;
  text-align: center;
  cursor: pointer;
  padding: 2px 10px 0 10px;
  margin: 0; }
  .sdc-tabs .sdc-tab:first-child {
    border-left: 1px solid #eaeaea; }
  .sdc-tabs .sdc-tab.sdc-tab-active {
    background-color: #eaeaea; }
  .sdc-tabs .sdc-tab[disabled] {
    opacity: 0.3;
    cursor: default; }

.sdc-tabs.sdc-tabs-header .sdc-tab {
  font-family: OpenSans-Regular, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 24px; }

.sdc-tabs.sdc-tabs-menu .sdc-tab {
  font-family: OpenSans-Regular, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  padding: 0px 10px 4px 10px; }

.sdc-tabs .sdc-tab-content {
  margin-top: 30px; }

.svg-icon {
  display: inline-flex;
  width: 24px;
  height: 24px; }
  .svg-icon > svg {
    width: 100%;
    height: 100%; }
  .svg-icon[disabled] {
    opacity: 0.7; }
  .svg-icon.mode-primary {
    color: #009fdb;
    fill: #009fdb; }
    .svg-icon.mode-primary.clickable:not([disabled]):hover, .svg-icon.mode-primary.clickable:active, .svg-icon.mode-primary.clickable:focus {
      color: #1eb9f3;
      fill: #1eb9f3; }
  .svg-icon.mode-secondary {
    color: #959595;
    fill: #959595; }
    .svg-icon.mode-secondary.clickable:not([disabled]):hover, .svg-icon.mode-secondary.clickable:active, .svg-icon.mode-secondary.clickable:focus {
      color: #5a5a5a;
      fill: #5a5a5a; }
  .svg-icon.mode-success {
    color: #4ca90c;
    fill: #4ca90c; }
  .svg-icon.mode-error {
    color: #cf2a2a;
    fill: #cf2a2a; }
  .svg-icon.mode-warning {
    color: #ffb81c;
    fill: #ffb81c; }
  .svg-icon.mode-info {
    color: #191919;
    fill: #191919; }
    .svg-icon.mode-info.clickable:not([disabled]):hover, .svg-icon.mode-info.clickable:active, .svg-icon.mode-info.clickable:focus {
      color: #0568ae;
      fill: #0568ae; }
  .svg-icon.size-x_small, .svg-icon-wrapper.size-x_small .svg-icon {
    width: 12px;
    height: 12px; }
  .svg-icon.size-small, .svg-icon-wrapper.size-small .svg-icon {
    width: 16px;
    height: 16px; }
  .svg-icon.size-medium, .svg-icon-wrapper.size-medium .svg-icon {
    width: 24px;
    height: 24px; }
  .svg-icon.size-large, .svg-icon-wrapper.size-large .svg-icon {
    width: 36px;
    height: 36px; }
  .svg-icon.size-x_large, .svg-icon-wrapper.size-x_large .svg-icon {
    width: 48px;
    height: 48px; }
  .svg-icon.bg-type-circle {
    border-radius: 50%;
    padding: 10px; }
  .svg-icon.bg-type-rectangle {
    padding: 10px; }
  .svg-icon.bg-color-primary {
    background-color: #9063cd; }
  .svg-icon.bg-color-secondary {
    background-color: #959595; }
  .svg-icon.bg-color-success {
    background-color: #4ca90c; }
  .svg-icon.bg-color-error {
    background-color: #cf2a2a; }
  .svg-icon.bg-color-warning {
    background-color: #ffb81c; }
  .svg-icon.bg-color-info {
    background-color: #009fdb; }

.svg-icon-wrapper {
  display: inline-flex;
  justify-content: center;
  align-items: center; }
  .svg-icon-wrapper[disabled] {
    opacity: 0.7; }
  .svg-icon-wrapper.label-placement-bottom {
    flex-direction: column; }
    .svg-icon-wrapper.label-placement-bottom .svg-icon-label {
      margin-top: 0.25em; }
  .svg-icon-wrapper.label-placement-right .svg-icon-label {
    margin-left: 0.25em; }
  .svg-icon-wrapper.label-placement-top {
    flex-direction: column-reverse; }
    .svg-icon-wrapper.label-placement-top .svg-icon-label {
      margin-bottom: 0.25em; }
  .svg-icon-wrapper.label-placement-left {
    flex-direction: row-reverse; }
    .svg-icon-wrapper.label-placement-left .svg-icon-label {
      margin-right: 0.25em; }
  .svg-icon-wrapper.mode-primary {
    color: #009fdb;
    fill: #009fdb; }
    .svg-icon-wrapper.mode-primary .svg-icon {
      color: #009fdb;
      fill: #009fdb; }
    .svg-icon-wrapper.mode-primary.clickable:not([disabled]):hover, .svg-icon-wrapper.mode-primary.clickable:active, .svg-icon-wrapper.mode-primary.clickable:focus {
      color: #1eb9f3;
      fill: #1eb9f3; }
      .svg-icon-wrapper.mode-primary.clickable:not([disabled]):hover .svg-icon, .svg-icon-wrapper.mode-primary.clickable:active .svg-icon, .svg-icon-wrapper.mode-primary.clickable:focus .svg-icon {
        color: #1eb9f3;
        fill: #1eb9f3; }
  .svg-icon-wrapper.mode-secondary {
    color: #959595;
    fill: #959595; }
    .svg-icon-wrapper.mode-secondary .svg-icon {
      color: #959595;
      fill: #959595; }
    .svg-icon-wrapper.mode-secondary.clickable:not([disabled]):hover, .svg-icon-wrapper.mode-secondary.clickable:active, .svg-icon-wrapper.mode-secondary.clickable:focus {
      color: #5a5a5a;
      fill: #5a5a5a; }
      .svg-icon-wrapper.mode-secondary.clickable:not([disabled]):hover .svg-icon, .svg-icon-wrapper.mode-secondary.clickable:active .svg-icon, .svg-icon-wrapper.mode-secondary.clickable:focus .svg-icon {
        color: #5a5a5a;
        fill: #5a5a5a; }
  .svg-icon-wrapper.mode-success {
    color: #4ca90c;
    fill: #4ca90c; }
    .svg-icon-wrapper.mode-success .svg-icon {
      color: #4ca90c;
      fill: #4ca90c; }
  .svg-icon-wrapper.mode-error {
    color: #cf2a2a;
    fill: #cf2a2a; }
    .svg-icon-wrapper.mode-error .svg-icon {
      color: #cf2a2a;
      fill: #cf2a2a; }
  .svg-icon-wrapper.mode-warning {
    color: #ffb81c;
    fill: #ffb81c; }
    .svg-icon-wrapper.mode-warning .svg-icon {
      color: #ffb81c;
      fill: #ffb81c; }
  .svg-icon-wrapper.mode-info {
    color: #191919;
    fill: #191919; }
    .svg-icon-wrapper.mode-info .svg-icon {
      color: #191919;
      fill: #191919; }
    .svg-icon-wrapper.mode-info.clickable:not([disabled]):hover, .svg-icon-wrapper.mode-info.clickable:active, .svg-icon-wrapper.mode-info.clickable:focus {
      color: #0568ae;
      fill: #0568ae; }
      .svg-icon-wrapper.mode-info.clickable:not([disabled]):hover .svg-icon, .svg-icon-wrapper.mode-info.clickable:active .svg-icon, .svg-icon-wrapper.mode-info.clickable:focus .svg-icon {
        color: #0568ae;
        fill: #0568ae; }
  .svg-icon-wrapper.size-x_small {
    font-size: 8px;
    line-height: 10px; }
  .svg-icon-wrapper.size-small {
    font-size: 12px;
    line-height: 14px; }
  .svg-icon-wrapper.size-medium {
    font-size: 16px;
    line-height: 20px; }
  .svg-icon-wrapper.size-large {
    font-size: 24px;
    line-height: 28px; }
  .svg-icon-wrapper.size-x_large {
    font-size: 34px;
    line-height: 40px; }