:root {
    --bsc-caribbean-darker: #005f66;
    --bsc-caribbean-dark: #00becc;
    --bsc-caribbean: #00eeff;
    --bsc-caribbean-light: #99fbff;
    --bsc-caribbean-lighter: #e6fdff;

    --bsc-plum-darkest: #440066;
    --bsc-plum-darker: #660099;
    --bsc-plum-dark: #8800cc;
    --bsc-plum: #bb33ff;
    --bsc-plum-light: #dd99ff;
    --bsc-plum-lighter: #f7e6ff;

    --bsc-neutral-darkest: #000000;
    --bsc-neutral-darker: #333333;
    --bsc-neutral-dark: #666666;
    --bsc-neutral: #999999;
    --bsc-neutral-light: #cccccc;
    --bsc-neutral-lighter: #f2f2f2;
    --bsc-neutral-lightest: #ffffff;

    --bsc-action-blue-darker: #012965;
    --bsc-action-blue-dark: #0153cc;
    --bsc-action-blue: #3485fe;
    --bsc-action-blue-light: #9ac2fe;
    --bsc-action-blue-lighter: #e6f0ff;

    --bsc-danger-darker: #710a0a;
    --bsc-danger-dark: #bc1010;
    --bsc-danger-normal: #ef4444;
    --bsc-danger-light: #f8b4b4;
    --bsc-danger-lighter: #fcd9d9;

    --bsc-success-darker: #126932;
    --bsc-success-dark: #1b9d4a;
    --bsc-success-normal: #22c55e;
    --bsc-success-light: #a8f0c2;
    --bsc-success-lighter: #eefcf3;

    --bsc-warning-darker: #c99b03;
    --bsc-warning-dark: #fbc40e;
    --bsc-warning-normal: #fcd34d;
    --bsc-warning-light: #fde69b;
    --bsc-warning-lighter: #fffaeb;
}

#login-container.hide {
  display: none;
}

.bg-bsc-action-blue-darker {
  background-color: var(--bsc-action-blue-darker);
}

.bg-bsc-action-blue-dark {
  background-color: var(--bsc-action-blue-dark);
}

.asteriskField {
  color: red;
}
.required {
  color: red;
}

.pointer {
  cursor: pointer;
}

.navbar-text-custom {
  padding-top: 0;
  padding-bottom: 0;
}

.p-datatable .p-datatable-tbody > tr > td {
  word-break: break-word;
}

.new-part {
  color: var(--bsc-action-blue);
}

.existing-part {
  color: var(--bsc-neutral-dark);
  opacity: 0.75;
}

#back-btn {
  cursor: pointer;
}
.insert-enter {
  opacity: 0;
}
.insert-enter-to {
  opacity: 100%;
}
.insert-enter-active,
.insert-leave-active {
  transition: opacity 0.25s ease-out;
}
.insert-leave {
  opacity: 100%;
}
.insert-leave-to {
  opacity: 0;
}