/*
* Vuetify colors. These should also be added to the vuerify.js file so
* they can be refrenced both in js and in utility classes
*/
/*
* Chordata colors. These should also be added to the vuerify.js file so
* they can be referenced both in js and in utility classes
*/
.human-display-chip a {
  color: #23282d;
  text-decoration: none;
}
.human-display-chip a:hover {
  color: #9e1c46;
  text-decoration: underline;
}

.chip-action-icon:hover {
  cursor: pointer;
  opacity: 0.72;
}

.entity-border-bottom-product {
  border-bottom: solid #098041;
}

.entity-border-bottom-work {
  border-bottom: solid #123ba2;
}

.entity-border-bottom-contract {
  border-bottom: solid #e97b29;
}

.entity-border-bottom-asset {
  border-bottom: solid #615595;
}

.entity-border-bottom-human {
  border-bottom: solid #9e1c46;
}

.entity-border-bottom-publisher {
  border-bottom: solid #8393aa;
}

.entity-border-bottom-royalty_statement {
  border-bottom: solid #0d7e8a;
}

.color-warning {
  color: #f0ad4e;
}

.default-border-bottom {
  border-bottom: solid #033649;
}

/*
* ========== Global Overides ==========
* All variables to override can be found here: https://vuetifyjs.com/en/api/globals/#sass
*/
/**
* Anything actually global should go here.
* wrapping this in a chordata id puts any styles here in a hight priority that vuetify
*/
#chordata .d-relative {
  position: relative;
}
#chordata .flex-basis-100 {
  flex-basis: 100%;
}
#chordata .v-text-field--filled {
  border: #9ea3a8 solid 1px;
}
#chordata .theme--light.v-text-field > .v-input__control > .v-input__slot::before {
  border-color: #9ea3a8;
}
#chordata .lookup-disabled {
  border-radius: 4px;
  border: solid 1px #9ea3a8;
}
#chordata .mdi-icon-black {
  color: #23282d !important;
}
#chordata .mdi-icon-black.v-icon--disabled {
  color: #9ea3a8 !important;
}
#chordata .pointer {
  cursor: pointer;
}
#chordata .move {
  cursor: move;
}
#chordata .cursor-default {
  cursor: default;
}
#chordata {
  /**
  * Any layout utils that aren't included in Vuetify
  */
}
#chordata .mb-1px {
  margin-bottom: 1px;
}
#chordata .mx-2px {
  margin-left: 2px;
  margin-right: 2px;
}
#chordata .mx-50p {
  margin-left: 50%;
  margin-right: 50%;
}
#chordata .mb-2px {
  margin-bottom: 2px;
}
#chordata .mb-6px {
  margin-bottom: 6px;
}
#chordata .pb-2px {
  padding-bottom: 2px;
}
#chordata .pl-2px {
  padding-left: 2px;
}
#chordata .pr-2px {
  padding-right: 2px;
}
#chordata .flex-gap-1 {
  gap: 4px;
}
#chordata .flex-gap-2 {
  gap: 8px;
}
#chordata .flex-gap-3 {
  gap: 12px;
}
#chordata .flex-gap-4 {
  gap: 16px;
}
#chordata .flex-grow-2 {
  flex-grow: 2;
}
#chordata .line-height-1 {
  line-height: 1rem;
}
#chordata {
  /**
  * Typography Globals
  */
}
#chordata .capitalize-first {
  text-transform: lowercase;
}
#chordata .capitalize-first::first-letter {
  text-transform: uppercase;
}
#chordata .isolate {
  isolation: isolate;
}
#chordata {
  /**
  * Width && Height
  */
}
#chordata .w-20 {
  width: 20% !important;
}
#chordata .w-25 {
  width: 25% !important;
}
#chordata .w-50 {
  width: 50% !important;
}
#chordata .w-75 {
  width: 75% !important;
}
#chordata .w-80 {
  width: 80% !important;
}
#chordata .w-100 {
  width: 100% !important;
}
#chordata .w-auto {
  width: auto !important;
}
#chordata .h-auto {
  height: auto !important;
}
#chordata .h-fix-content {
  height: fit-content !important;
}
#chordata .h-fix-content {
  height: fit-content !important;
}
#chordata #edit-wrapper #edit-toolbar .v-toolbar__extension {
  padding: 0 !important;
}
#chordata .batch-upload-spinner {
  animation: rotate 2s linear infinite;
}
#chordata .batch-upload-spinner .path {
  stroke: hsl(210, 70%, 75%);
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite;
}
#chordata .v-card--variant-outlined {
  border-color: #d4d8de !important;
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
#chordata {
  /**
  * Legacy Vuetify 2 Utility Classes
  * These ensure that class="surfaceDarkenOne" etc continue to work in Vuetify 3
  */
}
#chordata .surfaceDarkenOne {
  background-color: #dddddf !important;
}
#chordata .surfaceDarkenTwo {
  background-color: #c9cacc !important;
}
#chordata .grayMedium {
  background-color: #d4d8de !important;
}
#chordata .grayDark {
  background-color: #4d5763 !important;
}
#chordata .surfaceLight {
  background-color: #f9f9f9 !important;
}
#chordata .surface {
  background-color: #f1f2f4 !important;
}
#chordata .grayDark--text {
  color: #4d5763 !important;
}
#chordata {
  /**
  * Legacy active classes used in DefaultLayout
  */
}
#chordata .text-product {
  color: #098041 !important;
}
#chordata .bg-product {
  background-color: #098041 !important;
}
#chordata .text-work {
  color: #123ba2 !important;
}
#chordata .bg-work {
  background-color: #123ba2 !important;
}
#chordata .text-contract {
  color: #e97b29 !important;
}
#chordata .bg-contract {
  background-color: #e97b29 !important;
}
#chordata .text-human {
  color: #9e1c46 !important;
}
#chordata .bg-human {
  background-color: #9e1c46 !important;
}
#chordata .text-asset {
  color: #615595 !important;
}
#chordata .bg-asset {
  background-color: #615595 !important;
}
#chordata .text-publisher {
  color: #8393aa !important;
}
#chordata .bg-publisher {
  background-color: #8393aa !important;
}
#chordata .v-input--horizontal.v-date-input div.v-input__prepend:empty {
  margin-inline-end: 0 !important;
}
#chordata .text-caption {
  color: #555 !important;
}