@mcf/lib-ui 2.4.36 → 2.4.38

package/dist/styles.css

@@ -1,1276 +0,0 @@
-/* basic button styles */
-.BaseButton__button___3OKdK {
-  border-width: 1px;
-  border-style: solid;
-  outline: none;
-}
-.BaseButton__button___3OKdK:disabled {
-  opacity: 0.3;
-  cursor: not-allowed;
-}
-.BaseButton__action___2WJqA {
-  background: var(--primary);
-  background: var(--primary);
-  border-color: var(--primary);
-  border-color: var(--primary);
-  color: var(--white);
-  color: var(--white);
-  font-weight: 600
-}
-.BaseButton__action___2WJqA:hover {
-    background: var(--dark-primary);
-    background: var(--dark-primary);
-  }
-.BaseButton__action___2WJqA:active {
-    -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2) inset;
-            box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2) inset;
-  }
-.BaseButton__success___3gAV9 {
-  background: var(--secondary);
-  background: var(--secondary);
-  border-color: var(--secondary);
-  border-color: var(--secondary);
-  color: var(--white);
-  color: var(--white);
-  font-weight: 600
-}
-.BaseButton__success___3gAV9:hover {
-    background: var(--dark-secondary);
-    background: var(--dark-secondary);
-  }
-.BaseButton__success___3gAV9:active {
-    -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2) inset;
-            box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2) inset;
-  }
-.BaseButton__danger___3G6oG {
-  background: var(--danger);
-  background: var(--danger);
-  border-color: var(--danger);
-  border-color: var(--danger);
-  color: var(--white);
-  color: var(--white);
-  font-weight: 600
-}
-.BaseButton__danger___3G6oG:hover {
-    background: var(--bright-danger);
-    background: var(--bright-danger);
-  }
-.BaseButton__danger___3G6oG:active {
-    -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2) inset;
-            box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2) inset;
-  }
-.BaseButton__default___33wPu {
-  background: var(--white);
-  background: var(--white);
-  border-color: var(--primary);
-  border-color: var(--primary);
-  border-width: 1.5px;
-  color: var(--primary);
-  color: var(--primary);
-  font-weight: 600
-}
-.BaseButton__default___33wPu:hover {
-    background: var(--lighter-primary);
-    background: var(--lighter-primary);
-  }
-.BaseButton__default___33wPu:active {
-    background: var(--light-primary);
-    background: var(--light-primary);
-  }
-
-/* Customize the label */
-.CheckBox__label___2rwv3 {
-  display: block;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-}
-/* Create a custom checkbox */
-.CheckBox__checkmark___3NE08 {
-  margin-top: 1px;
-  height: 12px;
-  width: 12px;
-  border: 2px solid #ccc;
-  border-radius: 1px;
-  background-color: white;
-  cursor: pointer;
-}
-/* When the checkbox is on focus, add a blue border */
-.CheckBox__checkbox___1b5w4 input:focus ~ .CheckBox__checkmark___3NE08 {
-  border: 2px solid blue;
-}
-/* When the checkbox is checked, add background color */
-.CheckBox__checkbox___1b5w4 input:checked ~ .CheckBox__checkmark___3NE08 {
-  background-color: var(--secondary);
-  background-color: var(--secondary);
-  border-color: var(--secondary);
-  border-color: var(--secondary);
-  opacity: 0.7;
-}
-/* Create the checkmark/indicator (hidden when not checked) */
-.CheckBox__checkmark___3NE08:after {
-  content: "";
-  position: absolute;
-  display: none;
-}
-/* Show the checkmark when checked */
-.CheckBox__checkbox___1b5w4 input:checked ~ .CheckBox__checkmark___3NE08:after {
-  display: block;
-}
-.CheckBox__checkbox___1b5w4 input:disabled ~ .CheckBox__checkmark___3NE08 {
-  cursor: not-allowed;
-  background-color: #fff;
-  opacity: 0.4;
-}
-/* Style the checkmark/indicator */
-.CheckBox__checkmark___3NE08:after {
-  position: relative;
-  left: 3px;
-  width: 3px;
-  height: 7px;
-  border: solid white;
-  border-width: 0 3px 3px 0;
-  -webkit-transform: rotate(45deg);
-  transform: rotate(45deg);
-}
-.CheckBox__label___2rwv3.CheckBox__disabled___erQ6o {
-  cursor: not-allowed;
-  opacity: 0.4;
-}
-.CheckBox__visually-hidden___3Fqi4{
-  opacity: 0.01;
-  position: absolute;
-  cursor: pointer;
-}
-
-.ConfirmationBox__confirmbox___1i5aG{
-  width:100%;
-  max-width: 500px;
-  font-size: 18px;
-}
-
-
-.Dropdown__mcf-dropdown___27HW2 {
-  /* react-select-plus customization */
-}
-
-.Dropdown__mcf-dropdown___27HW2 .Select-control {
-    font-size: var(--font-size-4-5);
-    font-size: var(--font-size-4-5);
-    border-radius: 0;
-    min-height: 50px;
-    font-weight: 400;
-    border: var(--borderstyle);
-    border: var(--borderstyle);
-    margin-top: 6px;
-    margin-bottom: var(--input-margin-bottom);
-    margin-bottom: var(--input-margin-bottom)
-  }
-
-.Dropdown__mcf-dropdown___27HW2 .Select-control .Select-placeholder {
-      display: -webkit-box;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-box-align: center;
-          -ms-flex-align: center;
-              align-items: center;
-    }
-
-.Dropdown__mcf-dropdown___27HW2 .Select-control .Select-input > input {
-        height: 100%;
-        color: var(--black-70);
-        color: var(--black-70);
-        display: -webkit-box;
-        display: -ms-flexbox;
-        display: flex;
-        -webkit-box-align: center;
-            -ms-flex-align: center;
-                align-items: center;
-      }
-
-.Dropdown__mcf-dropdown___27HW2 .Select-control .Select-input > input::-ms-clear, .Dropdown__mcf-dropdown___27HW2 .Select-control .Select-input .input::-ms-reveal {
-        display: none;
-        width: 0;
-        height: 0;
-      }
-
-.Dropdown__mcf-dropdown___27HW2 .Select-control .Select-multi-value-wrapper {
-      height:100%;
-    }
-
-.Dropdown__mcf-dropdown___27HW2 .Select-control .Select-value {
-      margin-top: 10px;
-    }
-
-.Dropdown__mcf-dropdown___27HW2 .Select-option {
-    color: var(--black-60);
-    color: var(--black-60);
-  }
-
-.Dropdown__mcf-dropdown___27HW2 .Select-option.is-focused {
-    background: var(--light-primary);
-    background: var(--light-primary);
-    color: var(--black-80);
-    color: var(--black-80);
-  }
-
-.Dropdown__mcf-dropdown___27HW2 .Select-option.is-selected {
-    background: var(--primary);
-    background: var(--primary);
-    color: var(--white);
-    color: var(--white);
-  }
-
-.Dropdown__mcf-dropdown___27HW2 .Select.is-focused.is-open > .Select-control, .Dropdown__mcf-dropdown___27HW2 .Select.is-focused:not(.is-open) > .Select-control {
-    border: 1px solid var(--light-silver);
-    border: 1px solid var(--light-silver);
-    -webkit-box-shadow: 0 0 20px 5px rgba(255, 255, 255, 0.6);
-            box-shadow: 0 0 20px 5px rgba(255, 255, 255, 0.6)
-  }
-
-.Dropdown__mcf-dropdown___27HW2 .Select-arrow {
-    border-color: var(--black-60) transparent transparent;
-    border-color: var(--black-60) transparent transparent
-  }
-
-.Dropdown__mcf-dropdown___27HW2.error .Select-control {
-    border-color: var(--red);
-    border-color: var(--red);
-  }
-
-.Dropdown__error___1bQlE {
-  display: inline-block;
-  color: var(--red);
-  color: var(--red);
-  font-size: medium;
-  font-size: initial;
-}
-
-.stickyheader__fixed___2u5sx {
-    position: fixed !important;
-    top: -100px;
-    -webkit-transform: translateY(100px);
-            transform: translateY(100px);
-    -webkit-transition: height .3s ease-in-out, -webkit-transform 1s ease-in-out;
-    transition: height .3s ease-in-out, -webkit-transform 1s ease-in-out;
-    transition: transform 1s ease-in-out, height .3s ease-in-out;
-    transition: transform 1s ease-in-out, height .3s ease-in-out, -webkit-transform 1s ease-in-out;
-}
-
-.stickyheader__relative___3TcX5 {
-    -webkit-transform: translateY(0);
-            transform: translateY(0);
-    position: relative;
-}
-
-.TextArea__textareainput___1SyYN {
-  font-family: "Open sans", Helvetica, Arial, sans-serif;
-  width: 100%;
-  resize: none;
-  border-color: rgba(0, 0, 0, 0.2);
-  margin-top: var(--spacing-small);
-  margin-top: var(--spacing-small);
-  outline: none
-}
-.TextArea__textareainput___1SyYN::-webkit-input-placeholder {
-    font-family: "Open sans", Helvetica, Arial, sans-serif;
-    color: var(--light-silver);
-    color: var(--light-silver);
-    font-weight:400; 
-  }
-.TextArea__textareainput___1SyYN::-moz-placeholder {
-    font-family: "Open sans", Helvetica, Arial, sans-serif;
-    color: var(--light-silver);
-    color: var(--light-silver);
-    font-weight:400; 
-  }
-.TextArea__textareainput___1SyYN::-ms-input-placeholder {
-    font-family: "Open sans", Helvetica, Arial, sans-serif;
-    color: var(--light-silver);
-    color: var(--light-silver);
-    font-weight:400; 
-  }
-.TextArea__textareainput___1SyYN::placeholder {
-    font-family: "Open sans", Helvetica, Arial, sans-serif;
-    color: var(--light-silver);
-    color: var(--light-silver);
-    font-weight:400; 
-  }
-
-.TextInput__input___RvT_B {
-  color: var(--black-80);
-  color: var(--black-80);
-  font-size: var(--font-size-4-5);
-  font-size: var(--font-size-4-5);
-  width: 100%;
-  outline: none;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  cursor: text;
-  height: 50px;
-  border: var(--borderstyle);
-  border: var(--borderstyle);
-  margin-top: 6px;
-  margin-bottom: var(--input-margin-bottom);
-  margin-bottom: var(--input-margin-bottom);
-  padding: .5rem;
-  display: block
-}
-
-.TextInput__input___RvT_B::-webkit-input-placeholder {
-    color: var(--black-60);
-    color: var(--black-60);
-    font-weight: 400;
-    font-size: var(--font-size-4-5);
-    font-size: var(--font-size-4-5);
-  }
-
-.TextInput__input___RvT_B::-moz-placeholder {
-    color: var(--black-60);
-    color: var(--black-60);
-    font-weight: 400;
-    font-size: var(--font-size-4-5);
-    font-size: var(--font-size-4-5);
-  }
-
-.TextInput__input___RvT_B::-ms-input-placeholder {
-    color: var(--black-60);
-    color: var(--black-60);
-    font-weight: 400;
-    font-size: var(--font-size-4-5);
-    font-size: var(--font-size-4-5);
-  }
-
-.TextInput__input___RvT_B::placeholder {
-    color: var(--black-60);
-    color: var(--black-60);
-    font-weight: 400;
-    font-size: var(--font-size-4-5);
-    font-size: var(--font-size-4-5);
-  }
-
-.TextInput__error___3DCJa {
-  display: block;
-  font-size: var(--font-size-5-5);
-  font-size: var(--font-size-5-5);
-  font-weight: 400;
-  color: var(--red);
-  color: var(--red);
-}
-
-/* The switch - the box around the slider */
-.Toggle__switch___32uGI {
-  position: relative;
-  display: inline-block;
-  width: 60px;
-  height: 34px;
-}
-/* Hide default HTML checkbox */
-.Toggle__switch___32uGI input {display:none;}
-/* The slider */
-.Toggle__slider___3da38 {
-  border-radius: 34px;
-  position: absolute;
-  cursor: pointer;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: #ccc;
-  -webkit-transition: .4s;
-  transition: .4s;
-}
-.Toggle__slider___3da38:before {
-  border-radius: 50%;
-  position: absolute;
-  content: "";
-  height: 26px;
-  width: 26px;
-  left: 4px;
-  bottom: 4px;
-  background-color: white;
-  -webkit-transition: .4s;
-  transition: .4s;
-}
-input:checked + .Toggle__slider___3da38 {
-  background-color: #2196F3;
-}
-input:focus + .Toggle__slider___3da38 {
-  -webkit-box-shadow: 0 0 1px #2196F3;
-          box-shadow: 0 0 1px #2196F3;
-}
-input:checked + .Toggle__slider___3da38:before {
-  -webkit-transform: translateX(26px);
-  transform: translateX(26px);
-}
-
-
-
-  .TypeAhead__typeahead___tiP0_ .react-autosuggest__input {
-    width: 100%;
-    height: 50px;
-    padding: 10px;
-    line-height: 50px;
-    border: none;
-    border: var(--borderstyle);
-    border: var(--borderstyle);
-    font-size: var(--font-size-4-5);
-    font-size: var(--font-size-4-5);
-    color: var(--black-80);
-    color: var(--black-80);
-    outline: 0;
-    -webkit-appearance: none;
-    margin-bottom: var(--input-margin-bottom);
-    margin-bottom: var(--input-margin-bottom)
-  }
-
-.TypeAhead__typeahead___tiP0_ .react-autosuggest__input::-webkit-input-placeholder {
-      color: var(--black-60);
-      color: var(--black-60);
-      font-family: "Open sans", Helvetica, Arial, sans-serif;
-      font-weight: 400;
-      font-size: var(--font-size-4-5);
-      font-size: var(--font-size-4-5);
-    }
-
-.TypeAhead__typeahead___tiP0_ .react-autosuggest__input::-moz-placeholder {
-      color: var(--black-60);
-      color: var(--black-60);
-      font-family: "Open sans", Helvetica, Arial, sans-serif;
-      font-weight: 400;
-      font-size: var(--font-size-4-5);
-      font-size: var(--font-size-4-5);
-    }
-
-.TypeAhead__typeahead___tiP0_ .react-autosuggest__input::-ms-input-placeholder {
-      color: var(--black-60);
-      color: var(--black-60);
-      font-family: "Open sans", Helvetica, Arial, sans-serif;
-      font-weight: 400;
-      font-size: var(--font-size-4-5);
-      font-size: var(--font-size-4-5);
-    }
-
-.TypeAhead__typeahead___tiP0_ .react-autosuggest__input::placeholder {
-      color: var(--black-60);
-      color: var(--black-60);
-      font-family: "Open sans", Helvetica, Arial, sans-serif;
-      font-weight: 400;
-      font-size: var(--font-size-4-5);
-      font-size: var(--font-size-4-5);
-    }
-
-.TypeAhead__typeahead___tiP0_ .react-autosuggest__input--open {
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-
-.TypeAhead__typeahead___tiP0_ .react-autosuggest__container {
-    position: relative;
-  }
-
-.TypeAhead__typeahead___tiP0_ .react-autosuggest__suggestions-container {
-    z-index: 2; /* to be above element using position relative */
-    max-height: 180px;
-    overflow-y: auto;
-  }
-
-.TypeAhead__typeahead___tiP0_ .react-autosuggest__suggestions-container--open {
-    display: block;
-    position: absolute;
-    top: 100%;
-    left: 1px;
-    right: 1px;
-    background: var(--white);
-    background: var(--white);
-    width: auto;
-    list-style-type: none;
-    -webkit-box-shadow: 0 0 1px 1px var(--moon-gray);
-            box-shadow: 0 0 1px 1px var(--moon-gray);
-    box-shadow: 0 0 1px 1px var(--moon-gray);
-  }
-
-.TypeAhead__typeahead___tiP0_ .react-autosuggest__suggestions-list {
-    padding: 0;
-    margin: 0
-  }
-
-.TypeAhead__typeahead___tiP0_ .react-autosuggest__suggestions-list li {
-      color: var(--black-70);
-      color: var(--black-70);
-      display: block;
-      padding: 12px 10px;
-      text-indent: inherit;
-      margin: 0;
-      cursor: pointer;
-    }
-
-.TypeAhead__typeahead___tiP0_ .react-autosuggest__suggestion--highlighted {
-    background-color: var(--light-primary);
-    background-color: var(--light-primary);
-    color: var(--black);
-    color: var(--black)
-  }
-
-.TypeAhead__typeahead___tiP0_ .react-autosuggest__suggestion--selected {
-    background-color: var(--light-primary);
-    background-color: var(--light-primary);
-    color: var(--black);
-    color: var(--black)
-  }
-
-.TypeAhead__typeahead___tiP0_ {
-
-  /* fix IE11 bug showing height = -0.01px issue */
-}
-
-.TypeAhead__typeahead___tiP0_ #react-autowhatever-1:empty {
-      height: 0;
-    }
-
-.TypeAhead__error___1FhuT {
-  display: block;
-  font-size: var(--font-size-5-5);
-  font-size: var(--font-size-5-5);
-  font-weight: 400;
-  color: var(--red);
-  color: var(--red);
-}
-
-
-.Button__button-container___3rUIh {
-  position: relative;
-  display: inline-block;
-}
-
-.Button__button___1tvvj {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  grid-gap: 8px;
-  gap: 8px;
-  border-radius: 4px;
-  font-size: 16px;
-  height: 52px;
-  padding: 16px 32px;
-  border: none;
-  cursor: pointer;
-  min-width: 165px;
-}
-
-.Button__badge___1tekl {
-  position: absolute;
-  background: var(--danger);
-  background: var(--danger);
-  top: 5px;
-  right: 5px;
-  padding: 4px 6px;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-}
-
-.Button__small___WqZCA {
-  font-size: 14px;
-  height: 38px;
-  padding: 10px 16px;
-  min-width: 119px;
-}
-
-.Button__segmented-small___3Ewpx {
-  font-size: 14px;
-  padding: 12px 16px;
-  min-width: 112px;
-}
-
-.Button__segmented-large___1sF26 {
-  font-size: 16px;
-  padding: 14px 16px;
-  min-width: 123px;
-}
-
-.Button__button___1tvvj:disabled, .Button__transparent___-V7gn:disabled .Button__text___2VOIu:disabled {
-  opacity: 0.3;
-  cursor: not-allowed;
-}
-
-.Button__rounded___1YWN0 {
-  border-radius: 19px;
-}
-
-.Button__primary___3uOUr {
-  background: var(--primary);
-  background: var(--primary);
-  border-color: var(--primary);
-  border-color: var(--primary);
-  color: var(--white);
-  color: var(--white);
-  font-weight: 600
-}
-
-.Button__primary___3uOUr:hover {
-    background: var(--primary-dark);
-    background: var(--primary-dark);
-  }
-
-.Button__primary___3uOUr:active {
-    -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2) inset;
-            box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2) inset;
-  }
-
-.Button__generic___29Xav {
-  background: var(--generic);
-  background: var(--generic);
-  border-color: var(--generic);
-  border-color: var(--generic);
-  color: var(--white);
-  color: var(--white);
-  font-weight: 600
-}
-
-.Button__generic___29Xav:hover {
-    background: var(--hover-generic);
-    background: var(--hover-generic);
-  }
-
-.Button__generic___29Xav:active {
-    -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2) inset;
-            box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2) inset;
-  }
-
-.Button__danger___3z_-n {
-  background: var(--danger);
-  background: var(--danger);
-  border-color: var(--danger);
-  border-color: var(--danger);
-  color: var(--white);
-  color: var(--white);
-  font-weight: 600
-}
-
-.Button__danger___3z_-n:hover {
-    background: var(--dark-danger);
-    background: var(--dark-danger);
-  }
-
-.Button__danger___3z_-n:active {
-    -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2) inset;
-            box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2) inset;
-  }
-
-.Button__outline___3AoQz {
-  border: 1px solid;
-  background: var(--white);
-  background: var(--white);
-  border-color: var(--primary);
-  border-color: var(--primary);
-  color: var(--primary);
-  color: var(--primary);
-  font-weight: 600
-}
-
-.Button__outline___3AoQz:hover {
-    background: var(--light-primary);
-    background: var(--light-primary);
-  }
-
-.Button__outline___3AoQz:active {
-    -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1) inset;
-            box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1) inset;
-  }
-
-.Button__outline-danger___20z6M {
-  border: 1px solid;
-  border-color: var(--danger);
-  border-color: var(--danger);
-  background: var(--white);
-  background: var(--white);
-  color: var(--danger);
-  color: var(--danger)
-}
-
-.Button__outline-danger___20z6M:hover {
-    background: var(--light-danger);
-    background: var(--light-danger);
-  }
-
-.Button__outline-danger___20z6M:active {
-    -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1) inset;
-            box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1) inset;
-  }
-
-.Button__transparent___-V7gn {
-  border: none;
-  background: none;
-  color: var(--generic);
-  color: var(--generic)
-}
-
-.Button__transparent___-V7gn:hover {
-    color: var(--hover-generic);
-    color: var(--hover-generic);
-  }
-
-.Button__text___2VOIu {
-  padding: 0;
-  margin: 0;
-  height: 0;
-  background: none;
-  border: none;
-  color: var(--generic);
-  color: var(--generic)
-}
-
-.Button__text___2VOIu:hover {
-    color: var(--hover-generic);
-    color: var(--hover-generic);
-  }
-
-.Button__segmented___3inLN {
-  background: var(--white);
-  background: var(--white);
-  border: 1px solid var(--black-20);
-  border: 1px solid var(--black-20);
-  color: var(--black-80);
-  color: var(--black-80)
-}
-
-.Button__segmented___3inLN:hover {
-    background: var(--black-05);
-    background: var(--black-05);
-  }
-
-.Button__segmented___3inLN:active {
-    background: var(--light-primary);
-    background: var(--light-primary);
-    border: 1px solid var(--primary);
-    border: 1px solid var(--primary)
-  }
-
-.Button__segmented-active___3Ea2f {
-  background: var(--light-primary);
-  background: var(--light-primary);
-  border: 1px solid var(--primary);
-  border: 1px solid var(--primary)
-}
-
-.ButtonGroup__button-group-container___2z9TJ {
-        button:first-child {
-            border-radius: 4px 0px 0px 4px;
-        }
-        button:last-child {
-            border-radius: 0px 4px 4px 0px;
-        }
-}
-
-.ButtonGroup__button-group-container-with-badges___1-cDN {
-        div:first-child {
-            button {
-                border-radius: 4px 0px 0px 4px;
-            }
-        }
-        div:last-child {
-            button {
-                border-radius: 0px 4px 4px 0px;
-            }
-        }
-    div {
-        button {
-            cursor: pointer;
-        }
-    }
-}
-.CheckboxNew__checkbox-single___bDmgC {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-}
-
-.CheckboxNew__checkbox-multiline___2A3fd {
-    padding-bottom: 12px;
-}
-
-.CheckboxNew__container___3zHkn {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-}
-
-.CheckboxNew__container-word-wrap___1YPJ6 {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: baseline;
-        -ms-flex-align: baseline;
-            align-items: baseline;
-}
-
-.CheckboxNew__child___1ZXPl {
-    padding-left: 24px;
-}
-
-input[type=checkbox][readonly] {
-    display: none;
-}
-
-input[type=checkbox] {
-    width: 16px;
-    height: 16px;
-    accent-color: var(--generic);
-    accent-color: var(--generic);
-    -ms-flex-negative: 0;
-        flex-shrink: 0;
-}
-
-input[type=checkbox]:indeterminate::before {
-    content: "";
-    display: block;
-    color: white;
-    width: 16px;
-    height: 16px;
-    background-color: var(--generic);
-    background-color: var(--generic);
-    border-radius: 2px;
-}
-
-input[type=checkbox]:indeterminate::after {
-    content: "";
-    display: block;
-    width: 10px;
-    height: 10px;
-    border: solid var(--white);
-    border: solid var(--white);
-    border-width: 3px 0 0 0;
-    position: relative;
-    bottom: 9px;
-    left: 3px;
-}
-
-.CheckboxNew__option-header___nOhe6 {
-    margin-left: 8px;
-    color: rgba(0, 0, 0, 0.80);
-    color: var(--black-black-40, rgba(0, 0, 0, 0.80));
-    display: -webkit-inline-box;
-    display: -ms-inline-flexbox;
-    display: inline-flex;
-    word-wrap: break-word;
-}
-
-.CheckboxNew__readonly___1qVK2 {
-    padding-left: 24px;
-    margin-left: 0px;
-}
-
-.CheckboxNew__option-label___wws0b {
-    padding-left: 24px;
-    padding-top: 4px;
-    color: rgba(0, 0, 0, 0.80);
-    color: var(--black-black-40, rgba(0, 0, 0, 0.80));
-    word-wrap: break-word;
-}
-
-.CheckboxNew__disabled___3ymOY {
-    color: rgba(0, 0, 0, 0.40);
-    color: var(--black-black-40, rgba(0, 0, 0, 0.40));
-}
-
-.CheckboxNew__description___1RA7Q {
-    padding-left: 24px;
-    padding-top: 4px;
-    color: rgba(0, 0, 0, 0.80);
-    color: var(--black-black-80, rgba(0, 0, 0, 0.80));
-}
-
-.CheckboxNew__error-message___3IwZu {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-    color: var(--danger);
-    color: var(--danger);
-    padding-top: 4px;
-}
-
-.CheckboxNew__error-icon___YBxO1 {
-    margin-right: 8px;
-    color: var(--danger);
-    color: var(--danger);
-    -ms-flex-negative: 0;
-        flex-shrink: 0;
-}
-
-.CheckboxNew__pointer___1p-BB {
-    cursor: pointer;
-}
-.CheckboxGroup__checkbox-group___3fTC7 {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    padding-bottom: 4px
-}
-
-.CheckboxGroup__checkbox-group-vertical___7GqGF {
-    display:list-item;
-    list-style-type: none;
-}
-
-.CheckboxGroup__checkbox-group-horizontal-item___3o__B {
-    padding-right: 24px;
-}
-
-.CheckboxGroup__checkbox-group-vertical-item___xJSAx {
-    padding-bottom: 4px;
-}
-
-.CheckboxGroup__primary-label___QmSES {
-    padding-bottom: 4px
-}
-
-.CheckboxGroup__secondary-label___2Bl2g {
-    color: rgba(0, 0, 0, 0.60);
-    color: var(--black-black-60, rgba(0, 0, 0, 0.60));
-    margin-bottom: 4px
-}
-
-.CheckboxGroup__multiline___1DggC {
-    margin-bottom: 8px;
-}
-
-.CheckboxGroup__error-message___2dF1e {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-    color: var(--danger);
-    color: var(--danger);
-    padding-top: 4px;
-}
-
-.CheckboxGroup__error-icon___1s-sN {
-    margin-right: 8px;
-    -ms-flex-negative: 0;
-        flex-shrink: 0;
-}
-
-.CheckboxGroup__child___2kq0X {
-    padding-left: 24px;
-}
-.MessageBar__messagebar-container___3L3En {
-  padding: 16px;
-  top: 0;
-}
-
-.MessageBar__close-messagebar-icon___RhPAA {
-  margin-left: auto;
-  padding-left: 12px;
-  cursor: pointer;
-}
-
-.Modal__overlay___1IUV2 {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background-color: var(--black-40);
-  background-color: var(--black-40);
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-
-.Modal__container___ioJ3_ {
-  background-color: var(--white);
-  background-color: var(--white);
-  border-bottom: 1px solid var(--black-10);
-  border-bottom: 1px solid var(--black-10);
-  padding: 1.5rem;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  grid-gap: 1.5rem;
-  gap: 1.5rem;
-  max-width: 640px;
-}
-
-.Modal__header___1a9og {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  color: var(--black-80);
-  color: var(--black-80);
-  grid-gap: 1.5rem;
-  gap: 1.5rem;
-}
-
-.Modal__close-icon___9BkB5 {
-  stroke: var(--black-60);
-  stroke: var(--black-60);
-  cursor: pointer;
-}
-
-.Modal__body___2JQ0R, .Modal__actions___TJO1S {
-  margin-top: 1.5rem
-}
-
-.Modal__body___2JQ0R > *, .Modal__actions___TJO1S > * {
-    -webkit-box-flex: 1;
-        -ms-flex: 1;
-            flex: 1;
-  }
-
-.Modal__actions___TJO1S {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  grid-gap: 1rem;
-  gap: 1rem;
-}
-
-.Tabs__tab___2tyW0 {
-  color: var(--black-60);
-  color: var(--black-60);
-  padding: 1rem 2rem;
-  cursor: pointer;
-}
-
-.Tabs__active___3LQNg {
-  color: var(--primary);
-  color: var(--primary);
-  border-bottom: 1px solid var(--primary);
-  border-bottom: 1px solid var(--primary);
-  cursor: default;
-}
-
-.Tabs__sticky-header___2QjM7 {
-  position: -webkit-sticky;
-  position: sticky;
-  top: 0;
-  background: var(--white);
-  background: var(--white);
-}
-
-.TextInputNew__text-input-container___3qnJf {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-    -webkit-box-align: start;
-        -ms-flex-align: start;
-            align-items: flex-start;
-    grid-gap: 0.25rem;
-    gap: 0.25rem;
-}
-
-.TextInputNew__input-container___3yf9U {    
-    position: relative;
-    width: 100%;
-}
-
-.TextInputNew__error-message___2OcH7 {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-    color: var(--danger);
-    color: var(--danger);
-}
-
-.TextInputNew__error-icon___17hvc {
-    margin-right: .5rem;
-    color: var(--danger);
-    color: var(--danger);
-    -ms-flex-negative: 0;
-        flex-shrink: 0;
-}
-
-.TextInputNew__input___2XW5u {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    border: var(--borderstyle);
-    border: var(--borderstyle);
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-    border-radius: 4px;
-    height: 52px;
-    width: 100%;
-    outline: none;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-    cursor: text;
-    padding: .5rem;
-    padding: 14px 16px;
-    -ms-flex-item-align: stretch;
-        align-self: stretch   
-}
-
-.TextInputNew__input___2XW5u::-webkit-input-placeholder {
-        color: var(--black-60);
-        color: var(--black-60);
-    }
-
-.TextInputNew__input___2XW5u::-moz-placeholder {
-        color: var(--black-60);
-        color: var(--black-60);
-    }
-
-.TextInputNew__input___2XW5u::-ms-input-placeholder {
-        color: var(--black-60);
-        color: var(--black-60);
-    }
-
-.TextInputNew__input___2XW5u::placeholder {
-        color: var(--black-60);
-        color: var(--black-60);
-    }
-
-.TextInputNew__input___2XW5u:focus {
-        border-color: #1263CB;
-        -webkit-box-shadow: 0px 0px 2px 0px rgba(18, 99, 203, 0.20);
-                box-shadow: 0px 0px 2px 0px rgba(18, 99, 203, 0.20);
-    }
-
-.TextInputNew__input-error___3leBQ,
-.TextInputNew__input-error___3leBQ:focus {
-    border-color: var(--danger);
-    border-color: var(--danger);
-}
-
-.TextInputNew__input-disabled___29ubS {
-    background: var(--gray-50);
-    background: var(--gray-50);
-}
-
-.TextInputNew__clear-button___2TMf9 {
-    position: absolute;
-    right: 0px;
-    top: 25%;
-    background: none;
-    border: none;
-    cursor: pointer;
-}
-  
-.Collapse__container___3quRz {
-  min-width: 100%;
-}
-
-.Collapse__button___3U4AS {
-  height: auto;
-  color: var(--blue);
-  color: var(--blue);
-  grid-gap: 4px;
-  gap: 4px;
-  padding: 0;
-  margin-left: auto
-}
-
-.Collapse__button___3U4AS span {
-    font-weight: 400;
-  }
-
-.MenuList__wrapper___1e-Rm {
-  width: 204px;
-}
-
-.MenuList__default-menu-item___2Goqq {
-  border: none;
-  border-left: solid var(--black-10) 2px;
-  border-left: solid var(--black-10) 2px;
-  padding: 12px 16px;
-  min-height: 45px;
-  background: var(--white);
-  background: var(--white);
-  text-align: left;
-  cursor: pointer
-}
-
-.MenuList__default-menu-item___2Goqq:before {
-    margin-left: 24px;
-  }
-
-.MenuList__default-menu-item___2Goqq:hover {
-    background: rgba(0, 0, 0, 0.05);
-    background: var(--black-black-05, rgba(0, 0, 0, 0.05));
- 
-  }
-
-.MenuList__active___1a_Cj {
-  font-style: bold;
-  color: var(--primary);
-  color: var(--primary);
-  border-left: solid var(--primary) 2px;
-  border-left: solid var(--primary) 2px;
-}
-
-.MenuList__disabled___117N4 {
-  background-color: var(--black-05);
-  background-color: var(--black-05);
-}
-.DropdownNew__container___1q0u7 {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-}
-
-.DropdownNew__error-msg___3_Q8f {
-  color: var(--danger);
-  color: var(--danger);
-  margin: 0;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}