#NavigationBar ul{margin: 0}#NavigationBar ul{padding: 0}#NavigationBar ul .NavigationItem{display:inline-block;list-style:none;cursor:pointer;text-decoration:none}#NavigationBar ul .NavigationItem{font-size:1rem;line-height:1.75rem;font-weight:normal}#NavigationBar ul .NavigationItem{margin: 0.5rem 1rem 0.5rem 0}#NavigationBar ul .NavigationItem.IsActive{font-size:1rem;line-height:1.5rem;font-weight:bold}
.ErrorMessage{color:#c62828}
#UploadFile .UploadButton{border:none}#UploadFile .UploadButton{margin: 1rem 0}
#SubmitButtonWrapper .SubmitButton{width:100%}
#TableImports table{table-layout:fixed}#TableImports th,#TableImports td{min-width:11rem;text-align:left}#TableImports th,#TableImports td{padding: 0.25rem}#TableImports th span,#TableImports td span{line-height:1.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-height:1.5rem;max-width:11rem}#TableImports th.ExtraWideCell,#TableImports td.ExtraWideCell{min-width:25rem}#TableImports th.ExtraWideCell span,#TableImports td.ExtraWideCell span{max-width:25rem}#TableImports th.WideCell,#TableImports td.WideCell{min-width:20rem}#TableImports th.WideCell span,#TableImports td.WideCell span{max-width:20rem}#TableImports th.NarrowCell,#TableImports td.NarrowCell{min-width:8rem}#TableImports th.NarrowCell span,#TableImports td.NarrowCell span{max-width:8rem}#TableImports th.ExtraNarrowCell,#TableImports td.ExtraNarrowCell{min-width:4rem}#TableImports th.ExtraNarrowCell span,#TableImports td.ExtraNarrowCell span{max-width:4rem}#TableImports .OverviewActionIcon{cursor:pointer}
/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Option/Option.scss?vue&type=style&index=0&id=7cf903ef&lang=scss&scoped=true&external ***!
  \************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Primary palette. */
/* Grey palette. */
/* Secondary palette. */
/* Use this to reset items or place them at the bottom. */
/* Use this for creating a new stacking context within an element. */
/* Middle level for specific tweaking. */
/* Header, Tooltips, Fixed elements. */
/* Overlay for highlighting elements, Cookie wall. */
/* Full page overlays and it’s contents, Highlighted elements. */
/**
 * Apply the content that is between the brackets of the mixin usage only for the
 * breakpoint(s) that are included in the arguments.
 * @param {...String} $Arguments
 */
/**
 * Apply box-shadow based on a desired percepted height of the element
 * @param {String} $Height
 */
/* Primary palette. */
/* Grey palette. */
/* Secondary palette. */
/**
 * Get heading size and corresponding breakpoint-dependant line-height for preset text styles
 * @param {String} $Style
 */
/**
 * Get the areas values in rems based on the four dimensions.
 * The minimum amount of parameters is one and the maximum is four,
 * and they correspond with dimensions similarly as how they do
 * for the margin and padding css rules in general.
 * @param {list} $Args [0]
 * @return {number | list}
 */
/**
 * @param {list} $args [0]
 */
/**
 * @param {list} $args [0]
 */
.MultiSelectOption[data-v-7cf903ef] {
  display: flex;
  align-items: center;
  min-height: 40px;
  box-sizing: border-box;
  padding:  0.5rem;
  margin:  0;
  text-align: left;
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: normal;
  color: #05293C;
  cursor: pointer;
}
.MultiSelectOption[data-v-7cf903ef]:hover {
  background-color: #EDF3F6;
}
.MultiSelectOption.is-disabled[data-v-7cf903ef] {
  color: #3F5C6E;
}
.MultiSelectOption.is-disabled[data-v-7cf903ef]:hover {
  background-color: #FFFFFF;
  cursor: not-allowed;
}
.MultiSelectOption .MultiSelectOptionIcon[data-v-7cf903ef] {
  margin:  0 0.5rem 0 0;
  font-size: 1rem;
}
/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./src/components/OptionGroup/OptionGroup.scss?vue&type=style&index=0&id=9cc62a36&lang=scss&scoped=true&external ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Primary palette. */
/* Grey palette. */
/* Secondary palette. */
/* Use this to reset items or place them at the bottom. */
/* Use this for creating a new stacking context within an element. */
/* Middle level for specific tweaking. */
/* Header, Tooltips, Fixed elements. */
/* Overlay for highlighting elements, Cookie wall. */
/* Full page overlays and it’s contents, Highlighted elements. */
/**
 * Apply the content that is between the brackets of the mixin usage only for the
 * breakpoint(s) that are included in the arguments.
 * @param {...String} $Arguments
 */
/**
 * Apply box-shadow based on a desired percepted height of the element
 * @param {String} $Height
 */
/* Primary palette. */
/* Grey palette. */
/* Secondary palette. */
/**
 * Get heading size and corresponding breakpoint-dependant line-height for preset text styles
 * @param {String} $Style
 */
/**
 * Get the areas values in rems based on the four dimensions.
 * The minimum amount of parameters is one and the maximum is four,
 * and they correspond with dimensions similarly as how they do
 * for the margin and padding css rules in general.
 * @param {list} $Args [0]
 * @return {number | list}
 */
/**
 * @param {list} $args [0]
 */
/**
 * @param {list} $args [0]
 */
.MultiSelectGroupLabel[data-v-9cc62a36] {
  display: flex;
  align-items: center;
  height: 40px;
  box-sizing: border-box;
  padding:  0 0.5rem;
  margin:  0;
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: normal;
  color: #547A92;
}
/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./src/components/SearchBox/SearchBox.scss?vue&type=style&index=0&id=708d0d57&lang=scss&scoped=true&external ***!
  \******************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Primary palette. */
/* Grey palette. */
/* Secondary palette. */
/* Use this to reset items or place them at the bottom. */
/* Use this for creating a new stacking context within an element. */
/* Middle level for specific tweaking. */
/* Header, Tooltips, Fixed elements. */
/* Overlay for highlighting elements, Cookie wall. */
/* Full page overlays and it’s contents, Highlighted elements. */
/**
 * Apply the content that is between the brackets of the mixin usage only for the
 * breakpoint(s) that are included in the arguments.
 * @param {...String} $Arguments
 */
/**
 * Apply box-shadow based on a desired percepted height of the element
 * @param {String} $Height
 */
/* Primary palette. */
/* Grey palette. */
/* Secondary palette. */
/**
 * Get heading size and corresponding breakpoint-dependant line-height for preset text styles
 * @param {String} $Style
 */
/**
 * Get the areas values in rems based on the four dimensions.
 * The minimum amount of parameters is one and the maximum is four,
 * and they correspond with dimensions similarly as how they do
 * for the margin and padding css rules in general.
 * @param {list} $Args [0]
 * @return {number | list}
 */
/**
 * @param {list} $args [0]
 */
/**
 * @param {list} $args [0]
 */
.MultiSelectSearchBoxWrapper[data-v-708d0d57] {
  position: relative;
  margin:  0 0.5rem 0.5rem;
  padding:  0.5rem 0;
  border-bottom: 1px solid #B8C6CE;
}
.MultiSelectSearchBoxWrapper.up[data-v-708d0d57] {
  border-bottom: 0;
  border-top: 1px solid #B8C6CE;
}
.MultiSelectSearchBoxWrapper .MultiSelectSearchBox[data-v-708d0d57] {
  width: 100%;
  height: 40px;
  padding:  0 0.5rem;
  box-sizing: border-box;
  border-radius: 5px;
  border: 1px solid #3F5C6E;
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: normal;
  appearance: none;
}
.MultiSelectSearchBoxWrapper .MultiSelectSearchBox.is-empty[data-v-708d0d57] {
  background: #EDF3F6;
  border: 0;
}
.MultiSelectSearchBoxWrapper .MultiSelectSearchBox.is-empty[data-v-708d0d57]:focus {
  border: 0;
}
.MultiSelectSearchBoxWrapper .MultiSelectSearchBox[data-v-708d0d57]:focus {
  outline: none;
  border: 1px solid #247BA0;
}
.MultiSelectSearchBoxWrapper .MultiSelectSearchBox[data-v-708d0d57]::placeholder {
  color: #247BA0;
}
.MultiSelectSearchBoxWrapper .MultiSelectSearchBoxIcon[data-v-708d0d57] {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
}
/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./src/components/SelectedOption/SelectedOption.scss?vue&type=style&index=0&id=0008248f&lang=scss&scoped=true&external ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Primary palette. */
/* Grey palette. */
/* Secondary palette. */
/* Use this to reset items or place them at the bottom. */
/* Use this for creating a new stacking context within an element. */
/* Middle level for specific tweaking. */
/* Header, Tooltips, Fixed elements. */
/* Overlay for highlighting elements, Cookie wall. */
/* Full page overlays and it’s contents, Highlighted elements. */
/**
 * Apply the content that is between the brackets of the mixin usage only for the
 * breakpoint(s) that are included in the arguments.
 * @param {...String} $Arguments
 */
/**
 * Apply box-shadow based on a desired percepted height of the element
 * @param {String} $Height
 */
/* Primary palette. */
/* Grey palette. */
/* Secondary palette. */
/**
 * Get heading size and corresponding breakpoint-dependant line-height for preset text styles
 * @param {String} $Style
 */
/**
 * Get the areas values in rems based on the four dimensions.
 * The minimum amount of parameters is one and the maximum is four,
 * and they correspond with dimensions similarly as how they do
 * for the margin and padding css rules in general.
 * @param {list} $Args [0]
 * @return {number | list}
 */
/**
 * @param {list} $args [0]
 */
/**
 * @param {list} $args [0]
 */
.MultiSelectSelectedOption[data-v-0008248f] {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 30px;
  box-sizing: border-box;
  padding:  0 2rem 0 0.5rem;
  margin:  0 0.5rem 0.5rem 0;
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: normal;
  color: #05293C;
  background: #EDF3F6;
  border-radius: 15px;
  border: 1px solid #EDF3F6;
}
.MultiSelectSelectedOption[data-v-0008248f]:hover {
  cursor: pointer;
  text-decoration: line-through;
  border: 1px solid #3F5C6E;
}
.MultiSelectSelectedOption[data-v-0008248f]:focus {
  outline: none;
}
.MultiSelectSelectedOptionDelete[data-v-0008248f] {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 30px;
  margin:  0 0 0 0.5rem;
  cursor: pointer;
}
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./src/components/MultiSelect/MultiSelect.scss?vue&type=style&index=0&lang=scss&external ***!
  \**********************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Primary palette. */
/* Grey palette. */
/* Secondary palette. */
/* Use this to reset items or place them at the bottom. */
/* Use this for creating a new stacking context within an element. */
/* Middle level for specific tweaking. */
/* Header, Tooltips, Fixed elements. */
/* Overlay for highlighting elements, Cookie wall. */
/* Full page overlays and it’s contents, Highlighted elements. */
/**
 * Apply the content that is between the brackets of the mixin usage only for the
 * breakpoint(s) that are included in the arguments.
 * @param {...String} $Arguments
 */
/**
 * Apply box-shadow based on a desired percepted height of the element
 * @param {String} $Height
 */
/* Primary palette. */
/* Grey palette. */
/* Secondary palette. */
/**
 * Get heading size and corresponding breakpoint-dependant line-height for preset text styles
 * @param {String} $Style
 */
/**
 * Get the areas values in rems based on the four dimensions.
 * The minimum amount of parameters is one and the maximum is four,
 * and they correspond with dimensions similarly as how they do
 * for the margin and padding css rules in general.
 * @param {list} $Args [0]
 * @return {number | list}
 */
/**
 * @param {list} $args [0]
 */
/**
 * @param {list} $args [0]
 */
.MultiSelectWrapper {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding:  0 0.5rem;
  border-radius: 3px;
  border: 1px solid #B8C6CE;
  background: #FFFFFF;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.MultiSelectWrapper:focus {
  border-color: #247BA0;
  outline: none;
}
.MultiSelectWrapper.is-invalid {
  border: 1px solid #E64632;
}
.MultiSelectWrapper.is-disabled {
  background-color: #EDF3F6;
  border: 0;
}
.MultiSelectWrapper.is-disabled .MultiSelectIcon {
  border-top: 8px solid #547A92;
}
.MultiSelectWrapper.is-disabled .MultiSelectLabel {
  cursor: not-allowed;
}
.MultiSelectWrapper .MultiSelectIcon {
  position: absolute;
  right: 1rem;
  top: 50%;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #05293C;
  transform: translateY(-50%);
  transition: 0.5s all;
}
.MultiSelectWrapper .MultiSelectIcon.is-active {
  transform: rotate3d(1, 0, 0, 180deg) translateY(calc(-50% + 8px));
}

.MultiSelectLabel {
  position: relative;
  display: flex;
  width: 100%;
  height: 45px;
  align-items: center;
  cursor: pointer;
}
.MultiSelectLabel.is-empty {
  color: #547A92;
}
.MultiSelectLabel .MultiSelectPlaceholder {
  position: absolute;
  left: 0.25rem;
  max-width: calc(100% - 2rem);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
}
.MultiSelectLabel .FloatingLabel {
  padding: 0 0.25rem;
  transition: all 0.3s;
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: normal;
  color: #547A92;
  cursor: pointer;
}
.MultiSelectLabel .FloatingLabel.is-active {
  transform: translateY(-24px);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: normal;
  background: linear-gradient(0deg, #FFFFFF 50%, transparent 50%);
  cursor: default;
}

.MultiSelectDropDown {
  position: absolute;
  top: calc(100% + 0.5rem);
  left: 0;
  z-index: 50;
  min-width: 100%;
  max-height: 18.75rem;
  height: 18.75rem;
  overflow: auto;
  box-sizing: border-box;
  box-shadow: 0 2px 8px #B8C6CE;
  border-radius: 3px;
  background-color: #FFFFFF;
}
.MultiSelectDropDown.searchable {
  overflow: hidden;
}
.MultiSelectDropDown ol {
  list-style-type: none;
  margin:  0;
  padding:  0;
}
.MultiSelectDropDown > .searchable {
  overflow: auto;
  height: calc(100% - 4rem);
}
.MultiSelectDropDown.overflow-up {
  top: 0;
  display: flex;
  flex-direction: column-reverse;
  transform: translateY(-19.5rem);
}
.MultiSelectDropDown.overflow-up > .searchable {
  overflow: auto;
  height: 100%;
}

.MultiSelectSelectedOptions {
  width: 100%;
  padding:  0 1.5rem 0 0;
  box-sizing: border-box;
  text-align: left;
}

.ValidationLabel,
.HelperMessage {
  padding: 0.5rem 0 0.5rem 0.75rem;
  color: #547A92;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: normal;
  text-align: left;
}

.ValidationLabel {
  color: #E64632;
}

/*# sourceMappingURL=multiselect.css.map*/
#DataImportSystemFrontEnd{margin: 0.5rem}#DataImportSystemFrontEnd .DataImportSystemMainContent{display:inline-block;max-width:77rem;border:1px solid #b8c6ce;border-radius:3px}#DataImportSystemFrontEnd .DataImportSystemMainContent{margin: 0.5rem 0}#DataImportSystemFrontEnd .DataImportSystemMainContent{padding: 1rem}#DataImportSystemFrontEnd .ImporterRow{display:block;width:25rem}#DataImportSystemFrontEnd .ImporterRow{margin: 0 0 1rem}#DataImportSystemFrontEnd .ImporterLabel{display:inline-block;vertical-align:middle;width:10rem}#DataImportSystemFrontEnd .ImporterField{display:inline-block;vertical-align:middle;width:15rem}.ChampionButton{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:3rem;height:auto;border:2px solid #f95c39;border-radius:3px;background-color:#f95c39;text-decoration:none;color:#fff;text-align:center;cursor:pointer;transition:all .15s linear;outline:none}.ChampionButton{font-size:1rem;line-height:1.5rem;font-weight:bold}.ChampionButton{padding: 0.5rem 1.5rem}.ChampionButton:hover{background-color:rgba(249,92,57,.8);color:#fff;text-decoration:none}@media(hover: none){.ChampionButton:hover{background-color:#f95c39;color:#fff;text-decoration:none}}.ChampionButton:visited{color:#fff}.ChampionButton:disabled{opacity:.5}.ChampionButton:disabled:hover,.ChampionButton:disabled:focus{cursor:not-allowed;background-color:#f95c39}.ChampionButton.Small{min-height:2rem;font-weight:bold}.ChampionButton.Small{font-size:0.75rem;line-height:1rem;font-weight:normal}.ChampionButton.Small{padding: 0 1rem}.DriverButton{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:3rem;height:auto;border:2px solid #f95c39;border-radius:3px;background-color:#f95c39;text-decoration:none;color:#fff;text-align:center;cursor:pointer;transition:all .15s linear;outline:none}.DriverButton{font-size:1rem;line-height:1.5rem;font-weight:bold}.DriverButton{padding: 0.5rem 1.5rem}.DriverButton:hover{background-color:rgba(249,92,57,.8);color:#fff;text-decoration:none}@media(hover: none){.DriverButton:hover{background-color:#f95c39;color:#fff;text-decoration:none}}.DriverButton:visited{color:#fff}.DriverButton:disabled{opacity:.5}.DriverButton:disabled:hover,.DriverButton:disabled:focus{cursor:not-allowed;background-color:#f95c39}.DriverButton.Small{min-height:2rem;font-weight:bold}.DriverButton.Small{font-size:0.75rem;line-height:1rem;font-weight:normal}.DriverButton.Small{padding: 0 1rem}.DriverButton{border:2px solid #05293c;background:#05293c;color:#fff}.DriverButton:hover,.DriverButton:focus{background:rgba(5,41,60,.8)}@media(hover: none){.DriverButton:hover,.DriverButton:focus{background:#05293c}}.DriverButton:visited{color:#fff}.DriverButton:disabled:hover,.DriverButton:disabled:focus{background:#05293c}.NavigatorButton{position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:3rem;height:auto;border:2px solid #f95c39;border-radius:3px;background-color:#f95c39;text-decoration:none;color:#fff;text-align:center;cursor:pointer;transition:all .15s linear;outline:none}.NavigatorButton{font-size:1rem;line-height:1.5rem;font-weight:bold}.NavigatorButton{padding: 0.5rem 1.5rem}.NavigatorButton:hover{background-color:rgba(249,92,57,.8);color:#fff;text-decoration:none}@media(hover: none){.NavigatorButton:hover{background-color:#f95c39;color:#fff;text-decoration:none}}.NavigatorButton:visited{color:#fff}.NavigatorButton:disabled{opacity:.5}.NavigatorButton:disabled:hover,.NavigatorButton:disabled:focus{cursor:not-allowed;background-color:#f95c39}.NavigatorButton.Small{min-height:2rem;font-weight:bold}.NavigatorButton.Small{font-size:0.75rem;line-height:1rem;font-weight:normal}.NavigatorButton.Small{padding: 0 1rem}.NavigatorButton{border:2px solid #05293c;background:#fff;color:#05293c}.NavigatorButton:before{position:absolute;top:0;left:0;display:block;opacity:0;width:100%;height:100%;transition:all .15s linear;background:rgba(5,41,60,.1);border-radius:3px;content:""}.NavigatorButton:visited{color:#05293c}.NavigatorButton:hover,.NavigatorButton:focus{background:#fff;color:#05293c}.NavigatorButton:hover:before,.NavigatorButton:focus:before{opacity:1}@media(hover: none){.NavigatorButton:hover:before,.NavigatorButton:focus:before{opacity:0}}.NavigatorButton:disabled:hover,.NavigatorButton:disabled:focus{background-color:#fff}.HelperButton{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:2rem;height:auto;background:rgba(0,0,0,0);border:0;border-radius:3px;color:#1e8558;cursor:pointer;transition:all .15s linear}.HelperButton{font-size:1rem;line-height:1.5rem;font-weight:normal}.HelperButton{padding: 0 2rem 0 0.5rem}.HelperButton:after{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);font-family:"icomoon" !important;content:""}.HelperButton:visited{color:#1e8558}.HelperButton:hover{background:rgba(30,133,88,.1);text-decoration:none}@media(hover: none){.HelperButton:hover{background:rgba(0,0,0,0)}}.HelperButton.Dark{color:#05293c}.HelperButton.Dark:visited{color:#05293c}.HelperButton.Dark:hover{background:rgba(5,41,60,.1)}
.LogInWidget{margin:1rem auto 0;border:1px solid #b8c6ce;width:16rem;border-radius:3px}.LogInWidget{padding: 1rem}.LogInWidget .SignInButton{display:block;width:100%}.LogInWidget .SignInButton{padding: 0.5rem}.LogInWidget .SignInButton{margin: 0.5rem 0}

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