{"version":3,"sources":["../../../scss/_modules/_fonts.scss","select2.bundle.css","../../../scss/_imports/_global-import.scss","../../../scss/_mixins/mixins.scss","../../../scss/_modules/variables.scss","../../../scss/_modules/_placeholders.scss","../../../../node_modules/bootstrap/scss/_variables.scss"],"names":[],"mappings":"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","file":"select2.bundle.css","sourcesContent":["@import url($font-import);\n\nbody {\n\tfont-family: $page-font;\n\tfont-size: rem($fs-base);\n\tletter-spacing: 0.1px;\n}\n\n.page-content {\n\tcolor: $base-text-color;\n}\n\nh1, h2, h3, h4, h5, h6 {\n\tline-height: 1.3;\n\tfont-weight: 400;\n\t//color:$fusion-500;\n}\n\nstrong {\n\tfont-weight: 500;\n}\n\nh1 small, \nh2 small, \nh3 small, \nh4 small, \nh5 small, \nh6 small, \n.h1 small, \n.h2 small, \n.h3 small, \n.h4 small, \n.h5 small, \n.h6 small {\n    font-weight: 300;\n    display: block;\n\tfont-size: rem($fs-lg);\n    line-height: 1.5;\n    //letter-spacing: -0.2px;\n    margin:2px 0 ($grid-gutter-width-base / 2);\n}\n\nh2 small, \nh3 small, \n.h2 small, \n.h3 small, {\n\tfont-size: rem($fs-lg);\n}\n\nh4 small, \n.h4 small {\n\tfont-size: rem($fs-md);\n}\n\nh5 small, \nh6 small, \n.h5 small, \n.h6 small {\n\tfont-size: rem($fs-base);\t\n}\n\n/* contrast text */\n.text-contrast {\n\tcolor: lighten($black, 20%);\n}\n\n/* text-gradient */\n.text-gradient {\n\tbackground: -webkit-linear-gradient(180deg, $primary-700 25%, $primary-800 50%, $info-700 75%, $info-900 100%);\n\tbackground: linear-gradient(180deg, $primary-700 25%, $primary-800 50%, $info-700 75%, $info-900 100%);\n\tcolor: $primary-500;\n    background-clip: text;\n    text-fill-color: transparent;\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    text-shadow: none;\n}\n\n/* looking for font size? Check _helpers.scss */",".select2-container {\n  box-sizing: border-box;\n  display: inline-block;\n  margin: 0;\n  position: relative;\n  vertical-align: middle; }\n  .select2-container .select2-selection--single {\n    box-sizing: border-box;\n    cursor: pointer;\n    display: block;\n    height: 28px;\n    user-select: none;\n    -webkit-user-select: none; }\n    .select2-container .select2-selection--single .select2-selection__rendered {\n      display: block;\n      padding-left: 8px;\n      padding-right: 20px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap; }\n    .select2-container .select2-selection--single .select2-selection__clear {\n      position: relative; }\n  .select2-container[dir=\"rtl\"] .select2-selection--single .select2-selection__rendered {\n    padding-right: 8px;\n    padding-left: 20px; }\n  .select2-container .select2-selection--multiple {\n    box-sizing: border-box;\n    cursor: pointer;\n    display: block;\n    min-height: 32px;\n    user-select: none;\n    -webkit-user-select: none; }\n    .select2-container .select2-selection--multiple .select2-selection__rendered {\n      display: inline-block;\n      overflow: hidden;\n      padding-left: 8px;\n      text-overflow: ellipsis;\n      white-space: nowrap; }\n  .select2-container .select2-search--inline {\n    float: left; }\n    .select2-container .select2-search--inline .select2-search__field {\n      box-sizing: border-box;\n      border: none;\n      font-size: 100%;\n      margin-top: 5px;\n      padding: 0; }\n      .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {\n        -webkit-appearance: none; }\n\n.select2-dropdown {\n  background-color: white;\n  border: 1px solid #aaa;\n  border-radius: 4px;\n  box-sizing: border-box;\n  display: block;\n  position: absolute;\n  left: -100000px;\n  width: 100%;\n  z-index: 1051; }\n\n.select2-results {\n  display: block; }\n\n.select2-results__options {\n  list-style: none;\n  margin: 0;\n  padding: 0; }\n\n.select2-results__option {\n  padding: 6px;\n  user-select: none;\n  -webkit-user-select: none; }\n  .select2-results__option[aria-selected] {\n    cursor: pointer; }\n\n.select2-container--open .select2-dropdown {\n  left: 0; }\n\n.select2-container--open .select2-dropdown--above {\n  border-bottom: none;\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0; }\n\n.select2-container--open .select2-dropdown--below {\n  border-top: none;\n  border-top-left-radius: 0;\n  border-top-right-radius: 0; }\n\n.select2-search--dropdown {\n  display: block;\n  padding: 4px; }\n  .select2-search--dropdown .select2-search__field {\n    padding: 4px;\n    width: 100%;\n    box-sizing: border-box; }\n    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {\n      -webkit-appearance: none; }\n  .select2-search--dropdown.select2-search--hide {\n    display: none; }\n\n.select2-close-mask {\n  border: 0;\n  margin: 0;\n  padding: 0;\n  display: block;\n  position: fixed;\n  left: 0;\n  top: 0;\n  min-height: 100%;\n  min-width: 100%;\n  height: auto;\n  width: auto;\n  opacity: 0;\n  z-index: 99;\n  background-color: #fff;\n  filter: alpha(opacity=0); }\n\n.select2-hidden-accessible {\n  border: 0 !important;\n  clip: rect(0 0 0 0) !important;\n  -webkit-clip-path: inset(50%) !important;\n  clip-path: inset(50%) !important;\n  height: 1px !important;\n  overflow: hidden !important;\n  padding: 0 !important;\n  position: absolute !important;\n  width: 1px !important;\n  white-space: nowrap !important; }\n\n.select2-container--default .select2-selection--single {\n  background-color: #fff;\n  border: 1px solid #aaa;\n  border-radius: 4px; }\n  .select2-container--default .select2-selection--single .select2-selection__rendered {\n    color: #444;\n    line-height: 28px; }\n  .select2-container--default .select2-selection--single .select2-selection__clear {\n    cursor: pointer;\n    float: right;\n    font-weight: bold; }\n  .select2-container--default .select2-selection--single .select2-selection__placeholder {\n    color: #999; }\n  .select2-container--default .select2-selection--single .select2-selection__arrow {\n    height: 26px;\n    position: absolute;\n    top: 1px;\n    right: 1px;\n    width: 20px; }\n    .select2-container--default .select2-selection--single .select2-selection__arrow b {\n      border-color: #888 transparent transparent transparent;\n      border-style: solid;\n      border-width: 5px 4px 0 4px;\n      height: 0;\n      left: 50%;\n      margin-left: -4px;\n      margin-top: -2px;\n      position: absolute;\n      top: 50%;\n      width: 0; }\n\n.select2-container--default[dir=\"rtl\"] .select2-selection--single .select2-selection__clear {\n  float: left; }\n\n.select2-container--default[dir=\"rtl\"] .select2-selection--single .select2-selection__arrow {\n  left: 1px;\n  right: auto; }\n\n.select2-container--default.select2-container--disabled .select2-selection--single {\n  background-color: #eee;\n  cursor: default; }\n  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {\n    display: none; }\n\n.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {\n  border-color: transparent transparent #888 transparent;\n  border-width: 0 4px 5px 4px; }\n\n.select2-container--default .select2-selection--multiple {\n  background-color: white;\n  border: 1px solid #aaa;\n  border-radius: 4px;\n  cursor: text; }\n  .select2-container--default .select2-selection--multiple .select2-selection__rendered {\n    box-sizing: border-box;\n    list-style: none;\n    margin: 0;\n    padding: 0 5px;\n    width: 100%; }\n    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {\n      list-style: none; }\n  .select2-container--default .select2-selection--multiple .select2-selection__clear {\n    cursor: pointer;\n    float: right;\n    font-weight: bold;\n    margin-top: 5px;\n    margin-right: 10px;\n    padding: 1px; }\n  .select2-container--default .select2-selection--multiple .select2-selection__choice {\n    background-color: #e4e4e4;\n    border: 1px solid #aaa;\n    border-radius: 4px;\n    cursor: default;\n    float: left;\n    margin-right: 5px;\n    margin-top: 5px;\n    padding: 0 5px; }\n  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {\n    color: #999;\n    cursor: pointer;\n    display: inline-block;\n    font-weight: bold;\n    margin-right: 2px; }\n    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {\n      color: #333; }\n\n.select2-container--default[dir=\"rtl\"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=\"rtl\"] .select2-selection--multiple .select2-search--inline {\n  float: right; }\n\n.select2-container--default[dir=\"rtl\"] .select2-selection--multiple .select2-selection__choice {\n  margin-left: 5px;\n  margin-right: auto; }\n\n.select2-container--default[dir=\"rtl\"] .select2-selection--multiple .select2-selection__choice__remove {\n  margin-left: 2px;\n  margin-right: auto; }\n\n.select2-container--default.select2-container--focus .select2-selection--multiple {\n  border: solid black 1px;\n  outline: 0; }\n\n.select2-container--default.select2-container--disabled .select2-selection--multiple {\n  background-color: #eee;\n  cursor: default; }\n\n.select2-container--default.select2-container--disabled .select2-selection__choice__remove {\n  display: none; }\n\n.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {\n  border-top-left-radius: 0;\n  border-top-right-radius: 0; }\n\n.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0; }\n\n.select2-container--default .select2-search--dropdown .select2-search__field {\n  border: 1px solid #aaa; }\n\n.select2-container--default .select2-search--inline .select2-search__field {\n  background: transparent;\n  border: none;\n  outline: 0;\n  box-shadow: none;\n  -webkit-appearance: textfield; }\n\n.select2-container--default .select2-results > .select2-results__options {\n  max-height: 200px;\n  overflow-y: auto; }\n\n.select2-container--default .select2-results__option[role=group] {\n  padding: 0; }\n\n.select2-container--default .select2-results__option[aria-disabled=true] {\n  color: #999; }\n\n.select2-container--default .select2-results__option[aria-selected=true] {\n  background-color: #ddd; }\n\n.select2-container--default .select2-results__option .select2-results__option {\n  padding-left: 1em; }\n  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {\n    padding-left: 0; }\n  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {\n    margin-left: -1em;\n    padding-left: 2em; }\n    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {\n      margin-left: -2em;\n      padding-left: 3em; }\n      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {\n        margin-left: -3em;\n        padding-left: 4em; }\n        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {\n          margin-left: -4em;\n          padding-left: 5em; }\n          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {\n            margin-left: -5em;\n            padding-left: 6em; }\n\n.select2-container--default .select2-results__option--highlighted[aria-selected] {\n  background-color: #5897fb;\n  color: white; }\n\n.select2-container--default .select2-results__group {\n  cursor: default;\n  display: block;\n  padding: 6px; }\n\n.select2-container--classic .select2-selection--single {\n  background-color: #f7f7f7;\n  border: 1px solid #aaa;\n  border-radius: 4px;\n  outline: 0;\n  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);\n  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);\n  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);\n  background-repeat: repeat-x;\n  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }\n  .select2-container--classic .select2-selection--single:focus {\n    border: 1px solid #5897fb; }\n  .select2-container--classic .select2-selection--single .select2-selection__rendered {\n    color: #444;\n    line-height: 28px; }\n  .select2-container--classic .select2-selection--single .select2-selection__clear {\n    cursor: pointer;\n    float: right;\n    font-weight: bold;\n    margin-right: 10px; }\n  .select2-container--classic .select2-selection--single .select2-selection__placeholder {\n    color: #999; }\n  .select2-container--classic .select2-selection--single .select2-selection__arrow {\n    background-color: #ddd;\n    border: none;\n    border-left: 1px solid #aaa;\n    border-top-right-radius: 4px;\n    border-bottom-right-radius: 4px;\n    height: 26px;\n    position: absolute;\n    top: 1px;\n    right: 1px;\n    width: 20px;\n    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);\n    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);\n    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);\n    background-repeat: repeat-x;\n    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }\n    .select2-container--classic .select2-selection--single .select2-selection__arrow b {\n      border-color: #888 transparent transparent transparent;\n      border-style: solid;\n      border-width: 5px 4px 0 4px;\n      height: 0;\n      left: 50%;\n      margin-left: -4px;\n      margin-top: -2px;\n      position: absolute;\n      top: 50%;\n      width: 0; }\n\n.select2-container--classic[dir=\"rtl\"] .select2-selection--single .select2-selection__clear {\n  float: left; }\n\n.select2-container--classic[dir=\"rtl\"] .select2-selection--single .select2-selection__arrow {\n  border: none;\n  border-right: 1px solid #aaa;\n  border-radius: 0;\n  border-top-left-radius: 4px;\n  border-bottom-left-radius: 4px;\n  left: 1px;\n  right: auto; }\n\n.select2-container--classic.select2-container--open .select2-selection--single {\n  border: 1px solid #5897fb; }\n  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {\n    background: transparent;\n    border: none; }\n    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {\n      border-color: transparent transparent #888 transparent;\n      border-width: 0 4px 5px 4px; }\n\n.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {\n  border-top: none;\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);\n  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);\n  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);\n  background-repeat: repeat-x;\n  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }\n\n.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {\n  border-bottom: none;\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);\n  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);\n  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);\n  background-repeat: repeat-x;\n  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }\n\n.select2-container--classic .select2-selection--multiple {\n  background-color: white;\n  border: 1px solid #aaa;\n  border-radius: 4px;\n  cursor: text;\n  outline: 0; }\n  .select2-container--classic .select2-selection--multiple:focus {\n    border: 1px solid #5897fb; }\n  .select2-container--classic .select2-selection--multiple .select2-selection__rendered {\n    list-style: none;\n    margin: 0;\n    padding: 0 5px; }\n  .select2-container--classic .select2-selection--multiple .select2-selection__clear {\n    display: none; }\n  .select2-container--classic .select2-selection--multiple .select2-selection__choice {\n    background-color: #e4e4e4;\n    border: 1px solid #aaa;\n    border-radius: 4px;\n    cursor: default;\n    float: left;\n    margin-right: 5px;\n    margin-top: 5px;\n    padding: 0 5px; }\n  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {\n    color: #888;\n    cursor: pointer;\n    display: inline-block;\n    font-weight: bold;\n    margin-right: 2px; }\n    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {\n      color: #555; }\n\n.select2-container--classic[dir=\"rtl\"] .select2-selection--multiple .select2-selection__choice {\n  float: right;\n  margin-left: 5px;\n  margin-right: auto; }\n\n.select2-container--classic[dir=\"rtl\"] .select2-selection--multiple .select2-selection__choice__remove {\n  margin-left: 2px;\n  margin-right: auto; }\n\n.select2-container--classic.select2-container--open .select2-selection--multiple {\n  border: 1px solid #5897fb; }\n\n.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {\n  border-top: none;\n  border-top-left-radius: 0;\n  border-top-right-radius: 0; }\n\n.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {\n  border-bottom: none;\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0; }\n\n.select2-container--classic .select2-search--dropdown .select2-search__field {\n  border: 1px solid #aaa;\n  outline: 0; }\n\n.select2-container--classic .select2-search--inline .select2-search__field {\n  outline: 0;\n  box-shadow: none; }\n\n.select2-container--classic .select2-dropdown {\n  background-color: white;\n  border: 1px solid transparent; }\n\n.select2-container--classic .select2-dropdown--above {\n  border-bottom: none; }\n\n.select2-container--classic .select2-dropdown--below {\n  border-top: none; }\n\n.select2-container--classic .select2-results > .select2-results__options {\n  max-height: 200px;\n  overflow-y: auto; }\n\n.select2-container--classic .select2-results__option[role=group] {\n  padding: 0; }\n\n.select2-container--classic .select2-results__option[aria-disabled=true] {\n  color: grey; }\n\n.select2-container--classic .select2-results__option--highlighted[aria-selected] {\n  background-color: #3875d7;\n  color: white; }\n\n.select2-container--classic .select2-results__group {\n  cursor: default;\n  display: block;\n  padding: 6px; }\n\n.select2-container--classic.select2-container--open .select2-dropdown {\n  border-color: #5897fb; }\n\n@import './src/scss/_imports/_global-import';\n\n.select2 {\n\twidth:100% !important;\n}\n\n.select2-container--default .select2-selection--single,\n.select2-container--default .select2-selection--multiple {\n\tborder: $input-border-width solid $input-border-color;\n}\n\n.select2-container--default .select2-selection--single .select2-selection__rendered {\n\tline-height: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2} + #{$input-height-border});\n\tpadding: 0 $input-padding-x;\n\n}\n\n.select2-container .select2-selection--single {\n\theight: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2} + #{$input-height-border});\n}\n\n.select2-container .select2-selection--multiple {\n\tmin-height: calc(#{$line-height-base * 1em} + #{$input-padding-y * 2} + #{$input-height-border});\n}\n\n.select2-container--default .select2-selection--single .select2-selection__arrow {\n\theight: auto;\n\ttop: 0;\n\tbottom: 0;\n\tright: 0.5rem;\n}\n\n.select2-dropdown {\n\tborder-color: $input-border-color;\n}\n\n.select2-search--dropdown {\n\tpadding: $input-padding-x;\n\n\t&:before {\n\t\tcontent: \"\\f002\";\n\t\tfont-family: 'Font Awesome 5 Pro';\n\t\tposition: absolute;\n\t\tleft: calc(1rem + #{$input-padding-x});\n\t\ttop: calc(0.6rem + #{$input-padding-x});\n\t\tcolor: $primary-500;\n\t}\n}\n\n.select2-results {\n\tpadding: $input-padding-x;\n\t\n}\n\n.select2-search.select2-search--dropdown:not(.select2-search--hide) + .select2-results {\n\tpadding-top: 0;\n}\n\n\n.select2-container--open .select2-dropdown--above {\n\tbox-shadow: 0px -3px 8px 0px rgba(90, 80, 105, 0.1);\n\tborder-color: $input-focus-border-color;\n}\n\n.select2-container--open .select2-dropdown--below {\n\tbox-shadow: 0px 3px 8px 0px rgba(90, 80, 105, 0.1);\n\tborder-color: $input-focus-border-color;\n}\n\n\n.select2-container--default .select2-search--dropdown .select2-search__field {\n  display: block;\n  width: 100%;\n  height: calc(#{$line-height-base * 1em} + #{$input-padding-y * 2} + #{$input-height-border});\n  padding: $input-padding-y $input-padding-x;\n  padding-left: 2.5rem;\n  font-weight: $input-font-weight;\n  //line-height: calc(#{$line-height-base * 1em} + #{$input-padding-y * 2} + #{$input-height-border});\n  color: $input-color;\n  background-color: $input-bg;\n  background-clip: padding-box;\n  border: $input-border-width solid $input-border-color;\n  border-radius: $input-border-radius;\n  box-shadow: inset 0 .25rem .125rem 0 rgba(33, 37, 41, .025);\n\n  &:focus {\n  \tborder-color: darken($input-border-color, 10%);\n  }\n}\n\n.select2-container--default .select2-results__group {\n    padding: 0.5rem 0;\n    color: #8e8e8e;\n}\n\n.select2-container--default .select2-results__option[aria-selected=true] {\n\tbackground: $dropdown-link-active-bg;\n\tcolor: $dropdown-link-active-color;\n}\n\n.select2-container--default .select2-results__option--highlighted[aria-selected] {\n\tbackground-color: $primary-500;\n\tcolor: $white;\n}\n\n.select2-selection--single,\n.select2-selection--multiple,\n.select2-search__field {\n\ttransition: $input-transition;\t\n\n}\n\n\n.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, \n.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,\n.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, \n.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {\n\tposition: relative;\n\tz-index: 1051 + 100;\n\tborder-color: $input-focus-border-color;\n}\n\n.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, \n.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {\n\tborder-bottom-color: transparent;\n\tborder-bottom: 0; //gets rid of the ugly gap\n}\n\n.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, \n.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {\n\tborder-top-color: transparent;\n\tborder-top: 0; //gets rid of the ugly gap\n}\n\n.select2-container--default.select2-container--focus .select2-selection--single,\n.select2-container--default.select2-container--focus .select2-selection--multiple {\n\tborder-color: $input-focus-border-color;\n}\n\n.select2-container--default.select2-container--focus .select2-selection--multiple {\n\tdisplay: flex;\n    align-items: center;\n}\n.select2-container--default .select2-selection--multiple .select2-selection__rendered {\n\tdisplay: flex;\n\tpadding: 0 0.5rem;\n\t//clear: both;\n\tflex-wrap: wrap;\n}\n.select2-container--default .select2-selection--multiple .select2-selection__choice {\n\t//margin-right: 7px;\n\t//margin-top: 6px;\n\tmargin: 5px 3px;\n\tdisplay: inline-flex;\n\tpadding-right: 0;\n\talign-items: center;\n\n\tbackground: $dropdown-link-active-bg;\n\tborder-color: $primary-400;\n\n\tcolor: $dropdown-link-active-color;\n\n\t.select2-selection__choice__remove {\n\t\tmargin: 0;\n\t\tpadding-left: 7px;\n\t\tpadding-right: 7px;\n\t\torder: 1;\n\t\tfont-size: 16px;\n\t\tborder-left: 1px solid rgba(0,0,0,0.1);\n\t\tmargin-left: 5px;\n\n\t\tcolor: lighten($primary-500, 10%);\n\n\t\t&:hover {\n\t\t\tcolor: $primary-500;\n\t\t}\n\n\t\t&:active {\n\t\t\tbox-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;\n\t\t}\n\t}\n}\n\n\n\n.select2-container .select2-search--inline .select2-search__field {\n\tmargin-top: 0;\n\tmargin-left: 0;\n\theight: calc(#{$line-height-base * 1em} + #{$input-padding-y * 2} + #{$input-height-border});\n\tpadding: $input-padding-y 0.3rem;\n\tmin-width:100px;\n\t\n}\n\nspan.select2-selection.select2-selection--single,\nspan.select2-selection.select2-selection--multiple {\n\toutline: none;\n}\n\n.select2-container--default .select2-selection--single .select2-selection__clear {\n\tpadding: 0 15px;\n\tmargin-right: 8px;\n\tfont-size: 1rem;\n\tcolor: $danger-500;\n\n\t&:hover {\n\t\tcolor: $danger-600;\n\t}\n}\n\n/* this is not a permanent solution... hopefully IE will die by the time we release version 5.... */\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n\t.select2-container--default .select2-selection--single .select2-selection__clear {\n\t\tline-height: normal;\n\t\tmargin-top: 8px;\n\t}\n}\n\n.select2-results__message {\n\tcolor: $danger-500;\n}","/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins\n========================================================================== */\n@import './node_modules/bootstrap/scss/functions';\n@import './node_modules/bootstrap/scss/variables'; \n@import './node_modules/bootstrap/scss/mixins';\n@import './src/scss/_mixins/mixins';\n\n/* #BASE - Base Variable file along with font library, and colors.\n========================================================================== */\n@import './src/scss/_modules/variables';\n@import './src/scss/_modules/_fonts';\n@import './src/scss/_modules/_placeholders';\n@import './src/scss/_modules/_custom';","/*---------------------------------------------------\n    SASS ELements (based on LESS Elements 0.9 http://lesselements.com) \n  -------------------------------- -------------------\n    LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)\n    SASS port by Samuel Beek (http://samuelbeek.com) \n  ---------------------------------------------------*/\n \n@mixin gradient-img($start: #EEE,$stop: #FFF) {\n  background-color: $start;\n  background-image: -webkit-linear-gradient(top,$start,$stop);\n  background-image: linear-gradient(to top,$start,$stop);\n}\n\n@mixin gradient($color: #F5F5F5,$start: #EEE,$stop: #FFF) {\n    background:$color;\n    background:-webkit-gradient(linear,left bottom,left top,color-stop(0,$start),color-stop(1,$stop));\n    background:-ms-linear-gradient(bottom,$start,$stop);\n    background:-moz-linear-gradient(center bottom,$start 0%,$stop 100%);\n    background:-o-linear-gradient($stop,$start);\n    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=$start,endColorstr=$stop)\n}\n\n@mixin bw-gradient($color: #F5F5F5,$start: 0,$stop: 255) {\n    background:$color;\n    background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#000),color-stop(1,#000));\n    background:-ms-linear-gradient(bottom,#000 0%,#000 100%);\n    background:-moz-linear-gradient(center bottom,#000 0%,#000 100%);\n    background:-o-linear-gradient(#000,#000);\n    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=rgb($start,$start,$start),endColorstr=rgb($stop,$stop,$stop))\n}\n\n@mixin bordered($top-color: #EEE,$right-color: #EEE,$bottom-color: #EEE,$left-color: #EEE) {\n    border-top:solid 1px $top-color;\n    border-left:solid 1px $left-color;\n    border-right:solid 1px $right-color;\n    border-bottom:solid 1px $bottom-color\n}\n\n@mixin drop-shadow($x-axis: 0,$y-axis: 1px,$blur: 2px,$alpha: 0.1) {\n    //-webkit-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\n    //-moz-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\n    box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha)\n}\n\n@mixin rounded($radius: 2px) {\n    border-radius:$radius\n}\n\n@mixin border-radius($topright: 0,$bottomright: 0,$bottomleft: 0,$topleft: 0) {\n    border-top-right-radius:$topright;\n    border-bottom-right-radius:$bottomright;\n    border-bottom-left-radius:$bottomleft;\n    border-top-left-radius:$topleft\n}\n\n@mixin opacity($opacity: 0.5) {\n    -moz-opacity:$opacity;\n    -khtml-opacity:$opacity;\n    -webkit-opacity:$opacity;\n    opacity:$opacity;\n    $opperc:$opacity * 100\n/*\n  -ms-filter: ~\"progid:DXImageTransform.Microsoft.Alpha(opacity=${opperc})\";\n  filter: ~\"alpha(opacity=${opperc})\";\n*/\n}\n\n@mixin transition-duration($duration: 0.2s) {\n    -moz-transition-duration:$duration;\n    -webkit-transition-duration:$duration;\n    -o-transition-duration:$duration;\n    transition-duration:$duration\n}\n\n@mixin transform($arguments) {\n    -webkit-transform:$arguments;\n    -moz-transform:$arguments;\n    -o-transform:$arguments;\n    -ms-transform:$arguments;\n    transform:$arguments\n}\n\n@mixin rotation($deg:5deg) {\n}\n\n@mixin scale($ratio:1.5) {\n}\n\n@mixin transition($duration:0.2s,$ease:ease-out) {\n    -webkit-transition:all $duration $ease;\n    -moz-transition:all $duration $ease;\n    -o-transition:all $duration $ease;\n    transition:all $duration $ease\n}\n\n@mixin transition-color($duration:0.2s,$ease:ease-out) {\n    -webkit-transition:color $duration $ease;\n    -moz-transition:color $duration $ease;\n    -o-transition:color $duration $ease;\n    transition:color $duration $ease\n}\n\n@mixin transition-border($duration:0.2s,$ease:ease-out) {\n    -webkit-transition:border $duration $ease;\n    -moz-transition:border $duration $ease;\n    -o-transition:border $duration $ease;\n    transition:border $duration $ease\n}\n\n@mixin transition-background-color($duration:0.2s,$ease:ease) {\n    -webkit-transition:background-color $duration $ease;\n    -moz-transition:background-color $duration $ease;\n    -o-transition:background-color $duration $ease;\n    transition:background-color $duration $ease\n}\n\n@mixin transition-fill($duration:0.2s,$ease:ease) {\n    -webkit-transition:fill $duration $ease;\n    -moz-transition:fill $duration $ease;\n    -o-transition:fill $duration $ease;\n    transition:fill $duration $ease\n}\n\n@mixin inner-shadow($horizontal:0,$vertical:1px,$blur:2px,$alpha: 0.4) {\n    -webkit-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\n    -moz-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\n    box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha)\n}\n\n@mixin box-shadow($arguments) {\n    //-webkit-box-shadow:$arguments;\n    //-moz-box-shadow:$arguments;\n    box-shadow:$arguments\n}\n\n@mixin box-sizing($sizing: border-box) {\n    //-ms-box-sizing:$sizing;\n    //-moz-box-sizing:$sizing;\n    //-webkit-box-sizing:$sizing;\n    box-sizing:$sizing\n}\n\n@mixin user-select($argument: none) {\n    -webkit-user-select:$argument;\n    -moz-user-select:$argument;\n    -ms-user-select:$argument;\n    user-select:$argument\n}\n\n@mixin columns($colwidth: 250px,$colcount: 0,$colgap: 50px,$columnRuleColor: #EEE,$columnRuleStyle: solid,$columnRuleWidth: 1px) {\n    -moz-column-width:$colwidth;\n    -moz-column-count:$colcount;\n    -moz-column-gap:$colgap;\n    -moz-column-rule-color:$columnRuleColor;\n    -moz-column-rule-style:$columnRuleStyle;\n    -moz-column-rule-width:$columnRuleWidth;\n    -webkit-column-width:$colwidth;\n    -webkit-column-count:$colcount;\n    -webkit-column-gap:$colgap;\n    -webkit-column-rule-color:$columnRuleColor;\n    -webkit-column-rule-style:$columnRuleStyle;\n    -webkit-column-rule-width:$columnRuleWidth;\n    column-width:$colwidth;\n    column-count:$colcount;\n    column-gap:$colgap;\n    column-rule-color:$columnRuleColor;\n    column-rule-style:$columnRuleStyle;\n    column-rule-width:$columnRuleWidth\n}\n\n@mixin translate($x:0,$y:0) {\n    -webkit-transform: translate($x,$y);\n    -moz-transform: translate($x,$y);\n    -ms-transform: translate($x,$y);\n    -o-transform: translate($x,$y);\n    transform: translate($x,$y);\n}\n\n@mixin translate3d($x:0,$y:0,$z:0) {\n  -webkit-transform: translate3d($x, $y, $z);\n      -ms-transform: translate3d($x, $y, $z); \n          transform: translate3d($x, $y, $z); \n}\n\n@mixin background-clip($argument: padding-box) {\n    -moz-background-clip:$argument;\n    -webkit-background-clip:$argument;\n    background-clip:$argument\n}\n\n@mixin transform($transforms) {\n     -moz-transform: $transforms;\n       -o-transform: $transforms;\n      -ms-transform: $transforms;\n  -webkit-transform: $transforms;\n          transform: $transforms;\n}\n// rotate\n@mixin rotate ($deg) {\n  @include transform(rotate(#{$deg}deg));\n}\n \n// scale\n@mixin scale($scale) {\n   @include transform(scale($scale));\n} \n// translate\n@mixin translate ($x, $y) {\n   @include transform(translate($x, $y));\n}\n// skew\n@mixin skew ($x, $y) {\n   @include transform(skew(#{$x}deg, #{$y}deg));\n}\n//transform origin\n@mixin transform-origin ($origin) {\n    -moz-transform-origin: $origin;\n       -o-transform-origin: $origin;\n      -ms-transform-origin: $origin;\n  -webkit-transform-origin: $origin;\n          transform-origin: $origin;\n}\n\n//return rgb value \n/*------------------------\n    Usage\n\n  $color-white: hexToRGBString(#fff) => \"255,255,255\"\n  $color-white: hexToRGBString(rgb(255,255,255)) => \"255,255,255\"\n  $color-white: hexToRGBString(rgba(#fff,1)) => \"255,255,255\"\n  \n------------------------*/\n@function hexToRGBString($hexColor) {\n  @return \"#{red($hexColor)},#{green($hexColor)},#{blue($hexColor)}\";\n}\n\n//Rem size support\n\n/*------------------------\n    Usage\n\n    h1 {\n      font-size: rem(32);\n    }\n\n    OR:\n\n    h1 {\n      font-size: rem(32px);\n    }\n------------------------*/\n\n$browser-context: 16;\n\n@function rem($pixels, $context: $browser-context) {\n  @if (unitless($pixels)) {\n    $pixels: $pixels * 1px;\n  }\n\n  @if (unitless($context)) {\n    $context: $context * 1px;\n  }\n\n  @return $pixels / $context * 1rem;\n}\n\n/*------------------------\n  FADE IN\n  e.g. @include fadeIn( 2s );\n------------------------*/\n\n//$prefix:'-moz-', '-webkit-', '-o-', '-ms-', '';\n//\n//@mixin keyframe-fadeIn {\n//  0%   { opacity:0; }\n//  100% { opacity:1; }\n//}\n//\n//@-moz-keyframes fadeIn {\n//  @include keyframe-fadeIn;\n//}\n//@-webkit-keyframes fadeIn {\n//  @include keyframe-fadeIn;\n//}\n//@-o-keyframes fadeIn {\n//  @include keyframe-fadeIn;\n//}\n//@-ms-keyframes fadeIn {\n//  @include keyframe-fadeIn;\n//}\n//@keyframes fadeIn {\n//  @include keyframe-fadeIn;\n//}\n//\n//@mixin fadeIn( $arg ) {\n//  $keyframe-name:fadeIn;\n//  $duration:$arg;\n//  @each $p in $prefix {\n//    #{$p}animation:$keyframe-name $duration;\n//  }\n//}\n\n/*------------------------\nmixin that calculates if text needs to be light or dark\ndepending on the background color passed.\n\nFrom this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast\n\nusage:\n@include text-contrast($bgcolor)\n      \nColor brightness is determined by the following formula: \n((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000\n------------------------*/\n\n@mixin text-contrast($n:#333) {\n  $color-brightness: round((red($n) * 299) + (green($n) * 587) + (blue($n) * 114) / 1000);\n  $light-color: round((red(#ffffff) * 299) + (green(#ffffff) * 587) + (blue(#ffffff) * 114) / 1000);\n  \n  @if abs($color-brightness) < ($light-color/1.70){\n    color: rgba(255,255,255,1);\n  }\n\n  @else {\n    color: rgba(0,0,0,0.8);\n  }\n}\n\n/*------------------------\n color factory \n  eg: contrast-ink($contrastvalue)\n------------------------*/\n\n@function contrast($n:#333) {\n  $color-brightness: round((red($n) * 299) + (green($n) * 587) + (blue($n) * 114) / 1000);\n  $light-color: round((red(#ffffff) * 299) + (green(#ffffff) * 587) + (blue(#ffffff) * 114) / 1000);\n  \n  @if abs($color-brightness) < ($light-color/1.70){\n    @return #ffffff;\n  }\n\n  @else {\n    @return #000000;\n  }\n}\n\n/*------------------------\n color factory \n  eg: @include paint($blue-grey-50, bg-blue-grey-50);\n------------------------*/\n\n\n@mixin paint($paint:#333333,$make:bg-blue-grey-50) {\n\n    .#{$make} {\n      background-color: $paint;\n      @include text-contrast($paint)\n      &:hover {\n        @include text-contrast($paint)\n      }\n    }\n}\n\n@mixin brush($brush: #333,$make: red-50) {\n    .#{$make} {\n      color: $brush;\n    }\n}\n\n//mixen for settings side buttons\n@mixin set-settings($class-element: nav-function-fixed) {\n\n    .#{$class-element} .btn-switch[data-class=\"#{$class-element}\"] {\n      @extend %set-settings;\n    }\n\n}\n\n//mixen for settings side buttons\n@mixin paint-gradient($paint: $fusion-500, $make:bg-fusion-gradient) {\n\n    .#{$make} {\n      background-image: -webkit-linear-gradient(250deg, rgba($paint, 0.7), transparent);\n      background-image: linear-gradient(250deg, rgba($paint, 0.7), transparent);\n    }\n\n}\n\n/* backface visibility */\n@mixin backface-visibility($argument: none) {\n  -webkit-backface-visibility: hidden;\n  -moz-backface-visibility:    hidden;\n  -ms-backface-visibility:     hidden;\n   backface-visibility:        hidden;\n}\n\n/* generate theme button */\n@mixin theme-button-color ($theme-fusion:none, $theme-primary:none, $theme-info:none, $theme-success:none, $theme-warning:none, $theme-danger:none) {\n  background-image: -webkit-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\n  background-image: -moz-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\n  background-image: -ms-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\n  background-image: linear-gradient(to right, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\n}\n\n// IE flexbox details:\n//\n// - Flexbox in IE 10:\n//   https://msdn.microsoft.com/en-us/library/hh673531(v=vs.85).aspx\n//\n// - IE 11 flexbox changes (includes property/value names for IE 10)\n//   https://msdn.microsoft.com/library/dn265027(v=vs.85).aspx\n\n@mixin flexbox ($important: false) {\n  display: unquote(\"-ms-flexbox #{if($important, '!important', null)}\");\n  display: unquote(\"flex #{if($important, '!important', null)}\");\n}\n\n@mixin inline-flexbox ($important: false) {\n  display: unquote(\"-ms-inline-flexbox #{if($important, '!important', null)}\");\n  display: unquote(\"inline-flex #{if($important, '!important', null)}\");\n}\n\n@mixin align-content ($value) {\n  $ms-map: (\n    flex-start: start,\n    flex-end: end\n  );\n  -ms-flex-line-pack: map-get($ms-map, $value) or $value;\n  align-content: $value;\n}\n\n@mixin align-items ($value) {\n  $ms-map: (\n    flex-start: start,\n    flex-end: end\n  );\n  -ms-flex-align: map-get($ms-map, $value) or $value;\n  align-items: $value;\n}\n\n@mixin align-self ($value) {\n  $ms-map: (\n    flex-start: start,\n    flex-end: end\n  );\n  -ms-flex-item-align: map-get($ms-map, $value) or $value;\n  align-self: $value;\n}\n\n@mixin flex ($value) {\n  -ms-flex: $value;\n  flex: $value;\n}\n\n@mixin flex-direction ($value) {\n  -ms-flex-direction: $value;\n  flex-direction: $value;\n}\n\n@mixin flex-wrap ($value) {\n  $ms-map: (\n    nowrap: none\n  );\n  -ms-flex-wrap: map-get($ms-map, $value) or $value;\n  flex-wrap: $value;\n}\n\n@mixin justify-content ($value) {\n  $ms-map: (\n    flex-start: start,\n    flex-end: end,\n    space-around: distribute,\n    space-between: justify\n  );\n  -ms-flex-pack: map-get($ms-map, $value) or $value;\n  justify-content: $value;\n}\n\n@mixin order ($value) {\n  -ms-flex-order: $value;\n  order: $value;\n}","/*  THEME COLORs\n========================================================================== */\n/* Looks good on chrome default color profile */\n$color-primary:\t\t\t\t\t\t#886ab5;\n$color-success:\t\t\t\t\t\t#1dc9b7;\n$color-info:\t\t\t\t\t\t#2196F3;\n$color-warning:\t\t\t\t\t\t#ffc241;\n$color-danger:\t\t\t\t\t\t#A61803;\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); \n\n/* We will manually convert these primary colors to rgb for the dark mode option of the theme */\n$rgb-primary:\t\t\t\t\t\thexToRGBString($color-primary) !default;\n$rgb-success:\t\t\t\t\t\thexToRGBString($color-success) !default;\n$rgb-info:\t\t\t\t\t\t\thexToRGBString($color-info) !default;\n$rgb-warning:\t\t\t\t\t\thexToRGBString($color-warning) !default;\n$rgb-danger:\t\t\t\t\t\thexToRGBString($color-danger) !default;\n$rgb-fusion:\t\t\t\t\t\thexToRGBString($color-fusion) !default; \n\n/* looks good in sRGB but washed up on chrome default \n$color-primary:\t\t\t\t\t\t#826bb0;\n$color-success:\t\t\t\t\t\t#31cb55;\n$color-info:\t\t\t\t\t\t#5e93ec;\n$color-warning:\t\t\t\t\t\t#eec559;\n$color-danger:\t\t\t\t\t\t#dc4b92;\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */\n\n/*  Color Polarity\n========================================================================== */\n$white:\t\t\t\t\t\t\t\t#fff !default;\n$black:\t\t\t\t\t\t\t\t#000 !default;\n$disabled:\t\t\t\t\t\t\tdarken($white, 20%) !default;\n\n/*  PAINTBUCKET MIXER\n========================================================================== */\n/* the grays */ \n$gray-50:\t\t\t\t\t\t\t#f9f9f9;\n$gray-100:\t\t\t\t\t\t\t#f8f9fa;\n$gray-200:\t\t\t\t\t\t\t#f3f3f3;\n$gray-300:\t\t\t\t\t\t\t#dee2e6;\n$gray-400:\t\t\t\t\t\t\t#ced4da;\n$gray-500:\t\t\t\t\t\t\t#adb5bd;\n$gray-600:\t\t\t\t\t\t\t#868e96;\n$gray-700:\t\t\t\t\t\t\t#495057;\n$gray-800:\t\t\t\t\t\t\t#343a40;\n$gray-900:\t\t\t\t\t\t\t#212529;\n\n/* the sapphires */\n$primary-50:\t\t\t\t\t\tlighten($color-primary, 25%) !default;\t\n$primary-100:\t\t\t\t\t\tlighten($color-primary, 20%) !default;\t\n$primary-200:\t\t\t\t\t\tlighten($color-primary, 15%) !default;\t\n$primary-300:\t\t\t\t\t\tlighten($color-primary, 10%) !default;\t\n$primary-400:\t\t\t\t\t\tlighten($color-primary, 5%) !default;\n$primary-500:\t\t\t\t\t\t$color-primary !default;\n$primary-600:\t\t\t\t\t\tdarken($color-primary, 5%) !default;\n$primary-700:\t\t\t\t\t\tdarken($color-primary, 10%) !default;\n$primary-800:\t\t\t\t\t\tdarken($color-primary, 15%) !default;\n$primary-900:\t\t\t\t\t\tdarken($color-primary, 20%) !default;\n\n/* the emeralds */\n$success-50:\t\t\t\t\t\tlighten($color-success, 25%) !default;\t\n$success-100:\t\t\t\t\t\tlighten($color-success, 20%) !default;\t\n$success-200:\t\t\t\t\t\tlighten($color-success, 15%) !default;\t\n$success-300:\t\t\t\t\t\tlighten($color-success, 10%) !default;\t\n$success-400:\t\t\t\t\t\tlighten($color-success, 5%) !default;\n$success-500:\t\t\t\t\t\t$color-success !default;\n$success-600:\t\t\t\t\t\tdarken($color-success, 5%) !default;\n$success-700:\t\t\t\t\t\tdarken($color-success, 10%) !default;\n$success-800:\t\t\t\t\t\tdarken($color-success, 15%) !default;\n$success-900:\t\t\t\t\t\tdarken($color-success, 20%) !default;\n\n/* the amethyths */\n$info-50:\t\t\t\t\t\t\tlighten($color-info, 25%) !default;\t\n$info-100:\t\t\t\t\t\t\tlighten($color-info, 20%) !default;\t\n$info-200:\t\t\t\t\t\t\tlighten($color-info, 15%) !default;\t\n$info-300:\t\t\t\t\t\t\tlighten($color-info, 10%) !default;\t\n$info-400:\t\t\t\t\t\t\tlighten($color-info, 5%) !default;\n$info-500:\t\t\t\t\t\t\t$color-info !default;\n$info-600:\t\t\t\t\t\t\tdarken($color-info, 5%) !default;\n$info-700:\t\t\t\t\t\t\tdarken($color-info, 10%) !default;\n$info-800:\t\t\t\t\t\t\tdarken($color-info, 15%) !default;\n$info-900:\t\t\t\t\t\t\tdarken($color-info, 20%) !default;\n\n/* the topaz */\n$warning-50:\t\t\t\t\t\tlighten($color-warning, 25%) !default;\t\n$warning-100:\t\t\t\t\t\tlighten($color-warning, 20%) !default;\t\n$warning-200:\t\t\t\t\t\tlighten($color-warning, 15%) !default;\t\n$warning-300:\t\t\t\t\t\tlighten($color-warning, 10%) !default;\t\n$warning-400:\t\t\t\t\t\tlighten($color-warning, 5%) !default;\n$warning-500:\t\t\t\t\t\t$color-warning !default;\n$warning-600:\t\t\t\t\t\tdarken($color-warning, 5%) !default;\n$warning-700:\t\t\t\t\t\tdarken($color-warning, 10%) !default;\n$warning-800:\t\t\t\t\t\tdarken($color-warning, 15%) !default;\n$warning-900:\t\t\t\t\t\tdarken($color-warning, 20%) !default;\n\n/* the rubies */\n$danger-50:\t\t\t\t\t\t\tlighten($color-danger, 25%) !default;\t\n$danger-100:\t\t\t\t\t\tlighten($color-danger, 20%) !default;\t\n$danger-200:\t\t\t\t\t\tlighten($color-danger, 15%) !default;\t\n$danger-300:\t\t\t\t\t\tlighten($color-danger, 10%) !default;\t\n$danger-400:\t\t\t\t\t\tlighten($color-danger, 5%) !default;\n$danger-500:\t\t\t\t\t\t$color-danger !default;\n$danger-600:\t\t\t\t\t\tdarken($color-danger, 5%) !default;\n$danger-700:\t\t\t\t\t\tdarken($color-danger, 10%) !default;\n$danger-800:\t\t\t\t\t\tdarken($color-danger, 15%) !default;\n$danger-900:\t\t\t\t\t\tdarken($color-danger, 20%) !default;\n\n/* the graphites */\n$fusion-50:\t\t\t\t\t\t\tlighten($color-fusion, 25%) !default;\t\n$fusion-100:\t\t\t\t\t\tlighten($color-fusion, 20%) !default;\t\n$fusion-200:\t\t\t\t\t\tlighten($color-fusion, 15%) !default;\t\n$fusion-300:\t\t\t\t\t\tlighten($color-fusion, 10%) !default;\t\n$fusion-400:\t\t\t\t\t\tlighten($color-fusion, 5%) !default;\n$fusion-500:\t\t\t\t\t\t$color-fusion !default;\n$fusion-600:\t\t\t\t\t\tdarken($color-fusion, 5%) !default;\n$fusion-700:\t\t\t\t\t\tdarken($color-fusion, 10%) !default;\n$fusion-800:\t\t\t\t\t\tdarken($color-fusion, 15%) !default;\n$fusion-900:\t\t\t\t\t\tdarken($color-fusion, 20%) !default;\n\n$theme-colors-extended: () !default;\n$theme-colors-extended: map-merge((\n\t\"rgb-primary\":\t\t\t\t\t$rgb-primary,\n\t\"rgb-success\":\t\t\t\t\t$rgb-success,\n\t\"rgb-info\":\t\t\t\t\t\t$rgb-info,\n\t\"rgb-warning\":\t\t\t\t\t$rgb-warning,\n\t\"rgb-danger\":\t\t\t\t\t$rgb-danger,\n\t\"rgb-fusion\":\t\t\t\t\t$rgb-fusion,\n\t\"primary-50\":\t\t\t\t\t$primary-50,\n\t\"primary-100\":\t\t\t\t\t$primary-100,\n\t\"primary-200\":\t\t\t\t\t$primary-200,\n\t\"primary-300\":\t\t\t\t\t$primary-300,\n\t\"primary-400\":\t\t\t\t\t$primary-400,\n\t\"primary-500\":\t\t\t\t\t$primary-500,\n\t\"primary-600\":\t\t\t\t\t$primary-600,\n\t\"primary-700\":\t\t\t\t\t$primary-700,\n\t\"primary-800\":\t\t\t\t\t$primary-800,\n\t\"primary-900\":\t\t\t\t\t$primary-900,\n\t\"success-50\":\t\t\t\t\t$success-50,\n\t\"success-100\":\t\t\t\t\t$success-100,\n\t\"success-200\":\t\t\t\t\t$success-200,\n\t\"success-300\":\t\t\t\t\t$success-300,\n\t\"success-400\":\t\t\t\t\t$success-400,\n\t\"success-500\":\t\t\t\t\t$success-500,\n\t\"success-600\":\t\t\t\t\t$success-600,\n\t\"success-700\":\t\t\t\t\t$success-700,\n\t\"success-800\":\t\t\t\t\t$success-800,\n\t\"success-900\":\t\t\t\t\t$success-900,\n\t\"info-50\":\t\t\t\t\t\t$info-50,\n\t\"info-100\":\t\t\t\t\t\t$info-100,\n\t\"info-200\":\t\t\t\t\t\t$info-200,\n\t\"info-300\":\t\t\t\t\t\t$info-300,\n\t\"info-400\":\t\t\t\t\t\t$info-400,\n\t\"info-500\":\t\t\t\t\t\t$info-500,\n\t\"info-600\":\t\t\t\t\t\t$info-600,\n\t\"info-700\":\t\t\t\t\t\t$info-700,\n\t\"info-800\":\t\t\t\t\t\t$info-800,\n\t\"info-900\":\t\t\t\t\t\t$info-900,\n\t\"warning-50\":\t\t\t\t\t$warning-50,\n\t\"warning-100\":\t\t\t\t\t$warning-100,\n\t\"warning-200\":\t\t\t\t\t$warning-200,\n\t\"warning-300\":\t\t\t\t\t$warning-300,\n\t\"warning-400\":\t\t\t\t\t$warning-400,\n\t\"warning-500\":\t\t\t\t\t$warning-500,\n\t\"warning-600\":\t\t\t\t\t$warning-600,\n\t\"warning-700\":\t\t\t\t\t$warning-700,\n\t\"warning-800\":\t\t\t\t\t$warning-800,\n\t\"warning-900\":\t\t\t\t\t$warning-900,  \n\t\"danger-50\":\t\t\t\t\t$danger-50,\n\t\"danger-100\":\t\t\t\t\t$danger-100,\n\t\"danger-200\":\t\t\t\t\t$danger-200,\n\t\"danger-300\":\t\t\t\t\t$danger-300,\n\t\"danger-400\":\t\t\t\t\t$danger-400,\n\t\"danger-500\":\t\t\t\t\t$danger-500,\n\t\"danger-600\":\t\t\t\t\t$danger-600,\n\t\"danger-700\":\t\t\t\t\t$danger-700,\n\t\"danger-800\":\t\t\t\t\t$danger-800,\n\t\"danger-900\":\t\t\t\t\t$danger-900,\n\t\"fusion-50\":\t\t\t\t\t$fusion-50,\n\t\"fusion-100\":\t\t\t\t\t$fusion-100,\n\t\"fusion-200\":\t\t\t\t\t$fusion-200,\n\t\"fusion-300\":\t\t\t\t\t$fusion-300,\n\t\"fusion-400\":\t\t\t\t\t$fusion-400,\n\t\"fusion-500\":\t\t\t\t\t$fusion-500,\n\t\"fusion-600\":\t\t\t\t\t$fusion-600,\n\t\"fusion-700\":\t\t\t\t\t$fusion-700,\n\t\"fusion-800\":\t\t\t\t\t$fusion-800,\n\t\"fusion-900\":\t\t\t\t\t$fusion-900\n\n), $theme-colors-extended);\n\n/*  Define universal border difition (div outlines, etc)\n========================================================================== */\n$theme-border-utility-size:\t\t\t\t0px;\n\n/*  MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)\n========================================================================== */\n$grid-breakpoints: (\n\t// Extra small screen / phone\n\txs: 0,\n\t// Small screen / phone\n\tsm: 576px,\n\t// Medium screen / tablet\n\tmd: 768px,\n\t// Large screen / desktop\n\tlg: 992px, // also change 'mobileResolutionTrigger' in app.config.js\n\t// Decently size screen / wide laptop\n\txl: 1399px \n);\n\n$mobile-breakpoint:\t\t\t\t\t\tlg !default;                               /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */\n$mobile-breakpoint-size:\t\t\t\tmap-get($grid-breakpoints, lg) !default;   /* bootstrap reference xs: 0,  sm: 544px, md: 768px, lg: 992px, xl: 1200px*/\n//$mobile-font-size:\t\t\t\t\t\t15px; \t                                   /* bigger fontsize for mobile screens */\n$grid-gutter-width-base:\t\t\t\t3rem;\n$grid-gutter-width:\t\t\t\t\t\t1.5rem;\n\n$grid-gutter-widths: (\n\txs: $grid-gutter-width-base / 2,         \n\tsm: $grid-gutter-width-base / 2,          \n\tmd: $grid-gutter-width-base / 2,        \n\tlg: $grid-gutter-width-base / 2,        \n\txl: $grid-gutter-width-base / 2        \n);\n\n\n/* global var used for spacing*/\n$spacer:                  1rem;\n$spacers: () ;\n$spacers: map-merge(\n\t(\n\t\t0: 0,\n\t\t1: ($spacer * .25),\n\t\t2: ($spacer * .5),\n\t\t3: $spacer,\n\t\t4: ($spacer * 1.5),\n\t\t5: ($spacer * 2),\n\t\t6: ($spacer * 2.5)\n\t),\n\t$spacers\n);\n\n/* Uniform Padding variable */\n/* Heads up! This is a global scoped variable - changing may impact the whole template */\n$p-1:\t\t\t\t\t\t\t\t\t0.25rem;\n$p-2:\t\t\t\t\t\t\t\t\t0.5rem;\n$p-3:\t\t\t\t\t\t\t\t\t1rem;\n$p-4:\t\t\t\t\t\t\t\t\t1.5rem;\n$p-5:\t\t\t\t\t\t\t\t\t2rem;\n\n\n/*   BOOTSTRAP OVERRIDES (bootstrap variables)\n========================================================================== */ \n$grays: (\n\t\"100\": $gray-100,\n\t\"200\": $gray-200,\n\t\"300\": $gray-300,\n\t\"400\": $gray-400,\n\t\"500\": $gray-500,\n\t\"600\": $gray-600,\n\t\"700\": $gray-700,\n\t\"800\": $gray-800,\n\t\"900\": $gray-900\n);\n\n$colors: (\n\t\"blue\": $color-primary,\n\t\"red\": $color-danger,\n\t\"orange\": $color-warning,\n\t\"yellow\": $color-warning,\n\t\"green\": $color-success,\n\t\"white\": $white,\n\t\"gray\": $gray-600,\n\t\"gray-dark\": $gray-700\n);\n\n/* usage: theme-colors(\"primary\"); */\n$theme-colors: (\n\t\"primary\": $color-primary,\n\t\"secondary\": $gray-600,\n\t\"success\": $color-success,\n\t\"info\": $color-info,\n\t\"warning\": $color-warning,\n\t\"danger\": $color-danger,\n\t\"light\": $white,\n\t\"dark\": $fusion-500\n);\n\n/* forms */\n/*$input-height:\t\t\t\t\t\t\tcalc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */\n$input-border-color:\t\t\t\t\t#E5E5E5;\n$input-focus-border-color:\t\t\t\t$color-primary;\n$input-btn-focus-color:\t\t\t\t\ttransparent;\n$input-padding-y:\t\t\t\t\t\t.5rem;  \n$input-padding-x:\t\t\t\t\t\t.875rem;\n$label-margin-bottom:\t\t\t\t\t.3rem;\n$form-group-margin-bottom:\t\t\t\t1.5rem;\n\n/* links */\n$link-color:\t\t\t\t\t\t\t$primary-500;\n$link-hover-color:\t\t\t\t\t\t$primary-400;\n\n/* checkbox */ \n$custom-control-indicator-size:\t\t\t\t\t1.125rem;\n$custom-checkbox-indicator-border-radius:\t\t2px;\n$custom-control-indicator-border-width: \t\t2px;\n$custom-control-indicator-bg-size:\t\t\t\t0.5rem;\n\n/*$custom-file-height-inner:\t\t\t\tcalc(2.25rem - 1px);*/\n//$custom-file-padding-y:\t\t\t\t\t$input-padding-y;\n\n/* not part of bootstrap variable */\n$custom-control-indicator-bg-size-checkbox:  50% 50% !default;\n\n/* custom checkbox */\n// the checkbox needs to be a little darker for input groups\n$custom-control-indicator-checked-bg:\t\t\t\t$primary-600;\n$custom-control-indicator-checked-border-color: \t$primary-700;\n$custom-control-indicator-checked-disabled-bg:\t\t$primary-100;\n\n$custom-control-indicator-active-bg:\t\t\t\t$primary-100; \n$custom-control-indicator-active-border-color:\t\t$primary-100;\n$custom-control-indicator-active-color:\t\t\t\t$primary-100;\n\n$custom-control-indicator-focus-border-color:\t\t$primary-400;\n$custom-select-focus-border-color:\t\t\t\t\t$primary-500;\n\n$custom-checkbox-indicator-indeterminate-border-color: $primary-500;\n$custom-checkbox-indicator-indeterminate-bg: $primary-500;\n\n\n/* custom range */\n$custom-range-thumb-width:\t\t\t\t1rem;\n$custom-range-thumb-border-radius:\t\t50%;\n$custom-range-track-height:\t\t\t\t0.325rem;\n$custom-range-thumb-bg:\t\t\t\t\t$primary-500;\n$custom-range-thumb-active-bg:\t\t\t$primary-300;\n$custom-range-thumb-focus-box-shadow:\t0 0 0 1px $white, 0 0 0 0.2rem rgba($primary-500, 0.25);\n\n/* custom file */\n$custom-file-focus-border-color:\t\t$primary-500;\n\n/* badge */\n$badge-font-size:\t\t\t\t\t\t85%;\n$badge-font-weight:\t\t\t\t\t\t500;\n\n/* cards */\n$card-spacer-y:\t\t\t\t\t\t\t1rem;\n$card-spacer-x:\t\t\t\t\t\t\t1rem;\n$card-cap-bg:\t\t\t\t\t\t\tinherit;\n$card-border-color:\t\t\t\t\t\trgba(0, 0, 0, 0.08);\n$list-group-border-color:\t\t\t\t$card-border-color;\n\n/*border radius*/\n$border-radius:\t\t\t\t\t\t\t4px;\n$border-radius-lg:\t\t\t\t\t\t$border-radius;\n$border-radius-sm:\t\t\t\t\t\t$border-radius;\n$border-radius-plus:\t\t\t\t\t10px;\n\n/* alert */\n$alert-padding-y:\t\t\t\t\t\t1rem;\n$alert-padding-x:\t\t\t\t\t\t1.25rem;\n$alert-margin-bottom:\t\t\t\t\t$grid-gutter-width + 0.5rem;\n\n/* toast */\n$toast-padding-y:\t\t\t\t\t\t0.5rem;\n$toast-padding-x:\t\t\t\t\t\t0.75rem;\n$toast-header-color:\t\t\t\t\t$fusion-500;\n\n/* breadcrumb */\n$breadcrumb-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\n$breadcrumb-divider-color:\t\t\t\tinherit;\n\n/* input button */\n$input-btn-padding-y-sm:\t\t\t\t.375rem;\n$input-btn-padding-x-sm:\t\t\t\t.844rem;\n\n$input-btn-padding-y:\t\t\t\t\t.5rem;\n$input-btn-padding-x:\t\t\t\t\t1.125rem;\n\n$input-btn-padding-y-lg:\t\t\t\t.75rem;\n$input-btn-padding-x-lg:\t\t\t\t1.5rem;\n\n/* nav link */\n$nav-link-padding-y:\t\t\t\t\t$input-btn-padding-y;\n$nav-link-padding-x:\t\t\t\t\t$input-btn-padding-x;\n\n/* nav, tabs, pills */\n$nav-tabs-border-color:\t\t\t\t\trgba($black, 0.1);\n$nav-tabs-link-active-border-color:\t\trgba($black, 0.1) rgba($black, 0.1) $white;\n$nav-tabs-link-hover-border-color:\t\trgba($black, 0.07) rgba($black, 0.07) transparent;\n\n/* tables */\n$table-border-color:\t\t\t\t\tlighten(desaturate($primary-500, 60%), 35%); //rgba($black, 0.09);\n$table-hover-bg:\t\t\t\t\t\tlighten(desaturate($primary-900, 70%), 63%);\n$table-accent-bg:\t\t\t\t\t\trgba($fusion-500,.02);\n$table-dark-bg:\t\t\t\t\t\t\t$fusion-300;\n$table-dark-border-color:\t\t\t\t$fusion-400;\n$table-dark-accent-bg:\t\t\t\t\trgba($white, .05);\n$table-dark-hover-bg:\t\t\t\t\t$color-primary;\n\n/* dropdowns */\n$dropdown-border-width:\t\t\t\t\t$theme-border-utility-size; \n$dropdown-padding-y:\t\t\t\t\t.3125rem;\n$dropdown-item-padding-y:\t\t\t\t.75rem;\n$dropdown-item-padding-x:\t\t\t\t1.5rem; \n$dropdown-link-active-bg:\t\t\t\tlighten($primary-50, 13%);  \n$dropdown-link-active-color:\t\t\t$primary-900;\n$dropdown-link-hover-color:\t\t\t\t$primary-700;\n\n/* dropdowns sizes */\n$dropdown-xl-width:\t\t\t\t\t\t21.875rem !default;\n$dropdown-lg-width:\t\t\t\t\t\t17.5rem !default;\n$dropdown-md-width:\t\t\t\t\t\t14rem !default;\n$dropdown-sm-width:\t\t\t\t\t\t8rem !default;\n$dropdown-shadow:\t\t\t\t\t\t0 0 15px 1px rgba(desaturate($primary-900, 20%), (20/100));   \n\n/* popovers */\n$popover-border-color:\t\t\t\t\trgba(0, 0, 0, 0.2);\n$popover-header-padding-y:\t\t\t\t1rem;\n$popover-header-padding-x:\t\t\t\t1rem;\n$popover-header-bg:\t\t\t\t\t\ttransparent;\n$popover-border-width:\t\t\t\t\t3px;\n$popover-arrow-width:\t\t\t\t\t15px;\n$popover-arrow-height:\t\t\t\t\t7px;\n$popover-arrow-outer-color:\t\t\t\tinherit;\n$popover-arrow-color:\t\t\t\t\ttransparent;\n$popover-font-size:\t\t\t\t\t\t14px;\n$popover-box-shadow:\t\t\t\t\t1px 0 13px rgba(90, 80, 105, 0.2);\n$popover-border-radius:\t\t\t\t\t0.5rem;\n\n/* tooltips */\n$tooltip-max-width:\t\t\t\t\t\t200px;\n$tooltip-color:\t\t\t\t\t\t\t$white;\n$tooltip-bg:\t\t\t\t\t\t\trgba($fusion-700, 0.9);\n$tooltip-border-radius:\t\t\t\t\t5px;\n$tooltip-opacity:\t\t\t\t\t\t1;\n$tooltip-padding-y:\t\t\t\t\t\t.3rem;\n$tooltip-padding-x:\t\t\t\t\t\t.6rem;\n$tooltip-margin:\t\t\t\t\t\t2px;\n$tooltip-arrow-width:\t\t\t\t\t8px;\n$tooltip-arrow-height:\t\t\t\t\t5px;\n\n/* modal */\n$modal-header-padding-y:\t\t\t\t1.25rem;\n$modal-header-padding-x:\t\t\t\t1.25rem;\n$modal-header-padding:\t\t\t\t\t$modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n$modal-inner-padding:\t\t\t\t\t1.25rem;\n$modal-backdrop-opacity:\t\t\t\t0.2;\n$modal-content-border-color:\t\t\ttransparent;\n$modal-header-border-width:\t\t\t\t0px;\n$modal-footer-border-width:\t\t\t\t0px;\n\n//$modal-lg:\t\t\t\t\t\t\t\t650px;\n\n/* reference guide\nhttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/\n8px = 0.5rem\n9px = 0.5625rem\n10px = 0.625rem\n11px = 0.6875rem\n12px = 0.75rem\n13px = 0.8125rem\n14px = 0.875rem\n15px = 0.9375rem\n16px = 1rem (base)\n17px = 1.0625rem\n18px = 1.125rem\n19px = 1.1875rem\n20px = 1.25rem\n21px = 1.3125rem\n22px = 1.375rem\n24px = 1.5rem\n25px = 1.5625rem\n26px = 1.625rem\n28px = 1.75rem\n30px = 1.875rem\n32px = 2rem\n34px = 2.125rem\n36px = 2.25rem\n38px = 2.375rem\n40px = 2.5rem\n*/\n\n/* Fonts */\n$font-size-base:\t\t\t\t\t\t0.8125rem;\n$font-size-lg:\t\t\t\t\t\t\t1rem;\n$font-size-sm:\t\t\t\t\t\t\t0.75rem;\n$line-height-base:\t\t\t\t\t\t1.47;\n$headings-line-height:\t\t\t\t\t1.57;\n\n$h1-font-size:\t\t\t\t\t\t\t1.5rem;\n$h2-font-size:\t\t\t\t\t\t\t1.375rem;\n$h3-font-size:\t\t\t\t\t\t\t1.1875rem;\n$h4-font-size:\t\t\t\t\t\t\t1.0625rem;\n$h5-font-size:\t\t\t\t\t\t\t0.9375rem;\n$h6-font-size:\t\t\t\t\t\t\t0.875rem;\n\n$display1-size:\t\t\t\t\t\t\t5rem;\n$display2-size:\t\t\t\t\t\t\t4.5rem;\n$display3-size:\t\t\t\t\t\t\t3.5rem;\n$display4-size:\t\t\t\t\t\t\t2.5rem;\n\n$navbar-toggler-font-size:\t\t\t\t21px;\n$navbar-toggler-padding-y:\t\t\t\t7.5px; \n$navbar-toggler-padding-x:\t\t\t\t18px;\n\n/* carousel */\n$carousel-indicator-height:\t\t\t\t13px;\n$carousel-indicator-width:\t\t\t\t13px;\n\n/*  BASE VARS\n========================================================================== */\n// usage: background-image: url(\"#{$baseURL}img/bg.png\"); \n\n$baseURL:\t\t\t\t\t\t\t\t\"../\" !default;\n$webfontsURL:\t\t\t\t\t\t\t\"../webfonts\" !default;\n$base-text-color:\t\t\t\t\t\tdarken($white,60%) !default;\n\n/* font vars below will auto change to rem values using function rem($value)*/\n$fs-base:\t\t\t\t\t\t\t\t13px !default;\n$fs-nano:\t\t\t\t\t\t\t\t$fs-base - 2;   /* 11px   */\n$fs-xs: \t\t\t\t\t\t\t\t$fs-base - 1;   /* 12px   */\n$fs-sm: \t\t\t\t\t\t\t\t$fs-base - 0.5; /* 12.5px */\n$fs-md: \t\t\t\t\t\t\t\t$fs-base + 1;   /* 14px   */\n$fs-lg: \t\t\t\t\t\t\t\t$fs-base + 2;   /* 15px   */\n$fs-xl: \t\t\t\t\t\t\t\t$fs-base + 3;   /* 16px   */\n$fs-xxl: \t\t\t\t\t\t\t\t$fs-base + 15;  /* 28px   */\n\n/*  Font Family\n========================================================================== */\n\t\t\t\t\t\t\t\t\t\t/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */\n$font-import:\t\t\t\t\t\t\t\"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900\" !default;\n$page-font:\t\t\t\t\t\t\t\t\"Roboto\", 'Helvetica Neue', Helvetica, Arial !default;\n$nav-font:\t\t\t\t\t\t\t\t$page-font !default;\n$heading-font-family:\t\t\t\t\t$page-font !default; \n$mobile-page-font:\t\t\t\t\t\t'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;\n\n/*  ANIMATIONS\n========================================================================== */\n$nav-hide-animate: \t\t\t\t\t\tall 470ms cubic-bezier(0.34, 1.25, 0.3, 1) !default;\t\t/* this addresses all animation related to nav hide to nav minify */\n\n/*  Z-INDEX declearation\n========================================================================== */\n$space:\t\t\t\t\t\t\t\t\t1000 !default;\n$cloud:\t\t\t\t\t\t\t\t\t950 !default;\n$ground:\t\t\t\t\t\t\t\t0 !default;\n$water:\t\t\t\t\t\t\t\t\t-99 !default;\n/* we adjust bootstrap z-index to be higher than our higest z-index*/\n$zindex-dropdown:\t\t\t\t\t\t$space + 1000;\n$zindex-sticky:\t\t\t\t\t\t\t$space + 1020;\n$zindex-fixed:\t\t\t\t\t\t\t$space + 1030;\n$zindex-modal-backdrop:\t\t\t\t\t$space + 1040;\n$zindex-modal:\t\t\t\t\t\t\t$space + 1050;\n$zindex-panel-fullscreen:\t\t\t\t$space + 1055;\n$zindex-popover:\t\t\t\t\t\t$space + 1060;\n$zindex-tooltip:\t\t\t\t\t\t$space + 1070;\n\n/*  CUSTOM ICON PREFIX \n========================================================================== */\n$cust-icon-prefix:\t\t\t\t\t\tni;\n\n/*  PRINT CSS (landscape or portrait)\n========================================================================== */\n$print-page-type: \t\t\t\t\t\tportrait; \t\t\t\t\t\t\t\t\t\t\t\t  /* landscape or portrait */\n$print-page-size:\t\t\t\t\t\tletter;\t\t\t\t\t\t\t\t\t\t\t\t\t  /* auto, letter */\n$print-page-margin:\t\t\t\t\t\t1.0cm;\n\n/*  Common Element Variables\n========================================================================== */\n$body-background-color:\t\t\t\t\t$white !default;\n$page-bg:\t\t\t\t\t\t\t\tdesaturate(lighten($primary-500, 41.7%), 5%)  !default; //#f9f9fc\n\n/* Z-index decleartion \"birds eye view\"\n========================================================================== */\n$depth:\t\t\t\t\t\t\t\t\t999 !default;\n$depth-header:\t\t\t\t\t\t\t$depth + 1 !default;\n$depth-nav:\t\t\t\t\t\t\t\t$depth-header + 2 !default;\n\n/*  Components\n========================================================================== */\n$frame-border-color:\t\t\t\t\t#f7f9fa !default;\n\n/*  PAGE HEADER STUFF\n========================================================================== */\n\n/* colors */\n$header-bg:\t\t\t\t\t\t\t\t$white !default;\n$header-border-color:\t\t\t\t\t#ccc !default;\n$header-border-bottom-color:\t\t\trgba(darken($primary-700, 10%), (13/100)) !default;\t\t\n$header-link-color:\t\t\t\t\t\t$primary-500 !default;\n$header-link-hover-color:\t\t\t\tdarken($header-bg, 75%) !default;\n\n/* height */\n$header-height:\t\t\t\t\t\t\t4.125rem !default;\n$header-height-nav-top:\t\t\t\t\t4.125rem !default;\n$header-inner-padding-x:\t\t\t\t2rem !default;\n$header-inner-padding-y:\t\t\t\t0 !default;\n\n/* logo */\n$header-logo-border-bottom:\t\t\t\trgba(darken($primary-700, 10%), (30/100)) !default;\n$header-logo-width:\t\t\t\t\t\t28px !default; \t\t\t\t\t\t\t\t\t\t  /* try not to go beywond the width of $main_nav_width value */\n$header-logo-height:\t\t\t\t\t28px !default; \t\t\t\t\t\t\t\t\t\t  /* you may need to change this depending on your logo design */\n$header-logo-text-align:\t\t\t\tcenter; \t\t\t\t\t\t\t\t\t\t\t  /* adjust this as you see fit : left, right, center */\n\n/* icon font size (not button) */\n$header-icon-size:\t\t\t\t\t\t21px;\n\n/* search input box */\n$header-search-border-color:\t\t\ttransparent !default;\t\t\t\t\t\t\t\t  /* suggestion: #ccced0*/\n$header-search-bg:\t\t\t\t\t\ttransparent !default;\n$header-search-width:\t\t\t\t\t25rem !default;\n$header-search-height:\t\t\t\t\t$header-height - 1.5rem !default; \n$header-search-font-size:\t\t\t\t$fs-base + 2;\n$header-search-padding:\t\t\t\t\t$spacer * 0.38;\n\n/* btn */\n$header-btn-active-bg:\t\t\t\t\t$fusion-500 !default;\n$header-btn-color:\t\t\t\t\t\tdarken($header-bg, 35%) !default;\n$header-btn-hover-color:\t\t\t\t$header-link-hover-color !default;\n$header-btn-active-color:\t\t\t\t$white !default;\n$header-btn-height: \t\t\t\t\t$header-height/2 + 0.1875rem !default;\n$header-btn-width: \t\t\t\t\t\t3.25rem !default;\n$header-btn-font-size:\t\t\t\t\t21px !default; //works only for font icons\n$header-btn-border-radius:\t\t\t\t$border-radius !default;\n$header-non-btn-width:\t\t\t\t\t3.125rem !default;\n$header-dropdown-arrow-color:\t\t\t$primary-700 !default;\n\n/* dropdown: app list */\n$header-applist-link-block-height:\t\t5.9375rem;\n$header-applist-link-block-width:\t\t6.25rem;\n$header-applist-rows-width:\t\t\t\t21.875rem;\n$header-applist-rows-height:\t\t\t22.5rem; \n$header-applist-box-padding-x:\t\t\t$p-2;\n$header-applist-box-padding-y:\t\t\t$p-3;\n$header-applist-icon-size:\t\t\t\t3.125rem;\n\n/* badge */\n$header-badge-min-width:\t\t\t\t1.25rem !default;\n$header-badge-left:\t\t\t\t\t\t1.5625rem !default;\n$header-badge-top:\t\t\t\t\t\t($header-height / 2 - $header-badge-min-width) + 0.28125rem !default; \n\n/* COMPONENTS & MODS */\n$nav-tabs-clean-link-height:\t\t\t45px !default;\n\n/*  NAVIGATION STUFF\n\nGuide:\n\naside.page-sidebar ($nav-width, $nav-background)\n\t.page-logo\n\t.primary-nav\n\t\t.info-card\n\t\tul.nav-menu\n\t\t\tli\n\t\t\t\ta (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)\n\t\t\t\t\ticon \n\t\t\t\t\tspan\n\t\t\t\t\tcollapse-sign \n\t\t\t\t\t\n\t\t\t\tul.nav-menu-sub-one  \n\t\t\t\t\tli\n\t\t\t\t\t\ta ($nav-level-1... $nav-sub-link-height)\n\t\t\t\t\t\t\tspan\n\t\t\t\t\t\t\tcollapse-sign\n\n\t\t\t\t\t\tul.nav-menu-sub-two\n\t\t\t\t\t\t\tli\n\t\t\t\t\t\t\t\ta ($nav-level-2... $nav-sub-link-height)\n\t\t\t\t\t\t\t\t\tspan\n\n\t\tp.nav-title ($nav-title-*...)\n\n\n========================================================================== */\n\n/* main navigation */\n/* left panel */\n$nav-background:\t\t\t\t\t\tdesaturate($primary-900, 7%) !default;\n$nav-background-shade:\t\t\t\t\trgba(desaturate($info-500, 15%), 0.18) !default;                  \n$nav-base-color:\t\t\t\t\t\tlighten($nav-background, 7%) !default;\n$nav-width:\t\t\t\t\t\t\t\t16.875rem !default; \n\n/* nav footer */\n$nav-footer-link-color:\t\t\t\t\tlighten($nav-background, 25%) !default;\n\n/* nav parent level-0 */\n$nav-link-color: \t\t\t\t\t\tlighten($nav-base-color, 32%) !default;\n$nav-font-link-size: \t\t\t\t\t$fs-base + 1 !default;\n$nav-collapse-sign-font-size:\t\t\tinherit !default;\t\n$nav-padding-x:\t\t\t\t\t\t\t2rem !default; \n$nav-padding-y:\t\t\t\t\t\t\t0.8125rem !default;\n\n\n/* nav link level-1 */\n$nav-link-color-child: \t\t\t\t\tdarken($nav-link-color, 5%);\n$nav-link-color-child-hover:\t\t\t$white;\n\n/* nav level-1 bg */\n$nav-ul-ul-bg:\t\t\t\t\t\t\trgba($black,0.1);\n$nav-ul-padding-top:\t\t\t\t\t10px;\n$nav-ul-padding-bottom:\t\t\t\t\t10px;\n\n/* nav icon sizes */\n$nav-font-icon-size:\t\t\t\t\t1.125rem !default; //23px for Fontawesome & 20px for NextGen icons\n$nav-font-icon-size-sub:\t\t\t\t1.125rem !default;\n\n$nav-icon-width:\t\t\t\t\t\t1.75rem !default;\n$nav-icon-margin-right:\t\t\t\t\t0.25rem !default;\n\n/* badge default */\n$nav-badge-color: \t\t\t\t\t\t$white !default;\n$nav-badge-bg-color: \t\t\t\t\t$danger-500 !default;\n\n/* all child */\n$nav-icon-color:\t\t\t\t\t\tlighten(darken($nav-base-color, 15%),27%) !default;\n$nav-icon-hover-color:\t\t\t\t\tlighten(desaturate($color-primary, 30%), 10%) !default;\n\n/* nav title */\n$nav-title-color: \t\t\t\t\t\tlighten($nav-base-color, 10%) !default;\n$nav-title-border-bottom-color: \t\tlighten($nav-base-color, 3%) !default;\n$nav-title-font-size: \t\t\t\t\t$fs-base - 1.8px;\n\n/* nav Minify */\n$nav-minify-hover-bg:\t\t\t\t\tdarken($nav-base-color, 3%) !default;\n$nav-minify-hover-text:\t\t\t\t\t$white !default;\n$nav-minify-width:\t\t\t\t\t\t4.6875rem !default;\n/* when the menu pops on hover */\n$nav-minify-sub-width:\t\t\t\t\t$nav-width - ($nav-minify-width - 1.5625rem) !default; \t\t\t\t\n\n/* navigation Width */\n/* partial visibility of the menu */\n$nav-hidden-visiblity:\t\t\t\t\t0.625rem !default; \t\t\t\t\t\t\t\t\t\t\t\n\n/* top navigation */\n$nav-top-height:\t\t\t\t\t\t3.5rem !default;\n$nav-top-drowndown-width:\t\t\t\t13rem !default;\n$nav-top-drowndown-background:\t\t\t$nav-base-color;\n$nav-top-drowndown-hover:\t\t\t\trgba($black, 0.1);;\n$nav-top-drowndown-color:\t\t\t\t$nav-link-color;\n$nav-top-drowndown-hover-color:\t\t\t$white;\n\n/* nav Info Card (appears below the logo) */\n$nav-infocard-height:\t\t\t\t\t9.530rem !default;\n$profile-image-width:\t\t\t\t\t3.125rem !default; \n$profile-image-width-md:\t\t\t\t2rem !default;\n$profile-image-width-sm:\t\t\t\t1.5625rem !default;\n$image-share-height:\t\t\t\t\t2.8125rem !default; /* width is auto */\n\n/* nav DL labels for all child */\n$nav-dl-font-size:\t\t\t\t\t\t0.625rem !default;\n$nav-dl-width:\t\t\t\t\t\t\t1.25rem !default;\n$nav-dl-height:\t\t\t\t\t\t\t1rem !default;\n$nav-dl-margin-right:\t\t\t\t\t0.9375rem !default;\n$nav-dl-margin-left:\t\t\t\t\t$nav-dl-width + $nav-dl-margin-right !default; \t/* will be pulled to left as a negative value */\n\n/*   MISC Settings\n========================================================================== */\n/* List Table */\n$list-table-padding-x:\t\t\t\t\t11px !default;\n$list-table-padding-y:\t\t\t\t\t0 !default;\n\n/*   PAGE SETTINGS\n========================================================================== */\n$settings-incompat-title:\t\t\t\tvar(--theme-warning-900) !default;\n$settings-incompat-desc:\t\t\t\tvar(--theme-warning-900) !default;\n$settings-incompat-bg:\t\t\t\t\tvar(--theme-warning-50) !default;\n$settings-incompat-border:\t\t\t\tvar(--theme-warning-700) !default;\n\n/*   PAGE BREADCRUMB \n========================================================================== */\n$page-breadcrumb-maxwidth:\t\t\t\t200px;\n\n/*   PAGE COMPONENT PANELS \n========================================================================== */\n$panel-spacer-y:\t\t\t\t\t\t1rem;\n$panel-spacer-x:\t\t\t\t\t\t1rem;\n$panel-hdr-font-size:\t\t\t\t\t14px;\n$panel-hdr-height:\t\t\t\t\t\t3rem;\n$panel-btn-size:\t\t\t\t\t\t1rem;\n$panel-btn-spacing:\t\t\t\t\t\t0.3rem;\n$panel-toolbar-icon:\t\t\t\t\t1.5625rem;\n$panel-hdr-background:\t\t\t\t\t$white; //#fafafa;\n$panel-edge-radius:\t\t\t\t\t\t$border-radius;\n$panel-placeholder-color:\t\t\t\tlighten(desaturate($primary-50, 20%), 10%);\n\n$panel-btn-icon-width:\t\t\t\t\t2rem;\n$panel-btn-icon-height:\t\t\t\t\t2rem;\n$panel-btn-icon-font-size:\t\t\t\t1rem;\n\n/*   PAGE COMPONENT PROGRESSBARS \n========================================================================== */\n$progress-height:\t\t\t\t\t\t.75rem;\n$progress-font-size:\t\t\t\t\t.625rem;\n$progress-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\n$progress-border-radius:\t\t\t\t10rem;\n\n/*   PAGE COMPONENT MESSENGER \n========================================================================== */\n$msgr-list-width:\t\t\t\t\t\t14.563rem;\n$msgr-list-width-collapsed:\t\t\t\t3.125rem;\n$msgr-get-background:\t\t\t\t\t#f1f0f0;\n$msgr-sent-background:\t\t\t\t\t$success-500;\n$msgr-animation-delay:\t\t\t\t\t100ms;\n\n/*   FOOTER\n========================================================================== */\n$footer-bg:\t\t\t\t\t\t\t\t$white !default;\n$footer-text-color:\t\t\t\t\t\tdarken($base-text-color, 10%);\n$footer-height:\t\t\t\t\t\t\t2.8125rem !default;\n$footer-font-size:\t\t\t\t\t\t$fs-base !default;\n$footer-zindex:\t\t\t\t\t\t\t$cloud - 20 !default;\n\n/*   GLOBALS\n========================================================================== */\n$mod-main-boxed-width:\t\t\t\t\tmap-get($grid-breakpoints, xl);\n$slider-width:\t\t\t\t\t\t\t15rem;\n\n/* ACCESSIBILITIES */\n$enable-prefers-reduced-motion-media-query:   false;\n\n/* SHORTCUT BUTTON (appears on bottom right of the page) */\n$app-shortcut-btn-size: 49px;\n$menu-item-size: 45px;\n$menu-items:5;\n$menu-grid-icon: 5px;\n$menu-item-direction: 'top'; //top or left\n\n\n/* GULP WARNINGS */\n$ignore-warning: true;","/* PLACEHOLDER \n============================================= \n\nEXAMPLE:\n\n%bg-image {\n\t\twidth: 100%;\n\t\tbackground-position: center center;\n\t\tbackground-size: cover;\n\t\tbackground-repeat: no-repeat;\n}\n\n.image-one {\n\t\t@extend %bg-image;\n\t\tbackground-image:url(/img/image-one.jpg\");\n}\n\nRESULT:\n\n.image-one, .image-two {\n\t\twidth: 100%;\n\t\tbackground-position: center center;\n\t\tbackground-size: cover;\n\t\tbackground-repeat: no-repeat;\n}\n\n*/\n\n%nav-bg {\n\tbackground-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\n\tbackground-image: linear-gradient(270deg, $nav-background-shade, transparent); \n\tbackground-color: $nav-background;\n}\n\n/*\n%shadow-hover {\n\tbox-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);\n\ttransition: all 0.2s ease-in-out;\n\n\t&:hover {\n\t\tbox-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);\n\t}\n}\n*/\n%btn-default {\n\t@include gradient-img($start: #f5f5f5,$stop: #f1f1f1);\n\tcolor: #444;\n\tborder: 1px solid rgba(0,0,0,0.1);\n\tbox-shadow: none;\n\n\t&:hover {\n\t\tbox-shadow: none;\n\t\tborder: 1px solid #c6c6c6;\n\t\tcolor: #333;\n\t\tz-index: 2;\n\t}\n\n\t&:focus {\n\t\tborder-color: $primary-200 !important;\n\t\tz-index: 3;\n\t}\n\n\t&.active {\n\t\tbackground: $primary-300;\n\t\tcolor: $white;\n\t\tbox-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important;\n\t}\n}\n\n%custom-scroll {\n\n\t&::-webkit-scrollbar-track-piece {\n\t\tbackground-color: transparent;\n\t}\n\n &::-webkit-scrollbar-thumb:vertical {\n\t\tbackground-color: #666;\n\t}\n\n\t&::-webkit-scrollbar {\n\t\theight: 4px;\n\t\twidth: 4px;\n\t}\n\n &::-webkit-scrollbar-corner {\n\t\twidth: 40px;\n\t}\n\n\t&::-webkit-scrollbar-thumb:vertical {\n\tbackground-color: #666;\n\t}\n\n\toverflow: hidden;\n\toverflow-y: scroll;\n\t-webkit-overflow-scrolling: touch;\n\n}\n\n%user-select {\n\t\t-webkit-user-select: none; \n\t\t\t -moz-user-select: none; \n\t\t\t\t-ms-user-select: none;\n}\n\n%content-box {\n\tbox-sizing: content-box;\n}\n\n%flex-0-0-auto {\n\tflex: 0 0 auto;\n}\n\n%transform-3d {\n\t@include translate3d(0,0,0);\n}\n\n\n%stop-transform-3d {\n\t\t\t\t\t\ttransform: none;\n\t\t-webkit-transform: none;\n\t\t\t\t-ms-transform: none;\n}\n\n%general-animation {\n\ttransition: $nav-hide-animate;      \n}\n\n%common-animation-slow {\n\t@include transition(0.3s,ease-in-out);\n\n}\n\n%common-animation {\n\t@include transition(0.2s,ease-in-out);\n}\n\n%common-animation-easeout {\n\t@include transition(0.4s,ease-out);\n}\n\n%common-animation-opacity {\n\ttransition: opacity 0.5s ease-in-out;\n}\n\n%common-animation-opacity-faster {\n\ttransition: opacity 0.1s ease-in-out;\n}\n\n%stop-animation {\n\ttransition: none;\n}\n\n%font-smoothing {\n\t\t -webkit-font-smoothing: antialiased;\n\t\t-moz-osx-font-smoothing: grayscale;\n}\n\n%set-settings {\n\tcolor:$white;\n\tbackground:$color-primary !important;\n\t&:before {\n\t\tcontent:\"ON\" !important;\n\t\tleft:7px !important;\n\t\tright:auto !important;\n\t}\n\t&:after {\n\t\tcontent: \" \" !important;\n\t\tright:0 !important;\n\t\tleft:auto !important;\n\t\tbackground:$white !important;\n\t\tcolor:$color-primary !important;\n\t}\n\n\t+ .onoffswitch-title {\n\t\tfont-weight:500;\n\t\tcolor: $primary-500;\n\t}\n}\n\n%bg-img-cover {\n\tbackground-size: cover;\n}\n\n%not-compatible {\n\t\tposition:relative;\n\t\t\n\t\t.onoffswitch-title {\n\t\t\tcolor: #da9400;\n\t\t\tcolor: $settings-incompat-title !important;\n\t\t}\n\t\t.onoffswitch-title-desc {\n\t\t\tcolor: #da9400;\n\t\t\tcolor: $settings-incompat-desc !important;\n\t\t}\n\t\t&:after {\n\t\t\tcontent: \"DISABLED\";\n\t\t\t@extend %incompatible;\n\t\t}\n}\n\n%not-compatible-override {\n\t\t&:before {\n\t\t\tdisplay:none !important;\n\t\t}\n}\n\n%ping-badge {\n\tposition: absolute;\n\tdisplay: block;\n\tborder-radius: 1rem;\n\tbackground-color: $nav-badge-bg-color;\n\tcolor: $nav-badge-color;\n\ttext-align: center;\n\tcursor: pointer;\n\t@include box-shadow(0 0 0 1px $nav-background);\n\tborder: 1px solid $nav-background;\n\tmin-width: 2rem;\n\tmax-width: 1.5rem;\n\tpadding: 2px;\n\tfont-weight: 500;\n\tline-height: normal;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\toverflow: hidden;\n}\n\n\n\n/*%fixed-header-shadow {\n\t@include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));\n}*/\n\n%header-btn {\n\t//@extend %btn-default;\n\t@include rounded($header-btn-border-radius);\n\tborder: 1px solid lighten($fusion-50, 30%);\n\theight: $header-btn-height;\n\twidth: $header-btn-width;\n\tvertical-align: middle;\n\tline-height: $header-btn-height - 0.125rem;\n\tmargin-right: $grid-gutter-width-base/4 + 0.1875rem;\n\tfont-size: $header-btn-font-size;\n\tpadding: $list-table-padding-y $list-table-padding-x;\n\tcursor: default;\n\tcolor:$header-btn-color;\n\tposition: relative;\n\t\t//background: $primary-200;\n\t\t//color:$primary-200;\n/*\n\t&.active {\n\t\t@extend %header-btn-active;\n\t}*/\n\n\t&:hover {\n\t\tbox-shadow: none;\n\t\tborder-color: $primary-500;\n\t\tbackground: $primary-300;\n\t\tcolor:$white;\n\n\t}\n\n}\n\n%expanded-box {\n\tbox-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.125);\n\tborder-bottom: 1px solid rgba(0,0,0,0.06);\n\tborder-width: 0 0 1px 0;\n\tbackground: $white;\n\tpadding: 16px 16px 10px;\n}\n\n%header-btn-active {\n\tbackground: $header-btn-active-bg;\n\tborder-color: darken($header-btn-active-bg, 10%) !important;\n\t@include box-shadow(inset 0 0 3px 1px rgba(0,0,0,.37));\n\tcolor:$header-btn-active-color !important;\n}\n\n//@include media-breakpoint-up($mobile-breakpoint) {\n/*  %selected-dot {\n\t\t&:before {\n\t\t\tcontent: \" \";\n\t\t\tdisplay: block;\n\t\t\tborder-radius: 50%;\n\t\t\tbackground: inherit;\n\t\t\tbackground-image: none;\n\t\t\tborder: 2px solid rgba(0,0,0,0.2);\n\t\t\tposition: absolute;\n\t\t\ttop: 15px;\n\t\t\tleft: 15px;\n\t\t\theight: 20px;\n\t\t\twidth: 20px;\n\t\t}\n\t\t&:after {\n\t\t\tcontent: \" \";\n\t\t\theight: inherit;\n\t\t\twidth: inherit;\n\t\t\tborder: 5px solid rgba(0,0,0,0.1);\n\t\t\tposition: absolute;\n\t\t\tleft: 0;\n\t\t\ttop: 0;\n\t\t\tborder-radius: 50%;\n\t\t} \n\t}*/\n//}\n\n%spin-loader {\n\tmargin: 5px;\n\theight: 20px;\n\twidth: 20px;\n\tanimation: spin 0.5s infinite linear;\n\tborder: 2px solid $color-primary;\n\tborder-right-color: transparent;\n\tborder-radius: 50%;\n}\n\n%incompatible {\n\tdisplay: block;\n\tposition: absolute;\n\tbackground: $warning-500;\n\tbackground: $settings-incompat-bg;\n\tfont-size: 10px;\n\twidth: 65px;\n\ttext-align: center;\n\tborder: 1px solid $settings-incompat-border;\n\theight: 22px;\n\tline-height: 20px;\n\tborder-radius: $border-radius-plus;\n\tright: 13px;\n\ttop: 26%;\n\tcolor:$fusion-900;\n}\n\n/* patterns */\n%pattern-0 {\n\tbackground-size: 10px 10px;\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .05) 25%, transparent 25%,\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .05) 25%, transparent 25%,\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .07) 25%, transparent 25%,\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .07) 50%, rgba(255, 255, 255, .05) 75%,\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .05) 25%, transparent 25%,\n\t\t\t\t\t\t\t\t\t transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,\n\t\t\t\t\t\t\t\t\t transparent 75%, transparent) 0 0 / 10px 10px transparent;\n}\n\n%pattern-1 {\n\tbackground-size: 5px 5px;\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\n\t\t\t\t\t\t\t\t\t transparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\n\t\t\t\t\t\t\t\t\t transparent 75%, transparent) 0 0 / 5px 5px transparent;\n}\n\n%pattern-2 {\n\tbackground-size: 15px 15px;\n\tbackground-image: -webkit-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\n\tbackground-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\n\tbackground-image: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\n\t-pie-background: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent) 0 0 / 15px transparent;\n}\n\n%pattern-3 {\n\tbackground-size: 15px 15px;\n\tbackground-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\n\tbackground-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\n\tbackground-image: linear-gradient(90deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\n\t-pie-background: linear-gradient(90deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent) 0 0 / 15px 15px transparent;\n}\n\n%pattern-4 {\n\tbackground-size: 37px 37px;\n\tbackground-position: 0 0, 18.5px 18.5px;\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\n\t\t\t\t\t\t\t\t\t\t-webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\n\t\t\t\t\t\t\t\t\t\t-moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\n\t\t\t\t\t\t\t\t\t\tlinear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 0 0 / 37px,\n\t\t\t\t\t\t\t\t\t linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 37px 37px / 74px,\n\t\t\t\t\t\t\t\t\t transparent;\n}\n\n%pattern-5 {\n\tbackground-size: 37px 37px;\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\n\t\t\t\t\t\t\t\t\t\t-webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\n\t\t\t\t\t\t\t\t\t\t-moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\n\t\t\t\t\t\t\t\t\t\tlinear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 0 0 / 60px,\n\t\t\t\t\t\t\t\t\t linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 0 0 / 60px,\n\t\t\t\t\t\t\t\t\t #eee;\n}\n\n%pattern-6 {\n\tbackground-size: 50px 50px;\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\n\t\t\t\t\t\t\t\t\t transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\n\t\t\t\t\t\t\t\t\t transparent 75%, transparent) 0 0 / 50px 50px transparent;\n}\n\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white:    #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black:    #000 !default;\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n  (\n    \"100\": $gray-100,\n    \"200\": $gray-200,\n    \"300\": $gray-300,\n    \"400\": $gray-400,\n    \"500\": $gray-500,\n    \"600\": $gray-600,\n    \"700\": $gray-700,\n    \"800\": $gray-800,\n    \"900\": $gray-900\n  ),\n  $grays\n);\n\n$blue:    #007bff !default;\n$indigo:  #6610f2 !default;\n$purple:  #6f42c1 !default;\n$pink:    #e83e8c !default;\n$red:     #dc3545 !default;\n$orange:  #fd7e14 !default;\n$yellow:  #ffc107 !default;\n$green:   #28a745 !default;\n$teal:    #20c997 !default;\n$cyan:    #17a2b8 !default;\n\n$colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$colors: map-merge(\n  (\n    \"blue\":       $blue,\n    \"indigo\":     $indigo,\n    \"purple\":     $purple,\n    \"pink\":       $pink,\n    \"red\":        $red,\n    \"orange\":     $orange,\n    \"yellow\":     $yellow,\n    \"green\":      $green,\n    \"teal\":       $teal,\n    \"cyan\":       $cyan,\n    \"white\":      $white,\n    \"gray\":       $gray-600,\n    \"gray-dark\":  $gray-800\n  ),\n  $colors\n);\n\n$primary:       $blue !default;\n$secondary:     $gray-600 !default;\n$success:       $green !default;\n$info:          $cyan !default;\n$warning:       $yellow !default;\n$danger:        $red !default;\n$light:         $gray-100 !default;\n$dark:          $gray-800 !default;\n\n$theme-colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: map-merge(\n  (\n    \"primary\":    $primary,\n    \"secondary\":  $secondary,\n    \"success\":    $success,\n    \"info\":       $info,\n    \"warning\":    $warning,\n    \"danger\":     $danger,\n    \"light\":      $light,\n    \"dark\":       $dark\n  ),\n  $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval:      8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold:  150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark:             $gray-900 !default;\n$yiq-text-light:            $white !default;\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n  (\"<\",\"%3c\"),\n  (\">\",\"%3e\"),\n  (\"#\",\"%23\"),\n  (\"(\",\"%28\"),\n  (\")\",\"%29\"),\n) !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret:                                true !default;\n$enable-rounded:                              true !default;\n$enable-shadows:                              false !default;\n$enable-gradients:                            false !default;\n$enable-transitions:                          true !default;\n$enable-prefers-reduced-motion-media-query:   true !default;\n$enable-hover-media-query:                    false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes:                         true !default;\n$enable-pointer-cursor-for-buttons:           true !default;\n$enable-print-styles:                         true !default;\n$enable-responsive-font-sizes:                false !default;\n$enable-validation-icons:                     true !default;\n$enable-deprecation-messages:                 true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$spacers: map-merge(\n  (\n    0: 0,\n    1: ($spacer * .25),\n    2: ($spacer * .5),\n    3: $spacer,\n    4: ($spacer * 1.5),\n    5: ($spacer * 3)\n  ),\n  $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$sizes: map-merge(\n  (\n    25: 25%,\n    50: 50%,\n    75: 75%,\n    100: 100%,\n    auto: auto\n  ),\n  $sizes\n);\n\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg:                   $white !default;\n$body-color:                $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color:                              theme-color(\"primary\") !default;\n$link-decoration:                         none !default;\n$link-hover-color:                        darken($link-color, 15%) !default;\n$link-hover-decoration:                   underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom:   1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n  xs: 0,\n  sm: 576px,\n  md: 768px,\n  lg: 992px,\n  xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n  sm: 540px,\n  md: 720px,\n  lg: 960px,\n  xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns:                12 !default;\n$grid-gutter-width:           30px !default;\n$grid-row-columns:            6 !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg:              1.5 !default;\n$line-height-sm:              1.5 !default;\n\n$border-width:                1px !default;\n$border-color:                $gray-300 !default;\n\n$border-radius:               .25rem !default;\n$border-radius-lg:            .3rem !default;\n$border-radius-sm:            .2rem !default;\n\n$rounded-pill:                50rem !default;\n\n$box-shadow-sm:               0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow:                  0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg:               0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color:      $white !default;\n$component-active-bg:         theme-color(\"primary\") !default;\n\n$caret-width:                 .3em !default;\n$caret-vertical-align:        $caret-width * .85 !default;\n$caret-spacing:               $caret-width * .85 !default;\n\n$transition-base:             all .2s ease-in-out !default;\n$transition-fade:             opacity .15s linear !default;\n$transition-collapse:         height .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$embed-responsive-aspect-ratios: join(\n  (\n    (21 9),\n    (16 9),\n    (4 3),\n    (1 1),\n  ),\n  $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif:      -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base:            $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base:              1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg:                $font-size-base * 1.25 !default;\n$font-size-sm:                $font-size-base * .875 !default;\n\n$font-weight-lighter:         lighter !default;\n$font-weight-light:           300 !default;\n$font-weight-normal:          400 !default;\n$font-weight-bold:            700 !default;\n$font-weight-bolder:          bolder !default;\n\n$font-weight-base:            $font-weight-normal !default;\n$line-height-base:            1.5 !default;\n\n$h1-font-size:                $font-size-base * 2.5 !default;\n$h2-font-size:                $font-size-base * 2 !default;\n$h3-font-size:                $font-size-base * 1.75 !default;\n$h4-font-size:                $font-size-base * 1.5 !default;\n$h5-font-size:                $font-size-base * 1.25 !default;\n$h6-font-size:                $font-size-base !default;\n\n$headings-margin-bottom:      $spacer / 2 !default;\n$headings-font-family:        null !default;\n$headings-font-weight:        500 !default;\n$headings-line-height:        1.2 !default;\n$headings-color:              null !default;\n\n$display1-size:               6rem !default;\n$display2-size:               5.5rem !default;\n$display3-size:               4.5rem !default;\n$display4-size:               3.5rem !default;\n\n$display1-weight:             300 !default;\n$display2-weight:             300 !default;\n$display3-weight:             300 !default;\n$display4-weight:             300 !default;\n$display-line-height:         $headings-line-height !default;\n\n$lead-font-size:              $font-size-base * 1.25 !default;\n$lead-font-weight:            300 !default;\n\n$small-font-size:             80% !default;\n\n$text-muted:                  $gray-600 !default;\n\n$blockquote-small-color:      $gray-600 !default;\n$blockquote-small-font-size:  $small-font-size !default;\n$blockquote-font-size:        $font-size-base * 1.25 !default;\n\n$hr-border-color:             rgba($black, .1) !default;\n$hr-border-width:             $border-width !default;\n\n$mark-padding:                .2em !default;\n\n$dt-font-weight:              $font-weight-bold !default;\n\n$kbd-box-shadow:              inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight:      $font-weight-bold !default;\n\n$list-inline-padding:         .5rem !default;\n\n$mark-bg:                     #fcf8e3 !default;\n\n$hr-margin-y:                 $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding:          .75rem !default;\n$table-cell-padding-sm:       .3rem !default;\n\n$table-color:                 $body-color !default;\n$table-bg:                    null !default;\n$table-accent-bg:             rgba($black, .05) !default;\n$table-hover-color:           $table-color !default;\n$table-hover-bg:              rgba($black, .075) !default;\n$table-active-bg:             $table-hover-bg !default;\n\n$table-border-width:          $border-width !default;\n$table-border-color:          $border-color !default;\n\n$table-head-bg:               $gray-200 !default;\n$table-head-color:            $gray-700 !default;\n\n$table-dark-color:            $white !default;\n$table-dark-bg:               $gray-800 !default;\n$table-dark-accent-bg:        rgba($white, .05) !default;\n$table-dark-hover-color:      $table-dark-color !default;\n$table-dark-hover-bg:         rgba($white, .075) !default;\n$table-dark-border-color:     lighten($table-dark-bg, 7.5%) !default;\n\n$table-striped-order:         odd !default;\n\n$table-caption-color:         $text-muted !default;\n\n$table-bg-level:              -9 !default;\n$table-border-level:          -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y:         .375rem !default;\n$input-btn-padding-x:         .75rem !default;\n$input-btn-font-family:       null !default;\n$input-btn-font-size:         $font-size-base !default;\n$input-btn-line-height:       $line-height-base !default;\n\n$input-btn-focus-width:       .2rem !default;\n$input-btn-focus-color:       rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow:  0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm:      .25rem !default;\n$input-btn-padding-x-sm:      .5rem !default;\n$input-btn-font-size-sm:      $font-size-sm !default;\n$input-btn-line-height-sm:    $line-height-sm !default;\n\n$input-btn-padding-y-lg:      .5rem !default;\n$input-btn-padding-x-lg:      1rem !default;\n$input-btn-font-size-lg:      $font-size-lg !default;\n$input-btn-line-height-lg:    $line-height-lg !default;\n\n$input-btn-border-width:      $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y:               $input-btn-padding-y !default;\n$btn-padding-x:               $input-btn-padding-x !default;\n$btn-font-family:             $input-btn-font-family !default;\n$btn-font-size:               $input-btn-font-size !default;\n$btn-line-height:             $input-btn-line-height !default;\n$btn-white-space:             null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm:            $input-btn-padding-y-sm !default;\n$btn-padding-x-sm:            $input-btn-padding-x-sm !default;\n$btn-font-size-sm:            $input-btn-font-size-sm !default;\n$btn-line-height-sm:          $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg:            $input-btn-padding-y-lg !default;\n$btn-padding-x-lg:            $input-btn-padding-x-lg !default;\n$btn-font-size-lg:            $input-btn-font-size-lg !default;\n$btn-line-height-lg:          $input-btn-line-height-lg !default;\n\n$btn-border-width:            $input-btn-border-width !default;\n\n$btn-font-weight:             $font-weight-normal !default;\n$btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width:             $input-btn-focus-width !default;\n$btn-focus-box-shadow:        $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity:        .65 !default;\n$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color:     $gray-600 !default;\n\n$btn-block-spacing-y:         .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius:           $border-radius !default;\n$btn-border-radius-lg:        $border-radius-lg !default;\n$btn-border-radius-sm:        $border-radius-sm !default;\n\n$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$label-margin-bottom:                   .5rem !default;\n\n$input-padding-y:                       $input-btn-padding-y !default;\n$input-padding-x:                       $input-btn-padding-x !default;\n$input-font-family:                     $input-btn-font-family !default;\n$input-font-size:                       $input-btn-font-size !default;\n$input-font-weight:                     $font-weight-base !default;\n$input-line-height:                     $input-btn-line-height !default;\n\n$input-padding-y-sm:                    $input-btn-padding-y-sm !default;\n$input-padding-x-sm:                    $input-btn-padding-x-sm !default;\n$input-font-size-sm:                    $input-btn-font-size-sm !default;\n$input-line-height-sm:                  $input-btn-line-height-sm !default;\n\n$input-padding-y-lg:                    $input-btn-padding-y-lg !default;\n$input-padding-x-lg:                    $input-btn-padding-x-lg !default;\n$input-font-size-lg:                    $input-btn-font-size-lg !default;\n$input-line-height-lg:                  $input-btn-line-height-lg !default;\n\n$input-bg:                              $white !default;\n$input-disabled-bg:                     $gray-200 !default;\n\n$input-color:                           $gray-700 !default;\n$input-border-color:                    $gray-400 !default;\n$input-border-width:                    $input-btn-border-width !default;\n$input-box-shadow:                      inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius:                   $border-radius !default;\n$input-border-radius-lg:                $border-radius-lg !default;\n$input-border-radius-sm:                $border-radius-sm !default;\n\n$input-focus-bg:                        $input-bg !default;\n$input-focus-border-color:              lighten($component-active-bg, 25%) !default;\n$input-focus-color:                     $input-color !default;\n$input-focus-width:                     $input-btn-focus-width !default;\n$input-focus-box-shadow:                $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color:               $gray-600 !default;\n$input-plaintext-color:                 $body-color !default;\n\n$input-height-border:                   $input-border-width * 2 !default;\n\n$input-height-inner:                    add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half:               add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y / 2) !default;\n\n$input-height:                          add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm:                       add($input-line-height-sm * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg:                       add($input-line-height-lg * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top:                  .25rem !default;\n\n$form-check-input-gutter:               1.25rem !default;\n$form-check-input-margin-y:             .3rem !default;\n$form-check-input-margin-x:             .25rem !default;\n\n$form-check-inline-margin-x:            .75rem !default;\n$form-check-inline-input-margin-x:      .3125rem !default;\n\n$form-grid-gutter-width:                10px !default;\n$form-group-margin-bottom:              1rem !default;\n\n$input-group-addon-color:               $input-color !default;\n$input-group-addon-bg:                  $gray-200 !default;\n$input-group-addon-border-color:        $input-border-color !default;\n\n$custom-forms-transition:               background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter:                 .5rem !default;\n$custom-control-spacer-x:               1rem !default;\n$custom-control-cursor:                 null !default;\n\n$custom-control-indicator-size:         1rem !default;\n$custom-control-indicator-bg:           $input-bg !default;\n\n$custom-control-indicator-bg-size:      50% 50% !default;\n$custom-control-indicator-box-shadow:   $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-label-color:            null !default;\n\n$custom-control-indicator-disabled-bg:          $input-disabled-bg !default;\n$custom-control-label-disabled-color:           $gray-600 !default;\n\n$custom-control-indicator-checked-color:        $component-active-color !default;\n$custom-control-indicator-checked-bg:           $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg:  rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow:   none !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow:     $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color:   $input-focus-border-color !default;\n\n$custom-control-indicator-active-color:         $component-active-color !default;\n$custom-control-indicator-active-bg:            lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow:    none !default;\n$custom-control-indicator-active-border-color:  $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius:       $border-radius !default;\n$custom-checkbox-indicator-icon-checked:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg:           $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color:        $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate:         url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/></svg>\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow:   none !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius:          50% !default;\n$custom-radio-indicator-icon-checked:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#{$custom-control-indicator-checked-color}'/></svg>\") !default;\n\n$custom-switch-width:                           $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius:         $custom-control-indicator-size / 2 !default;\n$custom-switch-indicator-size:                  subtract($custom-control-indicator-size, $custom-control-indicator-border-width * 4) !default;\n\n$custom-select-padding-y:           $input-padding-y !default;\n$custom-select-padding-x:           $input-padding-x !default;\n$custom-select-font-family:         $input-font-family !default;\n$custom-select-font-size:           $input-font-size !default;\n$custom-select-height:              $input-height !default;\n$custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight:         $input-font-weight !default;\n$custom-select-line-height:         $input-line-height !default;\n$custom-select-color:               $input-color !default;\n$custom-select-disabled-color:      $gray-600 !default;\n$custom-select-bg:                  $input-bg !default;\n$custom-select-disabled-bg:         $gray-200 !default;\n$custom-select-bg-size:             8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color:     $gray-800 !default;\n$custom-select-indicator:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>\") !default;\n$custom-select-background:          escape-svg($custom-select-indicator) no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: add(1em * .75, (2 * $custom-select-padding-y * .75) + $custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-position:      center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size:          $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width:        $input-border-width !default;\n$custom-select-border-color:        $input-border-color !default;\n$custom-select-border-radius:       $border-radius !default;\n$custom-select-box-shadow:          inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color:  $input-focus-border-color !default;\n$custom-select-focus-width:         $input-focus-width !default;\n$custom-select-focus-box-shadow:    0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm:        $input-padding-y-sm !default;\n$custom-select-padding-x-sm:        $input-padding-x-sm !default;\n$custom-select-font-size-sm:        $input-font-size-sm !default;\n$custom-select-height-sm:           $input-height-sm !default;\n\n$custom-select-padding-y-lg:        $input-padding-y-lg !default;\n$custom-select-padding-x-lg:        $input-padding-x-lg !default;\n$custom-select-font-size-lg:        $input-font-size-lg !default;\n$custom-select-height-lg:           $input-height-lg !default;\n\n$custom-range-track-width:          100% !default;\n$custom-range-track-height:         .5rem !default;\n$custom-range-track-cursor:         pointer !default;\n$custom-range-track-bg:             $gray-300 !default;\n$custom-range-track-border-radius:  1rem !default;\n$custom-range-track-box-shadow:     inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width:                   1rem !default;\n$custom-range-thumb-height:                  $custom-range-thumb-width !default;\n$custom-range-thumb-bg:                      $component-active-bg !default;\n$custom-range-thumb-border:                  0 !default;\n$custom-range-thumb-border-radius:           1rem !default;\n$custom-range-thumb-box-shadow:              0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow:        0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width:  $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg:               lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg:             $gray-500 !default;\n\n$custom-file-height:                $input-height !default;\n$custom-file-height-inner:          $input-height-inner !default;\n$custom-file-focus-border-color:    $input-focus-border-color !default;\n$custom-file-focus-box-shadow:      $input-focus-box-shadow !default;\n$custom-file-disabled-bg:           $input-disabled-bg !default;\n\n$custom-file-padding-y:             $input-padding-y !default;\n$custom-file-padding-x:             $input-padding-x !default;\n$custom-file-line-height:           $input-line-height !default;\n$custom-file-font-family:           $input-font-family !default;\n$custom-file-font-weight:           $input-font-weight !default;\n$custom-file-color:                 $input-color !default;\n$custom-file-bg:                    $input-bg !default;\n$custom-file-border-width:          $input-border-width !default;\n$custom-file-border-color:          $input-border-color !default;\n$custom-file-border-radius:         $input-border-radius !default;\n$custom-file-box-shadow:            $input-box-shadow !default;\n$custom-file-button-color:          $custom-file-color !default;\n$custom-file-button-bg:             $input-group-addon-bg !default;\n$custom-file-text: (\n  en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top:          $form-text-margin-top !default;\n$form-feedback-font-size:           $small-font-size !default;\n$form-feedback-valid-color:         theme-color(\"success\") !default;\n$form-feedback-invalid-color:       theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color:    $form-feedback-valid-color !default;\n$form-feedback-icon-valid:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>\") !default;\n$form-feedback-icon-invalid-color:  $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\") !default;\n\n$form-validation-states: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$form-validation-states: map-merge(\n  (\n    \"valid\": (\n      \"color\": $form-feedback-valid-color,\n      \"icon\": $form-feedback-icon-valid\n    ),\n    \"invalid\": (\n      \"color\": $form-feedback-invalid-color,\n      \"icon\": $form-feedback-icon-invalid\n    ),\n  ),\n  $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown:                   1000 !default;\n$zindex-sticky:                     1020 !default;\n$zindex-fixed:                      1030 !default;\n$zindex-modal-backdrop:             1040 !default;\n$zindex-modal:                      1050 !default;\n$zindex-popover:                    1060 !default;\n$zindex-tooltip:                    1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y:                .5rem !default;\n$nav-link-padding-x:                1rem !default;\n$nav-link-disabled-color:           $gray-600 !default;\n\n$nav-tabs-border-color:             $gray-300 !default;\n$nav-tabs-border-width:             $border-width !default;\n$nav-tabs-border-radius:            $border-radius !default;\n$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color:        $gray-700 !default;\n$nav-tabs-link-active-bg:           $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius:           $border-radius !default;\n$nav-pills-link-active-color:       $component-active-color !default;\n$nav-pills-link-active-bg:          $component-active-bg !default;\n\n$nav-divider-color:                 $gray-200 !default;\n$nav-divider-margin-y:              $spacer / 2 !default;\n\n\n// Navbar\n\n$navbar-padding-y:                  $spacer / 2 !default;\n$navbar-padding-x:                  $spacer !default;\n\n$navbar-nav-link-padding-x:         .5rem !default;\n\n$navbar-brand-font-size:            $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height:               $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y:          .25rem !default;\n$navbar-toggler-padding-x:          .75rem !default;\n$navbar-toggler-font-size:          $font-size-lg !default;\n$navbar-toggler-border-radius:      $btn-border-radius !default;\n\n$navbar-dark-color:                 rgba($white, .5) !default;\n$navbar-dark-hover-color:           rgba($white, .75) !default;\n$navbar-dark-active-color:          $white !default;\n$navbar-dark-disabled-color:        rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-dark-toggler-border-color:  rgba($white, .1) !default;\n\n$navbar-light-color:                rgba($black, .5) !default;\n$navbar-light-hover-color:          rgba($black, .7) !default;\n$navbar-light-active-color:         rgba($black, .9) !default;\n$navbar-light-disabled-color:       rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color:                $navbar-light-active-color !default;\n$navbar-light-brand-hover-color:          $navbar-light-active-color !default;\n$navbar-dark-brand-color:                 $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color:           $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width:                10rem !default;\n$dropdown-padding-y:                .5rem !default;\n$dropdown-spacer:                   .125rem !default;\n$dropdown-font-size:                $font-size-base !default;\n$dropdown-color:                    $body-color !default;\n$dropdown-bg:                       $white !default;\n$dropdown-border-color:             rgba($black, .15) !default;\n$dropdown-border-radius:            $border-radius !default;\n$dropdown-border-width:             $border-width !default;\n$dropdown-inner-border-radius:      subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg:               $gray-200 !default;\n$dropdown-divider-margin-y:         $nav-divider-margin-y !default;\n$dropdown-box-shadow:               0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color:               $gray-900 !default;\n$dropdown-link-hover-color:         darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg:            $gray-100 !default;\n\n$dropdown-link-active-color:        $component-active-color !default;\n$dropdown-link-active-bg:           $component-active-bg !default;\n\n$dropdown-link-disabled-color:      $gray-600 !default;\n\n$dropdown-item-padding-y:           .25rem !default;\n$dropdown-item-padding-x:           1.5rem !default;\n\n$dropdown-header-color:             $gray-600 !default;\n$dropdown-header-padding:           $dropdown-padding-y $dropdown-item-padding-x !default;\n\n\n// Pagination\n\n$pagination-padding-y:              .5rem !default;\n$pagination-padding-x:              .75rem !default;\n$pagination-padding-y-sm:           .25rem !default;\n$pagination-padding-x-sm:           .5rem !default;\n$pagination-padding-y-lg:           .75rem !default;\n$pagination-padding-x-lg:           1.5rem !default;\n$pagination-line-height:            1.25 !default;\n\n$pagination-color:                  $link-color !default;\n$pagination-bg:                     $white !default;\n$pagination-border-width:           $border-width !default;\n$pagination-border-color:           $gray-300 !default;\n\n$pagination-focus-box-shadow:       $input-btn-focus-box-shadow !default;\n$pagination-focus-outline:          0 !default;\n\n$pagination-hover-color:            $link-hover-color !default;\n$pagination-hover-bg:               $gray-200 !default;\n$pagination-hover-border-color:     $gray-300 !default;\n\n$pagination-active-color:           $component-active-color !default;\n$pagination-active-bg:              $component-active-bg !default;\n$pagination-active-border-color:    $pagination-active-bg !default;\n\n$pagination-disabled-color:         $gray-600 !default;\n$pagination-disabled-bg:            $white !default;\n$pagination-disabled-border-color:  $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding:                 2rem !default;\n$jumbotron-color:                   null !default;\n$jumbotron-bg:                      $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y:                     .75rem !default;\n$card-spacer-x:                     1.25rem !default;\n$card-border-width:                 $border-width !default;\n$card-border-radius:                $border-radius !default;\n$card-border-color:                 rgba($black, .125) !default;\n$card-inner-border-radius:          subtract($card-border-radius, $card-border-width) !default;\n$card-cap-bg:                       rgba($black, .03) !default;\n$card-cap-color:                    null !default;\n$card-height:                       null !default;\n$card-color:                        null !default;\n$card-bg:                           $white !default;\n\n$card-img-overlay-padding:          1.25rem !default;\n\n$card-group-margin:                 $grid-gutter-width / 2 !default;\n$card-deck-margin:                  $card-group-margin !default;\n\n$card-columns-count:                3 !default;\n$card-columns-gap:                  1.25rem !default;\n$card-columns-margin:               $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size:                 $font-size-sm !default;\n$tooltip-max-width:                 200px !default;\n$tooltip-color:                     $white !default;\n$tooltip-bg:                        $black !default;\n$tooltip-border-radius:             $border-radius !default;\n$tooltip-opacity:                   .9 !default;\n$tooltip-padding-y:                 .25rem !default;\n$tooltip-padding-x:                 .5rem !default;\n$tooltip-margin:                    0 !default;\n\n$tooltip-arrow-width:               .8rem !default;\n$tooltip-arrow-height:              .4rem !default;\n$tooltip-arrow-color:               $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y:     $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x:     $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size:     $tooltip-font-size !default;\n$form-feedback-tooltip-line-height:   $line-height-base !default;\n$form-feedback-tooltip-opacity:       $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size:                 $font-size-sm !default;\n$popover-bg:                        $white !default;\n$popover-max-width:                 276px !default;\n$popover-border-width:              $border-width !default;\n$popover-border-color:              rgba($black, .2) !default;\n$popover-border-radius:             $border-radius-lg !default;\n$popover-inner-border-radius:       subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow:                0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg:                 darken($popover-bg, 3%) !default;\n$popover-header-color:              $headings-color !default;\n$popover-header-padding-y:          .5rem !default;\n$popover-header-padding-x:          .75rem !default;\n\n$popover-body-color:                $body-color !default;\n$popover-body-padding-y:            $popover-header-padding-y !default;\n$popover-body-padding-x:            $popover-header-padding-x !default;\n\n$popover-arrow-width:               1rem !default;\n$popover-arrow-height:              .5rem !default;\n$popover-arrow-color:               $popover-bg !default;\n\n$popover-arrow-outer-color:         fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width:                   350px !default;\n$toast-padding-x:                   .75rem !default;\n$toast-padding-y:                   .25rem !default;\n$toast-font-size:                   .875rem !default;\n$toast-color:                       null !default;\n$toast-background-color:            rgba($white, .85) !default;\n$toast-border-width:                1px !default;\n$toast-border-color:                rgba(0, 0, 0, .1) !default;\n$toast-border-radius:               .25rem !default;\n$toast-box-shadow:                  0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color:                $gray-600 !default;\n$toast-header-background-color:     rgba($white, .85) !default;\n$toast-header-border-color:         rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size:                   75% !default;\n$badge-font-weight:                 $font-weight-bold !default;\n$badge-padding-y:                   .25em !default;\n$badge-padding-x:                   .4em !default;\n$badge-border-radius:               $border-radius !default;\n\n$badge-transition:                  $btn-transition !default;\n$badge-focus-width:                 $input-btn-focus-width !default;\n\n$badge-pill-padding-x:              .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius:          10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding:               1rem !default;\n\n// Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding\n$modal-footer-margin-between:       .5rem !default;\n\n$modal-dialog-margin:               .5rem !default;\n$modal-dialog-margin-y-sm-up:       1.75rem !default;\n\n$modal-title-line-height:           $line-height-base !default;\n\n$modal-content-color:               null !default;\n$modal-content-bg:                  $white !default;\n$modal-content-border-color:        rgba($black, .2) !default;\n$modal-content-border-width:        $border-width !default;\n$modal-content-border-radius:       $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs:       0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up:    0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg:                 $black !default;\n$modal-backdrop-opacity:            .5 !default;\n$modal-header-border-color:         $border-color !default;\n$modal-footer-border-color:         $modal-header-border-color !default;\n$modal-header-border-width:         $modal-content-border-width !default;\n$modal-footer-border-width:         $modal-header-border-width !default;\n$modal-header-padding-y:            1rem !default;\n$modal-header-padding-x:            1rem !default;\n$modal-header-padding:              $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl:                          1140px !default;\n$modal-lg:                          800px !default;\n$modal-md:                          500px !default;\n$modal-sm:                          300px !default;\n\n$modal-fade-transform:              translate(0, -50px) !default;\n$modal-show-transform:              none !default;\n$modal-transition:                  transform .3s ease-out !default;\n$modal-scale-transform:             scale(1.02) !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y:                   .75rem !default;\n$alert-padding-x:                   1.25rem !default;\n$alert-margin-bottom:               1rem !default;\n$alert-border-radius:               $border-radius !default;\n$alert-link-font-weight:            $font-weight-bold !default;\n$alert-border-width:                $border-width !default;\n\n$alert-bg-level:                    -10 !default;\n$alert-border-level:                -9 !default;\n$alert-color-level:                 6 !default;\n\n\n// Progress bars\n\n$progress-height:                   1rem !default;\n$progress-font-size:                $font-size-base * .75 !default;\n$progress-bg:                       $gray-200 !default;\n$progress-border-radius:            $border-radius !default;\n$progress-box-shadow:               inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color:                $white !default;\n$progress-bar-bg:                   theme-color(\"primary\") !default;\n$progress-bar-animation-timing:     1s linear infinite !default;\n$progress-bar-transition:           width .6s ease !default;\n\n\n// List group\n\n$list-group-color:                  null !default;\n$list-group-bg:                     $white !default;\n$list-group-border-color:           rgba($black, .125) !default;\n$list-group-border-width:           $border-width !default;\n$list-group-border-radius:          $border-radius !default;\n\n$list-group-item-padding-y:         .75rem !default;\n$list-group-item-padding-x:         1.25rem !default;\n\n$list-group-hover-bg:               $gray-100 !default;\n$list-group-active-color:           $component-active-color !default;\n$list-group-active-bg:              $component-active-bg !default;\n$list-group-active-border-color:    $list-group-active-bg !default;\n\n$list-group-disabled-color:         $gray-600 !default;\n$list-group-disabled-bg:            $list-group-bg !default;\n\n$list-group-action-color:           $gray-700 !default;\n$list-group-action-hover-color:     $list-group-action-color !default;\n\n$list-group-action-active-color:    $body-color !default;\n$list-group-action-active-bg:       $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding:                 .25rem !default;\n$thumbnail-bg:                      $body-bg !default;\n$thumbnail-border-width:            $border-width !default;\n$thumbnail-border-color:            $gray-300 !default;\n$thumbnail-border-radius:           $border-radius !default;\n$thumbnail-box-shadow:              0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size:          90% !default;\n$figure-caption-color:              $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-font-size:              null !default;\n\n$breadcrumb-padding-y:              .75rem !default;\n$breadcrumb-padding-x:              1rem !default;\n$breadcrumb-item-padding:           .5rem !default;\n\n$breadcrumb-margin-bottom:          1rem !default;\n\n$breadcrumb-bg:                     $gray-200 !default;\n$breadcrumb-divider-color:          $gray-600 !default;\n$breadcrumb-active-color:           $gray-600 !default;\n$breadcrumb-divider:                quote(\"/\") !default;\n\n$breadcrumb-border-radius:          $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color:             $white !default;\n$carousel-control-width:             15% !default;\n$carousel-control-opacity:           .5 !default;\n$carousel-control-hover-opacity:     .9 !default;\n$carousel-control-transition:        opacity .15s ease !default;\n\n$carousel-indicator-width:           30px !default;\n$carousel-indicator-height:          3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer:          3px !default;\n$carousel-indicator-active-bg:       $white !default;\n$carousel-indicator-transition:      opacity .6s ease !default;\n\n$carousel-caption-width:             70% !default;\n$carousel-caption-color:             $white !default;\n\n$carousel-control-icon-width:        20px !default;\n\n$carousel-control-prev-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>\") !default;\n$carousel-control-next-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>\") !default;\n\n$carousel-transition-duration:       .6s !default;\n$carousel-transition:                transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width:         2rem !default;\n$spinner-height:        $spinner-width !default;\n$spinner-border-width:  .25em !default;\n\n$spinner-width-sm:        1rem !default;\n$spinner-height-sm:       $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size:                   $font-size-base * 1.5 !default;\n$close-font-weight:                 $font-weight-bold !default;\n$close-color:                       $black !default;\n$close-text-shadow:                 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size:                    87.5% !default;\n$code-color:                        $pink !default;\n\n$kbd-padding-y:                     .2rem !default;\n$kbd-padding-x:                     .4rem !default;\n$kbd-font-size:                     $code-font-size !default;\n$kbd-color:                         $white !default;\n$kbd-bg:                            $gray-900 !default;\n\n$pre-color:                         $gray-900 !default;\n$pre-scrollable-max-height:         340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n$user-selects: all, auto, none !default;\n\n\n// Printing\n\n$print-page-size:                   a3 !default;\n$print-body-min-width:              map-get($grid-breakpoints, \"lg\") !default;\n"]}