@procore/core-css/build/core.css

The building blocks of the Procore universe.

@keyframes core-spinner-circle {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit; }

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dd,
ol,
ul,
form,
fieldset,
legend,
figure,
table,
th,
td,
caption,
hr {
  margin: 0;
  padding: 0; }

body {
  color: #000000; }

.core-font-tool-header {
  font-size: 20px;
  font-weight: 700; }

.core-font-h1 {
  font-size: 30px;
  font-weight: 200; }

.core-font-h2 {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase; }

.core-font-h3 {
  font-size: 15px;
  font-weight: 500; }

.core-font-form-value {
  font-size: 13px;
  font-weight: 400; }

.core-font-form-key {
  font-size: 13px;
  font-weight: 700; }

.core-font-table-value--lg {
  font-size: 13px;
  font-weight: 400; }

.core-font-table-header--lg {
  font-size: 13px;
  font-weight: 700; }

.core-font-table-value--sm {
  font-size: 11px;
  font-weight: 400; }

.core-font-table-header--sm {
  font-size: 11px;
  font-weight: 700; }

.core-font-button--lg {
  font-size: 14px;
  font-weight: 700;
  line-height: 14px; }

.core-font-button--md {
  font-size: 13px;
  font-weight: 700;
  line-height: 13px; }

.core-font-button--sm {
  font-size: 11px;
  font-weight: 700;
  line-height: 11px; }

.core-font-notation {
  font-size: 13px;
  font-weight: 400;
  font-style: italic; }

.core-typography-table {
  width: 100%; }
  .core-typography-table td {
    padding: 5px; }
  .core-typography-table th {
    font-size: 15px;
    font-weight: 500;
    text-align: left;
    padding: 10px 5px;
    border-radius: 2px;
    background: #e6e6e6; }

.core-link {
  color: #1e519f;
  text-decoration: none; }
  .core-link:hover {
    cursor: pointer;
    text-decoration: underline; }
  .core-link--gray {
    color: #4d4d4d; }
    .core-link--gray:hover {
      color: #f47e42; }
  .core-link--white {
    color: #ffffff; }

.core-avatar {
  align-items: center;
  background-color: #1a1a1a;
  border-radius: 100%;
  color: #ffffff;
  cursor: default;
  display: inline-flex;
  justify-content: center;
  overflow: hidden;
  position: relative; }
  .core-avatar--xl {
    font-size: 40px;
    height: 96px;
    width: 96px;
    min-height: 96px;
    min-width: 96px; }
  .core-avatar--lg {
    font-size: 14px;
    height: 40px;
    width: 40px;
    min-height: 40px;
    min-width: 40px; }
  .core-avatar--md {
    font-size: 14px;
    height: 32px;
    width: 32px;
    min-height: 32px;
    min-width: 32px; }
  .core-avatar--disabled {
    background-color: #d9d9d9; }
    .core-avatar--disabled.core-clickable {
      cursor: default; }
  .core-avatar:hover::after, .core-avatar--hover::after, .core-avatar--disabled::after,
  .core-avatar--disabled .core-avatar__portrait::after {
    background-color: #ffffff;
    opacity: 0.5; }
  .core-avatar.core-clickable:not(.core-avatar--disabled):hover .core-avatar__portrait::after {
    opacity: 0.5; }
  .core-avatar.core-clickable:not(.core-avatar--disabled) .core-avatar__portrait::after {
    background-color: #000000; }
  .core-avatar__portrait {
    background-color: #ffffff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%; }
    .core-avatar__portrait::after {
      border-radius: 100%;
      content: "";
      height: 100%;
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      transition: all 0.2s ease-in;
      width: 100%; }
  .core-avatar__icon {
    display: inline-flex; }
    .core-avatar__icon::after {
      border-radius: 100%;
      content: "";
      height: 100%;
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      transition: all 0.2s ease-in;
      width: 100%; }
  .core-avatar__label {
    text-transform: uppercase; }

.core-banner {
  border-radius: 2px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  color: #ffffff;
  display: flex;
  justify-content: space-between;
  min-height: 72px;
  padding: 0 24px; }
  .core-banner--error {
    background-color: #d93a3c; }
    .core-banner--error .core-banner__dismiss:hover {
      color: #d93a3c; }
  .core-banner--success {
    background-color: #1bc19c; }
    .core-banner--success .core-banner__dismiss:hover {
      color: #1bc19c; }
  .core-banner--action {
    background-color: #edc139; }
    .core-banner--action .core-banner__dismiss:hover {
      color: #edc139; }
  .core-banner--info {
    background-color: #259fd8; }
    .core-banner--info .core-banner__dismiss:hover {
      color: #259fd8; }
  .core-banner__icon, .core-banner__dismiss {
    margin: 24px 0; }
  .core-banner__icon {
    font-size: 24px; }
  .core-banner__content {
    align-self: center;
    margin: 16px;
    width: 100%; }
  .core-banner__title {
    font-size: 15px;
    font-weight: bold; }
  .core-banner__body {
    font-size: 13px;
    line-height: 16px;
    margin-top: 6px; }
  .core-banner__action {
    margin: 20px 0; }
  .core-banner__dismiss {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-size: 24px;
    height: 24px;
    justify-content: center;
    width: 24px; }
    .core-banner__dismiss:hover {
      background: white;
      border-radius: 100%; }
  .core-banner__action + .core-banner__dismiss {
    margin-left: 24px; }

.core-margin-none {
  margin: 0px; }

.core-margin-auto {
  margin: auto; }

.core-margin-xs {
  margin: 4px; }

.core-margin-sm {
  margin: 8px; }

.core-margin-md {
  margin: 12px; }

.core-margin-lg {
  margin: 16px; }

.core-margin-xl {
  margin: 24px; }

.core-margin-x-none {
  margin-left: 0px;
  margin-right: 0px; }

.core-margin-x-auto {
  margin-left: auto;
  margin-right: auto; }

.core-margin-x-xs {
  margin-left: 4px;
  margin-right: 4px; }

.core-margin-x-sm {
  margin-left: 8px;
  margin-right: 8px; }

.core-margin-x-md {
  margin-left: 12px;
  margin-right: 12px; }

.core-margin-x-lg {
  margin-left: 16px;
  margin-right: 16px; }

.core-margin-x-xl {
  margin-left: 24px;
  margin-right: 24px; }

.core-margin-y-none {
  margin-top: 0px;
  margin-bottom: 0px; }

.core-margin-y-auto {
  margin-top: auto;
  margin-bottom: auto; }

.core-margin-y-xs {
  margin-top: 4px;
  margin-bottom: 4px; }

.core-margin-y-sm {
  margin-top: 8px;
  margin-bottom: 8px; }

.core-margin-y-md {
  margin-top: 12px;
  margin-bottom: 12px; }

.core-margin-y-lg {
  margin-top: 16px;
  margin-bottom: 16px; }

.core-margin-y-xl {
  margin-top: 24px;
  margin-bottom: 24px; }

.core-margin-t-none {
  margin-top: 0px; }

.core-margin-t-auto {
  margin-top: auto; }

.core-margin-t-xs {
  margin-top: 4px; }

.core-margin-t-sm {
  margin-top: 8px; }

.core-margin-t-md {
  margin-top: 12px; }

.core-margin-t-lg {
  margin-top: 16px; }

.core-margin-t-xl {
  margin-top: 24px; }

.core-margin-r-none {
  margin-right: 0px; }

.core-margin-r-auto {
  margin-right: auto; }

.core-margin-r-xs {
  margin-right: 4px; }

.core-margin-r-sm {
  margin-right: 8px; }

.core-margin-r-md {
  margin-right: 12px; }

.core-margin-r-lg {
  margin-right: 16px; }

.core-margin-r-xl {
  margin-right: 24px; }

.core-margin-b-none {
  margin-bottom: 0px; }

.core-margin-b-auto {
  margin-bottom: auto; }

.core-margin-b-xs {
  margin-bottom: 4px; }

.core-margin-b-sm {
  margin-bottom: 8px; }

.core-margin-b-md {
  margin-bottom: 12px; }

.core-margin-b-lg {
  margin-bottom: 16px; }

.core-margin-b-xl {
  margin-bottom: 24px; }

.core-margin-l-none {
  margin-left: 0px; }

.core-margin-l-auto {
  margin-left: auto; }

.core-margin-l-xs {
  margin-left: 4px; }

.core-margin-l-sm {
  margin-left: 8px; }

.core-margin-l-md {
  margin-left: 12px; }

.core-margin-l-lg {
  margin-left: 16px; }

.core-margin-l-xl {
  margin-left: 24px; }

.core-padding-none {
  padding: 0px; }

.core-padding-auto {
  padding: auto; }

.core-padding-xs {
  padding: 4px; }

.core-padding-sm {
  padding: 8px; }

.core-padding-md {
  padding: 12px; }

.core-padding-lg {
  padding: 16px; }

.core-padding-xl {
  padding: 24px; }

.core-padding-x-none {
  padding-left: 0px;
  padding-right: 0px; }

.core-padding-x-auto {
  padding-left: auto;
  padding-right: auto; }

.core-padding-x-xs {
  padding-left: 4px;
  padding-right: 4px; }

.core-padding-x-sm {
  padding-left: 8px;
  padding-right: 8px; }

.core-padding-x-md {
  padding-left: 12px;
  padding-right: 12px; }

.core-padding-x-lg {
  padding-left: 16px;
  padding-right: 16px; }

.core-padding-x-xl {
  padding-left: 24px;
  padding-right: 24px; }

.core-padding-y-none {
  padding-top: 0px;
  padding-bottom: 0px; }

.core-padding-y-auto {
  padding-top: auto;
  padding-bottom: auto; }

.core-padding-y-xs {
  padding-top: 4px;
  padding-bottom: 4px; }

.core-padding-y-sm {
  padding-top: 8px;
  padding-bottom: 8px; }

.core-padding-y-md {
  padding-top: 12px;
  padding-bottom: 12px; }

.core-padding-y-lg {
  padding-top: 16px;
  padding-bottom: 16px; }

.core-padding-y-xl {
  padding-top: 24px;
  padding-bottom: 24px; }

.core-padding-t-none {
  padding-top: 0px; }

.core-padding-t-auto {
  padding-top: auto; }

.core-padding-t-xs {
  padding-top: 4px; }

.core-padding-t-sm {
  padding-top: 8px; }

.core-padding-t-md {
  padding-top: 12px; }

.core-padding-t-lg {
  padding-top: 16px; }

.core-padding-t-xl {
  padding-top: 24px; }

.core-padding-r-none {
  padding-right: 0px; }

.core-padding-r-auto {
  padding-right: auto; }

.core-padding-r-xs {
  padding-right: 4px; }

.core-padding-r-sm {
  padding-right: 8px; }

.core-padding-r-md {
  padding-right: 12px; }

.core-padding-r-lg {
  padding-right: 16px; }

.core-padding-r-xl {
  padding-right: 24px; }

.core-padding-b-none {
  padding-bottom: 0px; }

.core-padding-b-auto {
  padding-bottom: auto; }

.core-padding-b-xs {
  padding-bottom: 4px; }

.core-padding-b-sm {
  padding-bottom: 8px; }

.core-padding-b-md {
  padding-bottom: 12px; }

.core-padding-b-lg {
  padding-bottom: 16px; }

.core-padding-b-xl {
  padding-bottom: 24px; }

.core-padding-l-none {
  padding-left: 0px; }

.core-padding-l-auto {
  padding-left: auto; }

.core-padding-l-xs {
  padding-left: 4px; }

.core-padding-l-sm {
  padding-left: 8px; }

.core-padding-l-md {
  padding-left: 12px; }

.core-padding-l-lg {
  padding-left: 16px; }

.core-padding-l-xl {
  padding-left: 24px; }

.core-flex-align-self-center {
  align-self: center; }

.core-flex-align-self-stretch {
  align-self: stretch; }

.core-flex-align-self-baseline {
  align-self: baseline; }

.core-flex-align-self-flex-end {
  align-self: flex-end; }

.core-flex-align-self-flex-start {
  align-self: flex-start; }

.core-link {
  color: #1e519f;
  text-decoration: none; }
  .core-link:hover {
    cursor: pointer;
    text-decoration: underline; }
  .core-link--gray {
    color: #4d4d4d; }
    .core-link--gray:hover {
      color: #f47e42; }
  .core-link--white {
    color: #ffffff; }

.core-breadcrumbs {
  color: #808080;
  display: flex;
  font-size: 13px;
  align-items: center; }
  .core-breadcrumbs a,
  .core-breadcrumbs a:hover {
    text-decoration: none; }
  .core-breadcrumbs__crumb {
    color: #808080;
    text-decoration: none; }
    .core-breadcrumbs__crumb:hover {
      color: #808080;
      text-decoration: underline; }
    .core-breadcrumbs__crumb.core-breadcrumbs__crumb--active {
      color: #4d4d4d;
      font-weight: bold;
      text-decoration: none; }
  .core-breadcrumbs__separator {
    margin: 0px 8px; }

.core-button {
  display: inline-block;
  outline: none;
  vertical-align: middle; }
  .core-button--block {
    width: 100%;
    text-align: left;
    padding: 10px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600; }
  .core-button--primary {
    background-color: #f47e42;
    border: 1px solid #f47e42;
    border-radius: 2px;
    color: #ffffff; }
    .core-button--primary:hover, .core-button--primary--active {
      background-color: #e36937;
      border: 1px solid #e36937;
      color: #ffffff;
      cursor: pointer; }
    .core-button--primary--inactive, .core-button--primary--inactive:hover, .core-button--primary:disabled {
      background-color: #d9d9d9;
      border: 1px solid #d9d9d9;
      color: #ffffff;
      cursor: default; }
  .core-button--error-outline {
    background-color: transparent;
    border: 1px solid #ffffff;
    border-radius: 2px;
    color: #ffffff; }
    .core-button--error-outline:hover, .core-button--error-outline--active {
      background-color: #ffffff;
      border: 1px solid #ffffff;
      color: #d93a3c;
      cursor: pointer; }
    .core-button--error-outline--inactive, .core-button--error-outline--inactive:hover, .core-button--error-outline:disabled {
      background-color: transparent;
      border: 1px solid #d9d9d9;
      color: #d9d9d9;
      cursor: default; }
  .core-button--success-outline {
    background-color: transparent;
    border: 1px solid #ffffff;
    border-radius: 2px;
    color: #ffffff; }
    .core-button--success-outline:hover, .core-button--success-outline--active {
      background-color: #ffffff;
      border: 1px solid #ffffff;
      color: #1bc19c;
      cursor: pointer; }
    .core-button--success-outline--inactive, .core-button--success-outline--inactive:hover, .core-button--success-outline:disabled {
      background-color: transparent;
      border: 1px solid #d9d9d9;
      color: #d9d9d9;
      cursor: default; }
  .core-button--action-outline {
    background-color: transparent;
    border: 1px solid #ffffff;
    border-radius: 2px;
    color: #ffffff; }
    .core-button--action-outline:hover, .core-button--action-outline--active {
      background-color: #ffffff;
      border: 1px solid #ffffff;
      color: #edc139;
      cursor: pointer; }
    .core-button--action-outline--inactive, .core-button--action-outline--inactive:hover, .core-button--action-outline:disabled {
      background-color: transparent;
      border: 1px solid #d9d9d9;
      color: #d9d9d9;
      cursor: default; }
  .core-button--info-outline {
    background-color: transparent;
    border: 1px solid #ffffff;
    border-radius: 2px;
    color: #ffffff; }
    .core-button--info-outline:hover, .core-button--info-outline--active {
      background-color: #ffffff;
      border: 1px solid #ffffff;
      color: #259fd8;
      cursor: pointer; }
    .core-button--info-outline--inactive, .core-button--info-outline--inactive:hover, .core-button--info-outline:disabled {
      background-color: transparent;
      border: 1px solid #d9d9d9;
      color: #d9d9d9;
      cursor: default; }
  .core-button--secondary {
    background-color: transparent;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    color: #808080; }
    .core-button--secondary:hover, .core-button--secondary--active {
      background-color: #808080;
      border: 1px solid #808080;
      color: #ffffff;
      cursor: pointer; }
    .core-button--secondary--inactive, .core-button--secondary--inactive:hover, .core-button--secondary:disabled {
      background-color: transparent;
      border: 1px solid #d9d9d9;
      color: #d9d9d9;
      cursor: default; }
  .core-button--tertiary {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 2px;
    color: #808080; }
    .core-button--tertiary:hover, .core-button--tertiary--active {
      background-color: transparent;
      border: 1px solid #d9d9d9;
      color: #808080;
      cursor: pointer; }
    .core-button--tertiary--inactive, .core-button--tertiary--inactive:hover, .core-button--tertiary:disabled {
      background-color: transparent;
      border: 1px solid transparent;
      color: #d9d9d9;
      cursor: default; }
  .core-button--form {
    background-color: #808080;
    border: 1px solid #808080;
    border-radius: 2px;
    color: #ffffff; }
    .core-button--form:hover, .core-button--form--active {
      background-color: #4d4d4d;
      border: 1px solid #4d4d4d;
      color: #ffffff;
      cursor: pointer; }
    .core-button--form--inactive, .core-button--form--inactive:hover, .core-button--form:disabled {
      background-color: #d9d9d9;
      border: 1px solid #d9d9d9;
      color: #ffffff;
      cursor: default; }
  .core-button--lg {
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    height: 36px;
    padding: 0 16px; }
  .core-button--md {
    font-size: 13px;
    font-weight: 700;
    line-height: 13px;
    height: 32px;
    padding: 0 16px; }
  .core-button--sm {
    font-size: 11px;
    font-weight: 700;
    line-height: 11px;
    height: 24px;
    padding: 0 8px; }
  .core-button--processing > .core-button--processing__spinner {
    display: none; }
  .core-button--processing-active > .core-button--processing__spinner {
    display: inline-block; }
  .core-button--processing-active > .core-button--processing__content {
    height: 0px;
    overflow: hidden; }
  .core-button--focus, .core-button:focus {
    border-color: #3397ff;
    box-shadow: 0 0 0 2px #dcedff;
    outline: none; }
  .core-button__dropdown-menu {
    position: absolute;
    top: 40px;
    left: 0px;
    width: 100%;
    color: black;
    text-align: left;
    z-index: 600; }

.core-card {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  border-radius: 2px;
  transition: box-shadow 0.2s ease-in-out; }
  .core-card--hoverable:hover, .core-card.core-card-hover {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23), 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
  .core-card__tip-header {
    align-items: center;
    border-radius: 2px;
    color: #ffffff;
    display: flex;
    font-weight: bold;
    justify-content: space-between;
    min-height: 48px;
    padding: 0 16px;
    background-color: #259fd8; }
    .core-card__tip-header__dismiss:hover {
      color: #259fd8; }
    .core-card__tip-header__icon, .core-card__tip-header__dismiss {
      flex: 0 0 auto;
      margin: 8px 0; }
    .core-card__tip-header__icon {
      align-items: center;
      display: flex;
      font-size: 24px; }
    .core-card__tip-header__content {
      margin: 8px;
      width: 100%; }
    .core-card__tip-header__title {
      font-size: 11px;
      text-transform: uppercase; }
    .core-card__tip-header__body {
      font-size: 14px;
      line-height: 14px;
      margin-top: 4px; }
    .core-card__tip-header__dismiss {
      align-items: center;
      cursor: pointer;
      display: flex;
      font-size: 16px;
      height: 16px;
      justify-content: center;
      width: 16px; }
      .core-card__tip-header__dismiss:hover {
        background: white;
        border-radius: 100%; }

.core-checkbox {
  line-height: 1; }
  .core-checkbox + .core-checkbox .core-checkbox__label {
    margin-top: 8px; }
  .core-checkbox__input {
    display: none; }
  .core-checkbox__label {
    cursor: default;
    min-height: 16px;
    padding-left: 24px;
    position: relative;
    user-select: none; }
    .core-checkbox__label:before {
      background-color: #ffffff;
      border: 2px solid #b3b3b3;
      content: "";
      display: inline-block;
      height: 16px;
      width: 16px;
      min-width: 16px;
      left: 0;
      position: absolute;
      top: 0; }
  .core-checkbox__input:checked + .core-checkbox__label {
    position: relative; }
    .core-checkbox__input:checked + .core-checkbox__label:before {
      background-color: #3397ff;
      border-color: #3397ff;
      color: #ffffff; }
    .core-checkbox__input:checked + .core-checkbox__label:after {
      color: #ffffff;
      content: "\E903";
      font-family: "core-icons";
      font-size: 20px;
      left: -2px;
      position: absolute;
      top: -2px;
      line-height: 20px; }
  .core-checkbox__input:indeterminate + .core-checkbox__label:before,
  .core-checkbox__input:indeterminate:checked + .core-checkbox__label:before,
  .core-checkbox__input--indeterminate + .core-checkbox__label:before,
  .core-checkbox__input--indeterminate:checked + .core-checkbox__label:before {
    background-color: #3397ff;
    border-color: #3397ff;
    color: #ffffff; }
  .core-checkbox__input:indeterminate + .core-checkbox__label:after,
  .core-checkbox__input:indeterminate:checked + .core-checkbox__label:after,
  .core-checkbox__input--indeterminate + .core-checkbox__label:after,
  .core-checkbox__input--indeterminate:checked + .core-checkbox__label:after {
    background-color: #ffffff;
    content: "";
    position: absolute;
    height: 2px;
    width: 10px;
    left: 3px;
    top: 7px; }
  .core-checkbox__input:disabled + .core-checkbox__label:before {
    background-color: #ffffff;
    border-color: #d9d9d9; }
  .core-checkbox__input:disabled:checked + .core-checkbox__label:before {
    background-color: #d9d9d9;
    border-color: #d9d9d9; }

.core-dropdown__button {
  background-color: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  color: #333333;
  align-items: center;
  display: inline-flex;
  font-size: 13px;
  height: 32px;
  padding: 0 12px; }
  .core-dropdown__button:hover, .core-dropdown__button--active {
    background-color: #ffffff;
    border: 1px solid #b3b3b3;
    color: #333333;
    cursor: pointer; }
  .core-dropdown__button--inactive, .core-dropdown__button--inactive:hover, .core-dropdown__button:disabled {
    background-color: #fafafa;
    border: 1px solid #fafafa;
    color: #b3b3b3;
    cursor: default; }
  .core-dropdown__button--focus, .core-dropdown__button:focus {
    border-color: #3397ff;
    box-shadow: 0 0 0 2px #dcedff;
    outline: none; }
  .core-dropdown__button__label {
    height: 100%;
    line-height: 30px;
    margin-right: 4px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .core-dropdown__button__spinner {
    align-items: center;
    display: none;
    flex-shrink: 0;
    margin-left: 4px; }
  .core-dropdown__button__clear {
    align-items: center;
    display: flex;
    color: #808080;
    flex-shrink: 0;
    font-size: 16px;
    height: 16px;
    justify-content: center;
    margin-left: 4px;
    width: 16px; }
    .core-dropdown__button__clear:hover {
      background: #808080;
      border-radius: 100%;
      color: #ffffff; }
  .core-dropdown__button:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #808080;
    content: "";
    display: inline-block;
    margin-left: 8px; }
  .core-dropdown__button--open:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #808080;
    border-top: none; }
  .core-dropdown__button--loading:after,
  .core-dropdown__button--loading .core-dropdown__button__clear {
    display: none; }
  .core-dropdown__button--loading .core-dropdown__button__spinner {
    display: flex; }
  .core-dropdown__button--active, .core-dropdown__button:active {
    border-color: #b3b3b3;
    box-shadow: none; }
  .core-dropdown__button--inactive, .core-dropdown__button--inactive:hover {
    border-color: #fafafa;
    pointer-events: none; }
    .core-dropdown__button--inactive:after, .core-dropdown__button--inactive:hover:after {
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 4px solid #b3b3b3; }
    .core-dropdown__button--inactive .core-dropdown__button__clear, .core-dropdown__button--inactive:hover .core-dropdown__button__clear {
      display: none; }

/* Display */
.core-block {
  display: block; }

.core-inline {
  display: inline; }

.core-inline-block {
  display: inline-block; }

.core-flex-row {
  display: flex;
  flex-direction: row; }

.core-flex-column {
  display: flex;
  flex-direction: column; }

.core-flex-inline-row {
  display: inline-flex;
  flex-direction: row; }

.core-flex-inline-column {
  display: inline-flex;
  flex-direction: column; }

.core-flex-row > *:first-child,
.core-flex-column > *:first-child,
.core-flex-inline-row > *:first-child,
.core-flex-inline-column > *:first-child {
  margin-left: 0;
  margin-top: 0; }

.core-flex-row > *:last-child,
.core-flex-column > *:last-child,
.core-flex-inline-row > *:last-child,
.core-flex-inline-column > *:last-child {
  margin-bottom: 0;
  margin-right: 0; }

.core-flex-fill {
  flex: 1; }

/* Flex Container Props */
.core-flex-align-items-center {
  align-items: center; }

.core-flex-align-items-stretch {
  align-items: stretch; }

.core-flex-align-items-flex-end {
  align-items: flex-end; }

.core-flex-align-items-flex-start {
  align-items: flex-start; }

.core-flex-justify-content-center {
  justify-content: center; }

.core-flex-justify-content-flex-end {
  justify-content: flex-end; }

.core-flex-justify-content-flex-start {
  justify-content: flex-start; }

.core-flex-justify-content-space-around {
  justify-content: space-around; }

.core-flex-justify-content-space-between {
  justify-content: space-between; }

.core-flex-align-content-center {
  align-content: center; }

.core-flex-align-content-stretch {
  align-content: stretch; }

.core-flex-align-content-flex-end {
  align-content: flex-end; }

.core-flex-align-content-flex-start {
  align-content: flex-start; }

.core-flex-align-content-space-around {
  align-content: space-around; }

.core-flex-align-content-space-between {
  align-content: space-between; }

/* Wrap */
.core-flex-wrap-nowrap {
  flex-wrap: nowrap; }

.core-flex-wrap-wrap {
  flex-wrap: wrap; }

.core-flex-wrap-wrap-reverse {
  flex-wrap: wrap-reverse; }

/* Text Align */
.core-text-left {
  text-align: left; }

.core-text-center {
  text-align: center; }

.core-text-right {
  text-align: right; }

/* Widths and Heights */
.core-height-100 {
  height: 100%; }

.core-width-100 {
  width: 100%; }

.core-label {
  color: #4d4d4d;
  display: block;
  font-size: 12px;
  line-height: 15px;
  margin-bottom: 2px;
  min-height: 15px; }

.core-input,
.core-textarea {
  padding: 8px 12px;
  background-color: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  color: #333333;
  display: block;
  font-size: 13px;
  line-height: 15px;
  width: 100%; }
  .core-input::placeholder,
  .core-textarea::placeholder {
    color: #b3b3b3; }
  .core-input::-webkit-input-placeholder,
  .core-textarea::-webkit-input-placeholder {
    color: #b3b3b3;
    /* Chrome/Opera/Safari */ }
  .core-input::-moz-placeholder,
  .core-textarea::-moz-placeholder {
    color: #b3b3b3;
    /* Firefox 19+ */
    opacity: 1; }
  .core-input:-ms-input-placeholder,
  .core-textarea:-ms-input-placeholder {
    color: #b3b3b3;
    /* IE 10+ */ }
  .core-input:-moz-placeholder,
  .core-textarea:-moz-placeholder {
    color: #b3b3b3;
    /* Firefox 18- */ }
  .core-input::-ms-clear,
  .core-textarea::-ms-clear {
    display: none; }
  .core-input--focused, .core-input:focus,
  .core-textarea--focused,
  .core-textarea:focus {
    background-color: #ffffff;
    border-color: #3397ff;
    box-shadow: 0 0 0 2px #dcedff;
    color: #333333;
    outline: none; }
  .core-input--disabled, .core-input:disabled,
  .core-textarea--disabled,
  .core-textarea:disabled {
    background-color: #fafafa;
    color: #333333;
    border: 1px solid transparent; }
    .core-input--disabled::placeholder, .core-input:disabled::placeholder,
    .core-textarea--disabled::placeholder,
    .core-textarea:disabled::placeholder {
      color: #4d4d4d; }
    .core-input--disabled::-webkit-input-placeholder, .core-input:disabled::-webkit-input-placeholder,
    .core-textarea--disabled::-webkit-input-placeholder,
    .core-textarea:disabled::-webkit-input-placeholder {
      color: #4d4d4d;
      /* Chrome/Opera/Safari */ }
    .core-input--disabled::-moz-placeholder, .core-input:disabled::-moz-placeholder,
    .core-textarea--disabled::-moz-placeholder,
    .core-textarea:disabled::-moz-placeholder {
      color: #4d4d4d;
      /* Firefox 19+ */
      opacity: 1; }
    .core-input--disabled:-ms-input-placeholder, .core-input:disabled:-ms-input-placeholder,
    .core-textarea--disabled:-ms-input-placeholder,
    .core-textarea:disabled:-ms-input-placeholder {
      color: #4d4d4d;
      /* IE 10+ */ }
    .core-input--disabled:-moz-placeholder, .core-input:disabled:-moz-placeholder,
    .core-textarea--disabled:-moz-placeholder,
    .core-textarea:disabled:-moz-placeholder {
      color: #4d4d4d;
      /* Firefox 18- */ }
  .core-input--error,
  .core-textarea--error {
    border: 1px solid #d93a3c;
    background-color: #fff3f3; }

.core-textarea {
  min-height: 32px; }

.core-input-item {
  padding-top: 5px;
  padidng-bottom: 5px; }
  .core-input-item__label {
    display: block;
    padding-bottom: 4px; }
  .core-input-item__message {
    color: #d93a3c;
    font-size: 11px;
    margin-top: 4px; }

.core-range {
  height: 44px;
  position: relative;
  display: flex;
  align-items: center; }
  .core-range__track {
    width: 100%;
    background-color: #e6e6e6;
    height: 8px;
    border-radius: 8px; }
  .core-range__knob {
    height: 43px;
    width: 43px;
    border-radius: 100%;
    border: 3px solid white;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    top: 0;
    background-color: #3397ff;
    color: white;
    font-size: 12px;
    font-weight: bold;
    line-height: 15px; }
  .core-range__fill {
    background-color: #3397ff;
    height: 8px;
    border-radius: 8px;
    position: absolute;
    left: 0px; }

.core-minmax {
  padding: 10px;
  display: flex;
  align-items: center;
  flex-direction: column; }
  .core-minmax__track {
    position: relative;
    width: 100%;
    background-color: #e6e6e6;
    height: 40px;
    border-radius: 1px; }
  .core-minmax__knob {
    height: 42px;
    width: 8px;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    top: 0px;
    z-index: 10;
    background-color: #ffffff;
    color: white;
    font-size: 12px;
    font-weight: bold;
    line-height: 15px; }
  .core-minmax__fill {
    z-index: 5;
    background-color: #3397ff;
    height: 40px;
    border-radius: 1px;
    position: absolute;
    left: 0px; }
  .core-minmax__labels {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 5px;
    color: #3397ff; }

.core-multiple-choice__label {
  display: inline-block;
  margin-right: 11px;
  position: relative; }
  .core-multiple-choice__label:last-child {
    margin-right: 0; }

.core-multiple-choice__input {
  display: none; }

.core-multiple-choice__bttn {
  background-color: #ffffff;
  border: 1px solid #b3b3b3;
  border-radius: 2px;
  color: #000000;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  line-height: 26px;
  padding: 0 10px; }
  .core-multiple-choice__bttn:hover {
    background-color: #f0f0f0; }

.core-multiple-choice__input:checked ~ .core-multiple-choice__bttn {
  background-color: #3397ff;
  border-color: #3397ff;
  color: #ffffff; }

body {
  color: #000000; }

.core-font-tool-header {
  font-size: 20px;
  font-weight: 700; }

.core-font-h1 {
  font-size: 30px;
  font-weight: 200; }

.core-font-h2 {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase; }

.core-font-h3 {
  font-size: 15px;
  font-weight: 500; }

.core-font-form-value {
  font-size: 13px;
  font-weight: 400; }

.core-font-form-key {
  font-size: 13px;
  font-weight: 700; }

.core-font-table-value--lg {
  font-size: 13px;
  font-weight: 400; }

.core-font-table-header--lg {
  font-size: 13px;
  font-weight: 700; }

.core-font-table-value--sm {
  font-size: 11px;
  font-weight: 400; }

.core-font-table-header--sm {
  font-size: 11px;
  font-weight: 700; }

.core-font-button--lg {
  font-size: 14px;
  font-weight: 700;
  line-height: 14px; }

.core-font-button--md {
  font-size: 13px;
  font-weight: 700;
  line-height: 13px; }

.core-font-button--sm {
  font-size: 11px;
  font-weight: 700;
  line-height: 11px; }

.core-font-notation {
  font-size: 13px;
  font-weight: 400;
  font-style: italic; }

.core-typography-table {
  width: 100%; }
  .core-typography-table td {
    padding: 5px; }
  .core-typography-table th {
    font-size: 15px;
    font-weight: 500;
    text-align: left;
    padding: 10px 5px;
    border-radius: 2px;
    background: #e6e6e6; }

.core-h1 {
  font-size: 30px;
  font-weight: 200; }

.core-h2 {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase; }

.core-h3 {
  font-size: 15px;
  font-weight: 500; }

.core-help {
  background-color: #131f33;
  opacity: 0.9;
  border-radius: 200px;
  display: inline-flex;
  padding: 16px;
  align-items: center;
  cursor: pointer; }
  .core-help:hover, .core-help--hover {
    opacity: 1; }
  .core-help__label {
    cursor: pointer;
    color: #ffffff;
    line-height: 14px;
    padding-left: 16px;
    font-size: 15px; }
  .core-help__icon {
    color: #ffffff;
    font-size: 18px;
    text-align: center; }

.core-icon {
  cursor: default; }
  .core-icon--hover-fill {
    transition: color 0.2s ease-in-out; }
    .core-icon--hover-fill:hover {
      color: #000000; }
  .core-icon--hover-circle:hover {
    color: #ffffff; }
    .core-icon--hover-circle:hover:before {
      background-color: #808080;
      border-radius: 50%; }
  .core-icon--sm {
    font-size: 16px; }
  .core-icon--md {
    font-size: 24px; }
  .core-icon--lg {
    font-size: 26px; }

.core-icon-layout {
  position: relative;
  width: 100%; }
  .core-icon-layout .core-input {
    padding-right: calc( 2 * 24px + 8px); }
  .core-icon-layout__icons {
    right: 0;
    position: absolute;
    top: 0;
    height: 100%;
    margin-right: 8px; }
    .core-icon-layout__icons > div {
      display: flex; }
    .core-icon-layout__icons i {
      color: #808080; }

.core-list {
  list-style-position: inside; }
  .core-list__item {
    font-size: 12px;
    list-style-type: none;
    padding: 5px 15px;
    line-height: 14px; }
    .core-list__item a {
      color: #000000;
      text-decoration: none; }
    .core-list__item a:hover {
      color: #000000;
      text-decoration: none; }
    .core-list__item:hover {
      background-color: #f5f5f5;
      cursor: pointer; }
    .core-list__item--selected {
      color: #f47e42;
      font-weight: bold; }
      .core-list__item--selected a {
        color: #f47e42;
        font-weight: bold;
        text-decoration: none; }
      .core-list__item--selected a:hover {
        color: #f47e42;
        cursor: pointer;
        font-weight: bold;
        text-decoration: none; }

.core-modal-open {
  overflow: hidden; }

.core-modal {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 2000; }
  .core-modal--open {
    pointer-events: all; }
    .core-modal--open .core-modal__overlay,
    .core-modal--open .core-modal__container {
      opacity: 1; }
  .core-modal__overlay, .core-modal__container {
    opacity: 0;
    transition: opacity 0.3s; }
  .core-modal__overlay {
    background: rgba(26, 26, 26, 0.6);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2001; }
  .core-modal__container {
    display: flex;
    position: relative;
    z-index: 2100; }
  .core-modal__content {
    display: flex;
    flex-direction: column;
    max-width: 640px;
    min-width: 350px;
    max-height: 90vh;
    width: 100%; }
  .core-modal__header {
    flex: 1 0 auto;
    font-size: 20px;
    font-weight: bold;
    padding: 32px 86px 24px 48px; }
  .core-modal__body {
    flex: 1 1 auto;
    margin: 24px 0;
    padding: 0 48px;
    overflow: auto; }
  .core-modal__footer {
    align-items: center;
    display: flex;
    flex: 1 0 auto;
    justify-content: flex-end;
    padding: 24px 48px 32px 48px; }
    .core-modal__footer__buttons {
      display: flex;
      margin-left: 16px;
      flex: 0 0 auto; }
      .core-modal__footer__buttons > button,
      .core-modal__footer__buttons a {
        margin-left: 8px; }
    .core-modal__footer__notation {
      flex-grow: 1; }
  .core-modal__dismiss {
    align-items: center;
    color: #808080;
    cursor: pointer;
    display: flex;
    font-size: 24px;
    height: 24px;
    justify-content: center;
    position: absolute;
    right: 48px;
    top: 30px;
    width: 24px; }
    .core-modal__dismiss:hover {
      background: #808080;
      border-radius: 100%;
      color: #ffffff; }

.core-notation {
  font-size: 13px;
  font-weight: 400;
  font-style: italic;
  color: #000000; }
  .core-notation--required {
    color: #f47e42; }
  .core-notation--error {
    color: #d93a3c; }
  .core-notation--pagination {
    color: #808080; }

.core-pagination {
  align-items: center;
  color: #808080;
  font-size: 12px;
  display: flex; }
  .core-pagination__prev, .core-pagination__next, .core-pagination__page {
    display: inline-block;
    height: 16px; }
    .core-pagination__prev:hover, .core-pagination__prev--hover, .core-pagination__next:hover, .core-pagination__next--hover, .core-pagination__page:hover, .core-pagination__page--hover {
      cursor: pointer; }
  .core-pagination__prev, .core-pagination__next {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "core-icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px; }
    .core-pagination__prev--disabled, .core-pagination__prev--disabled:hover, .core-pagination__next--disabled, .core-pagination__next--disabled:hover {
      cursor: default; }
      .core-pagination__prev--disabled:after, .core-pagination__prev--disabled:hover:after, .core-pagination__next--disabled:after, .core-pagination__next--disabled:hover:after {
        color: #d9d9d9; }
  .core-pagination__prev {
    margin-right: 6px; }
    .core-pagination__prev:after {
      content: "\E909"; }
    .core-pagination__prev:hover:after {
      content: "\E908"; }
    .core-pagination__prev--disabled:hover:after {
      content: "\E909"; }
  .core-pagination__next {
    margin-left: 6px; }
    .core-pagination__next:after {
      content: "\E90C"; }
    .core-pagination__next:hover:after {
      content: "\E90B"; }
    .core-pagination__next--disabled:hover:after {
      content: "\E90C"; }
  .core-pagination__page {
    border-radius: 2px;
    line-height: 16px;
    margin: 0 2px;
    min-width: 16px;
    padding: 0 4px;
    text-align: center; }
    .core-pagination__page:hover, .core-pagination__page--hover {
      background-color: #808080;
      color: #ffffff; }
    .core-pagination__page--selected {
      background-color: #d9d9d9;
      font-weight: bold; }
      .core-pagination__page--selected:hover, .core-pagination__page--selected--hover {
        background-color: #d9d9d9;
        color: #808080;
        cursor: default; }

.core-pagination {
  align-items: center;
  color: #808080;
  font-size: 12px;
  display: flex; }
  .core-pagination__prev, .core-pagination__next, .core-pagination__page {
    display: inline-block;
    height: 16px; }
    .core-pagination__prev:hover, .core-pagination__prev--hover, .core-pagination__next:hover, .core-pagination__next--hover, .core-pagination__page:hover, .core-pagination__page--hover {
      cursor: pointer; }
  .core-pagination__prev, .core-pagination__next {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "core-icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px; }
    .core-pagination__prev--disabled, .core-pagination__prev--disabled:hover, .core-pagination__next--disabled, .core-pagination__next--disabled:hover {
      cursor: default; }
      .core-pagination__prev--disabled:after, .core-pagination__prev--disabled:hover:after, .core-pagination__next--disabled:after, .core-pagination__next--disabled:hover:after {
        color: #d9d9d9; }
  .core-pagination__prev {
    margin-right: 6px; }
    .core-pagination__prev:after {
      content: "\E909"; }
    .core-pagination__prev:hover:after {
      content: "\E908"; }
    .core-pagination__prev--disabled:hover:after {
      content: "\E909"; }
  .core-pagination__next {
    margin-left: 6px; }
    .core-pagination__next:after {
      content: "\E90C"; }
    .core-pagination__next:hover:after {
      content: "\E90B"; }
    .core-pagination__next--disabled:hover:after {
      content: "\E90C"; }
  .core-pagination__page {
    border-radius: 2px;
    line-height: 16px;
    margin: 0 2px;
    min-width: 16px;
    padding: 0 4px;
    text-align: center; }
    .core-pagination__page:hover, .core-pagination__page--hover {
      background-color: #808080;
      color: #ffffff; }
    .core-pagination__page--selected {
      background-color: #d9d9d9;
      font-weight: bold; }
      .core-pagination__page--selected:hover, .core-pagination__page--selected--hover {
        background-color: #d9d9d9;
        color: #808080;
        cursor: default; }

.core-popover {
  color: #000000;
  background-color: #ffffff;
  border-radius: 2px;
  display: inline-block;
  max-width: 250px;
  position: relative;
  -webkit-filter: drop-shadow(0px 3px 2px rgba(0, 0, 0, 0.23)) drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
  filter: drop-shadow(0px 3px 2px rgba(0, 0, 0, 0.23)) drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
  -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=3, Color='#000')";
  filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=3, Color='#000')"; }
  .core-popover:after {
    content: "";
    height: 0;
    width: 0;
    position: absolute; }
  .core-popover--top-left, .core-popover--top, .core-popover--top-right {
    margin-bottom: 6px;
    transform: translateY(-6px); }
    .core-popover--top-left::after, .core-popover--top::after, .core-popover--top-right::after {
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: 6px solid #ffffff;
      top: 100%; }
  .core-popover--left-top, .core-popover--left, .core-popover--left-bottom {
    margin-right: 6px;
    transform: translateX(-6px); }
    .core-popover--left-top::after, .core-popover--left::after, .core-popover--left-bottom::after {
      border-top: 6px solid transparent;
      border-bottom: 6px solid transparent;
      border-left: 6px solid #ffffff;
      left: 100%; }
  .core-popover--right-top, .core-popover--right, .core-popover--right-bottom {
    margin-left: 6px; }
    .core-popover--right-top::after, .core-popover--right::after, .core-popover--right-bottom::after {
      border-top: 6px solid transparent;
      border-bottom: 6px solid transparent;
      border-right: 6px solid #ffffff;
      right: 100%; }
  .core-popover--bottom-left, .core-popover--bottom, .core-popover--bottom-right {
    margin-top: 6px; }
    .core-popover--bottom-left::after, .core-popover--bottom::after, .core-popover--bottom-right::after {
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-bottom: 6px solid #ffffff;
      bottom: 100%; }
  .core-popover--top-left::after, .core-popover--bottom-left::after {
    left: 18px; }
  .core-popover--top::after, .core-popover--bottom::after {
    left: 50%;
    margin-left: -6px; }
  .core-popover--top-right::after, .core-popover--bottom-right::after {
    right: 18px; }
  .core-popover--left-bottom::after, .core-popover--right-bottom::after {
    bottom: 8px; }
  .core-popover--left::after, .core-popover--right::after {
    top: 50%;
    margin-top: -6px; }
  .core-popover--left-top::after, .core-popover--right-top::after {
    top: 8px; }

.core-radio-button {
  line-height: 1; }
  .core-radio-button__input {
    display: none; }
  .core-radio-button__label {
    align-items: center;
    cursor: default;
    display: flex; }
  .core-radio-button__label:before {
    background: #ffffff;
    border: 2px solid #b3b3b3;
    border-radius: 100%;
    content: "";
    display: inline-block;
    height: 18px;
    margin-right: 8px;
    width: 18px;
    min-width: 18px; }
  .core-radio-button__input:checked + .core-radio-button__label:before {
    border: 6px solid #3397ff; }
  .core-radio-button__input:disabled + .core-radio-button__label:before {
    border-color: #d9d9d9; }

.core-segmented-controller {
  display: flex;
  text-align: center; }
  .core-segmented-controller__segment {
    background-color: #ffffff;
    color: #808080;
    font-size: 13px;
    font-weight: 600;
    line-height: 13px;
    border: 1px solid #d9d9d9;
    text-overflow: ellipsis;
    padding: 9px 30px 10px 30px;
    flex: 1;
    cursor: pointer;
    user-select: none;
    transition: all 0.2s ease-in-out;
    transition-property: color, border-color, background-color; }
    .core-segmented-controller__segment:hover {
      color: #3397ff;
      border-color: #3397ff;
      background-color: #ffffff; }
    .core-segmented-controller__segment:focus {
      border-color: #3397ff;
      box-shadow: 0 0 0 2px #dcedff;
      outline: none;
      position: relative;
      z-index: 1; }
    .core-segmented-controller__segment:disabled {
      cursor: auto;
      border-color: #d9d9d9;
      color: #d9d9d9;
      box-shadow: none; }
    .core-segmented-controller__segment--active, .core-segmented-controller__segment--active:hover {
      cursor: default;
      user-select: none;
      background-color: #3397ff;
      color: #ffffff;
      border-color: #3397ff; }
      .core-segmented-controller__segment--active:disabled, .core-segmented-controller__segment--active:hover:disabled {
        cursor: auto;
        background-color: #d9d9d9;
        color: #ffffff;
        border-color: #d9d9d9; }
      .core-segmented-controller__segment--active + div, .core-segmented-controller__segment--active:hover + div {
        border-left-width: 0; }
      .core-segmented-controller__segment--active:focus, .core-segmented-controller__segment--active:hover:focus {
        border-color: #3397ff;
        box-shadow: none; }
    .core-segmented-controller__segment:first-child {
      border-radius: 2px 0 0 2px; }
    .core-segmented-controller__segment:last-child {
      border-right-width: 1px;
      border-radius: 0 2px 2px 0; }

.core-spacing {
  flex-wrap: wrap;
  margin: 10px; }
  .core-spacing.core-flex-column .core-spacing__item:first-child,
  .core-spacing.core-flex-inline-column .core-spacing__item:first-child {
    margin-top: 0; }
  .core-spacing.core-flex-column .core-spacing__item:last-child,
  .core-spacing.core-flex-inline-column .core-spacing__item:last-child {
    margin-bottom: 0; }
  .core-spacing.core-flex-row .core-spacing__item:first-child,
  .core-spacing.core-flex-inline-row .core-spacing__item:first-child {
    margin-left: 0; }
  .core-spacing.core-flex-row .core-spacing__item:last-child,
  .core-spacing.core-flex-inline-row .core-spacing__item:last-child {
    margin-right: 0; }

.core-spinner {
  min-height: 150px;
  position: relative;
  z-index: 0; }
  .core-spinner--loading .core-spinner__overlay,
  .core-spinner--loading .core-spinner__container {
    opacity: 1;
    pointer-events: auto;
    z-index: 2000; }
  .core-spinner__overlay, .core-spinner__container {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s ease; }
  .core-spinner__overlay {
    background-color: #ffffff;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2001; }
  .core-spinner__circle {
    border-radius: 100%;
    border-style: solid;
    display: inline-block;
    animation-duration: 0.75s;
    animation-name: core-spinner-circle;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    border-color: #d9d9d9;
    position: relative;
    z-index: 2200; }
    .core-spinner__circle::after {
      border-radius: 100%;
      border-style: solid;
      display: inline-block;
      border-color: #3397ff transparent transparent transparent;
      content: "";
      position: absolute; }
    .core-spinner__circle--sm {
      border-width: 2px;
      height: 16px;
      width: 16px; }
      .core-spinner__circle--sm::after {
        border-width: 2px;
        height: 16px;
        left: -2px;
        top: -2px;
        width: 16px; }
    .core-spinner__circle--md {
      border-width: 2px;
      height: 24px;
      width: 24px; }
      .core-spinner__circle--md::after {
        border-width: 2px;
        height: 24px;
        left: -2px;
        top: -2px;
        width: 24px; }
    .core-spinner__circle--lg {
      border-width: 4px;
      height: 48px;
      width: 48px; }
      .core-spinner__circle--lg::after {
        border-width: 4px;
        height: 48px;
        left: -4px;
        top: -4px;
        width: 48px; }
    .core-spinner__circle--light {
      border-color: #ffffff; }
  .core-spinner__label {
    padding-top: 12px;
    font-size: 10px;
    min-height: 20px;
    letter-spacing: 1.2px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    transition: opacity 0.5s ease; }
  .core-spinner__container {
    position: absolute;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    max-height: 400px;
    top: 0;
    z-index: 0; }

.core-table {
  box-shadow: 0 0 3px 0 rgba(40, 40, 40, 0.1