.ag-grid-container {
  position: relative;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.ag-grid-container .ag-grid-element {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.ag-grid-container .ag-grid-element .ag-bl-center-row.ag-bl-normal-center-row {
  height: 100% !important;
}
.ag-tool-panel .ag-side-buttons button {
  border: none;
  background: linear-gradient(139.7deg, #f8f8f8 0%, #efefef 100%);
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  outline: none;
  height: 2rem;
  width: 9rem;
  border: 1px solid #a4a4a4;
  border-color: #d2d4d7;
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 12px;
  text-align: center;
}
.ag-tool-panel .ag-side-buttons button:hover,
.ag-tool-panel .ag-side-buttons button:focus {
  box-sizing: border-box;
  border: 1px solid #a4a4a4;
  background: linear-gradient(139.7deg, #ffffff 0%, #f5f5f5 100%);
}
.ag-tool-panel .ag-column-panel .ag-column-tool-panel {
  padding-top: 0.6rem;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  height: 3rem;
}
.ag-tool-panel .ag-column-panel .ag-column-tool-panel .ag-column-tool-panel-item {
  vertical-align: middle;
}
.ag-tool-panel .ag-column-panel .ag-filter-body {
  padding-bottom: 0.5rem;
}
.ag-tool-panel .ag-column-panel .ag-filter-body .ag-column-name-filter {
  width: 100%;
  padding: 1.1rem 2.2rem 1.1rem 1.1rem;
  border: 1px solid #d2d4d7;
  background-color: #f7f7f9;
  box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  height: 3rem;
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 18px;
}
.ag-tool-panel .ag-column-panel .ag-column-select-column {
  border: none;
}
.ag-tool-panel .ag-column-panel .ag-column-select-column .ag-column-select-checkbox {
  line-height: 1.2rem;
}
.ag-tool-panel .ag-column-panel .ag-column-select-column .ag-checkbox-checked {
  display: inline-block;
  height: 1.2rem;
  width: 1.2rem;
  border-radius: 1.5px;
  background: linear-gradient(135deg, #9e80e5 0%, #8488ef 50.54%, #6866e0 100%);
  color: #fff;
  font-family: 'Font Awesome 5 Pro';
  font-size: 0.9rem;
  letter-spacing: 0;
  line-height: 1rem;
  padding-left: 0.15rem;
  padding-top: 0.15rem;
}
.ag-tool-panel .ag-column-panel .ag-column-select-column .ag-icon-checkbox-checked-readonly {
  margin-top: -0.15rem;
  margin-left: -0.15rem;
}
.ag-tool-panel .ag-column-panel .ag-column-select-column .ag-checkbox-unchecked {
  display: inline-block;
  height: 1.2rem;
  width: 1.2rem;
  line-height: 1.2rem;
}
.ag-tool-panel .ag-column-panel .ag-column-select-column .ag-column-select-label {
  color: red;
  text-align: left;
  display: inline-block;
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 2.8rem;
  margin-top: -0.6rem;
}
.ag-tool-panel .ag-column-panel .ag-column-select-column .ag-column-select-label > span {
  display: table-cell;
  vertical-align: middle;
}
.ag-root {
  background: #fff;
  font-size: 1.2rem;
  font-weight: 600;
  color: #4b5055;
}
.ag-header {
  font-size: 1.1rem;
  font-weight: 700;
  text-transform: uppercase;
  background: #e8f1fc;
}
.ag-header .ag-header-cell:last-child .ag-header-cell-resize {
  display: none;
}
.ag-header .ag-header-cell-label {
  padding: 7px 10px;
  text-align: left;
}
.ag-header .ag-header-cell-menu-button + .ag-header-cell-label {
  padding-right: 2px;
}
.ag-header .ag-header-cell-sub-text {
  margin-left: 2px;
  font-size: 0.95em;
  color: #949faa;
}
.ag-header-icon {
  font-size: 1rem;
}
.ag-header-cell-resize {
  width: 5px;
  border-right: 2px solid #fff;
  -moz-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s;
}
.ag-header-cell-resize:hover {
  background: #278eca;
  border-right-color: #278eca;
}
.ag-header-cell-ghost {
  display: none;
}
.ag-row {
  border-bottom: 1.07px solid #c6dbf6;
}
.ag-cell {
  padding: 10px;
  border-right: none;
}
.ag-body-viewport {
  -ms-overflow-style: scrollbar;
}
.ag-pinned-right-cols-viewport {
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.ag-pinned-right-header .ag-header-cell-resize,
.ag-pinned-right-cols-viewport .ag-header-cell-resize {
  display: none;
}
.ag-pinned-right-header .ag-cell,
.ag-pinned-right-cols-viewport .ag-cell {
  border-left: none;
}
.ag-row-selected,
.ag-cell-range-selected {
  background: #f4f8fe;
}
.ag-body-container,
.ag-row {
  min-width: 100% !important;
}
.ag-header-icon.ag-header-cell-menu-button {
  margin: 8px 8px 8px 0;
  font-size: 1rem;
  cursor: pointer;
}
.ag-header-icon.ag-header-cell-menu-button:hover {
  opacity: 0.7;
}
.ag-fresh .ag-menu {
  border: 2px solid #fff;
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  background: #fff;
  cursor: default;
  font-size: 1.2rem;
  font-weight: 600;
  color: #4b5055;
  margin-top: 30px;
  font-family: 'Open Sans', sans-serif;
  z-index: 10000;
}
.ag-fresh .ag-menu .ag-tab-header {
  display: none;
}
.ag-fresh .ag-menu .ag-filter-filter,
.ag-fresh .ag-menu .ag-filter-select {
  margin: 10px;
  width: 150px;
  border: 1px solid #d2d4d7;
  font-weight: 400;
  height: 4rem;
  padding: 0.6rem;
  position: relative;
  font-size: 1.3rem;
  color: #4b5055;
  background: #f7f7f9;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 1px 1px 1px rgba(210, 212, 215, 0.6) inset;
  box-shadow: 1px 1px 1px rgba(210, 212, 215, 0.6) inset;
}
.ag-fresh .ag-menu .ag-menu-option:hover,
.ag-fresh .ag-menu .ag-column-select-column:hover {
  background: #eee;
}
.ag-fresh .ag-menu .ag-menu-option-text,
.ag-fresh .ag-menu .ag-menu-option-icon,
.ag-fresh .ag-menu .ag-menu-option-shortcut,
.ag-fresh .ag-menu .ag-menu-option-popup-pointer {
  padding: 12px 10px;
}
.ag-fresh .ag-menu .ag-menu-option-text {
  white-space: nowrap;
}
.ag-fresh .ag-menu .ag-menu-column-select-wrapper {
  width: auto;
  height: auto;
}
.ag-fresh .ag-menu .ag-menu-column-select-wrapper .ag-column-select-panel {
  display: table;
}
.ag-fresh .ag-menu .ag-menu-column-select-wrapper .ag-column-select-panel .ag-column-select-column {
  display: table-row;
}
.ag-fresh .ag-menu .ag-menu-column-select-wrapper .ag-column-select-panel .ag-column-select-column .ag-column-select-indent {
  display: none;
}
.ag-fresh .ag-menu .ag-menu-column-select-wrapper .ag-column-select-panel .ag-column-select-column .ag-column-group-icons,
.ag-fresh .ag-menu .ag-menu-column-select-wrapper .ag-column-select-panel .ag-column-select-column .ag-column-select-label {
  display: table-cell;
  padding: 12px 10px;
}
.ag-column-moving .ag-cell {
  -webkit-transition: left 0.2s;
  -moz-transition: left 0.2s;
  -o-transition: left 0.2s;
  transition: left 0.2s;
}
.ag-header-cell-moving {
  background-color: #eee;
  opacity: 0.25;
}
.ag-header-cell-moving-clone {
  background-color: #eee;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  opacity: 0.9;
}
.ag-dnd-ghost {
  display: none;
}
.rectangle-6 {
  height: 18px;
  width: 18px;
  border-radius: 2px;
  background: linear-gradient(135deg, #9e80e5 0%, #8488ef 50.54%, #6866e0 100%);
}
.ag-selection-checkbox,
.ag-header-select-all {
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  font-weight: 700;
  text-align: center;
  background: #fff;
  border: 1px solid #d2d4d7;
  -webkit-box-shadow: 0 0 1px rgba(210, 212, 215, 0.6) inset;
  -moz-box-shadow: 0 0 1px rgba(210, 212, 215, 0.6) inset;
  box-shadow: 0 0 1px rgba(210, 212, 215, 0.6) inset;
  -webkit-transition: border-color 0.1s ease-out;
  -moz-transition: border-color 0.1s ease-out;
  -ms-transition: border-color 0.1s ease-out;
  -o-transition: border-color 0.1s ease-out;
  transition: border-color 0.1s ease-out;
  border-radius: 2px;
  background: linear-gradient(135deg, #9e80e5 0%, #8488ef 50.54%, #6866e0 100%);
}
.ag-selection-checkbox:hover,
.ag-header-select-all:hover {
  -webkit-transition: border-color 0.1s ease-out;
  -moz-transition: border-color 0.1s ease-out;
  -ms-transition: border-color 0.1s ease-out;
  -o-transition: border-color 0.1s ease-out;
  transition: border-color 0.1s ease-out;
  border-color: #b7babf;
  cursor: pointer;
}
.ag-selection-checkbox .ag-icon,
.ag-header-select-all .ag-icon {
  background: none;
  border: none;
}
.ag-selection-checkbox .icon,
.ag-header-select-all .icon,
.ag-selection-checkbox .ag-icon,
.ag-header-select-all .ag-icon {
  margin-top: 2px;
  font-size: 1.1rem;
  display: block;
}
.ag-selection-checkbox .ag-checkbox-indeterminate .icon,
.ag-header-select-all .ag-checkbox-indeterminate .icon {
  color: #ffffff;
}
.ag-selection-checkbox .ag-icon-checkbox-unchecked,
.ag-header-select-all .ag-icon-checkbox-unchecked {
  margin: -1px;
  padding: 0;
  width: 1.8rem;
  height: 1.8rem;
  box-sizing: border-box;
  border: 1px solid #d2d4d7;
  border-radius: 2px;
  background-color: #ffffff;
  opacity: 1;
}
.ag-selection-checkbox .ag-checkbox-indeterminate .icon .ag-checkbox-checked .icon,
.ag-header-select-all .ag-checkbox-indeterminate .icon .ag-checkbox-checked .icon {
  color: #ffffff;
}
.ag-selection-checkbox {
  color: #ffffff;
}
.ag-header-select-all {
  margin: 7px 0 7px 10px;
}
.ag-header-select-all .ag-checkbox-checked .icon {
  color: #ffffff;
}
.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input.input-active,
.selectize-control.multi .selectize-input,
.selectize-control.multi .selectize-input.input-active {
  min-height: 4rem;
  background: #f7f7f9;
  border: 1px solid #d2d4d7;
  position: relative;
  font-size: 1.2rem;
  color: black;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 1px 1px 1px rgba(221, 221, 221, 0.6) inset;
  -moz-box-shadow: 1px 1px 1px rgba(221, 221, 221, 0.6) inset;
  box-shadow: 1px 1px 1px rgba(221, 221, 221, 0.6) inset;
  -webkit-transition: border-color ease-in-out 0.15s;
  -moz-transition: border-color ease-in-out 0.15s;
  -ms-transition: border-color ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s;
  -webkit-transition: box-shadow ease-in-out 0.15s;
  -moz-transition: box-shadow ease-in-out 0.15s;
  -ms-transition: box-shadow ease-in-out 0.15s;
  -o-transition: box-shadow ease-in-out 0.15s;
  transition: box-shadow ease-in-out 0.15s;
}
.selectize-control.single .selectize-input > input,
.selectize-control.single .selectize-input.input-active > input,
.selectize-control.multi .selectize-input > input,
.selectize-control.multi .selectize-input.input-active > input {
  height: 2.4rem;
  padding-top: 0.4rem;
}
.selectize-control.multi .selectize-input .item {
  vertical-align: middle;
  height: auto;
  margin-top: 0.4rem;
}
.selectize-control.single .selectize-input {
  height: 2.6rem;
}
.selectize-control.single .selectize-input .item {
  vertical-align: middle;
  height: 2.2rem;
  margin-top: 0.2rem;
}
.selectize-control {
  width: 100%;
}
.selectize-control .loader {
  display: none;
  font-size: 0.5rem;
  right: 1.5rem;
  left: auto;
  z-index: 1;
}
.selectize-control.loading .loader {
  display: inline-block;
}
.selectize-control.loading .selectize-dropdown {
  display: none !important;
}
.selectize-control .selectize-input.disabled {
  background-color: #eee;
  opacity: 1;
  cursor: not-allowed !important;
}
.selectize-control.multi > .selectize-input {
  height: auto;
  cursor: pointer;
}
.selectize-control.multi > .selectize-input .item:not(:empty) {
  max-width: 100%;
  word-wrap: break-word;
  border-radius: 12px;
  background: linear-gradient(90deg, #ded9f5 0%, #cbe1fe 47.52%, #c6cff2 100%);
  display: inline-block;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0;
}
.selectize-control.multi > .selectize-input .item:not(:empty):first-letter {
  border-left: 1rem solid transparent;
}
.selectize-control.single {
  height: 4rem;
}
.selectize-control.single > .selectize-input {
  white-space: nowrap;
  cursor: pointer;
}
.selectize-control.single > .selectize-input.focus .item + input {
  vertical-align: top;
  left: -8px !important;
}
.selectize-control.single > .selectize-input.input-active {
  border-color: #278eca;
}
.selectize-control.single > .selectize-input .item {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-width: 100%;
  padding-right: 8px;
}
.list-builder .selectize-control > .selectize-input > input::-moz-placeholder {
  color: #4b5055;
  opacity: 1;
}
.list-builder .selectize-control > .selectize-input > input:-ms-input-placeholder {
  color: #4b5055;
}
.list-builder .selectize-control > .selectize-input > input::-webkit-input-placeholder {
  color: #4b5055;
}
.selectize-dropdown .active,
.selectize-dropdown .hover,
.selectize-dropdown .focus {
  background-color: #c6dbf6;
  font-weight: 600;
}
.selectize-dropdown {
  margin: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.selectize-dropdown-content {
  padding: 0;
}
.selectize-dropdown-content .create {
  padding-left: 12px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.select:after {
  z-index: 1;
}
.select.item-selected:after {
  display: none;
}
.selectize-control.single .selectize-input:after,
.selectize-input::after {
  display: none;
}
.selectize-dropdown [data-selectable] .highlight {
  background: rgba(39, 142, 202, 0.3);
}
.placeholder + .selectize-control > .selectize-input {
  font-style: italic;
  color: #949faa;
}
.has-error .selectize-control > .selectize-input,
.has-error .selectize-control > .selectize-input.input-active,
.has-error .selectize-control > .selectize-input:hover,
.has-error .selectize-control > .selectize-input:focus {
  color: #e24a4a;
  background-color: #fbe4e4;
  border-color: #e24a4a;
  -webkit-box-shadow: 1px 1px 1px rgba(210, 212, 215, 0.4) inset;
  -moz-box-shadow: 1px 1px 1px rgba(210, 212, 215, 0.4) inset;
  box-shadow: 1px 1px 1px rgba(210, 212, 215, 0.4) inset;
}
.has-warning .selectize-control > .selectize-input,
.has-warning .selectize-control > .selectize-input.input-active,
.has-warning .selectize-control > .selectize-input:hover,
.has-warning .selectize-control > .selectize-input:focus {
  color: #ffa500;
  background-color: rgba(255, 165, 0, 0.1);
  border-color: #ffa500;
  -webkit-box-shadow: 1px 1px 1px rgba(210, 212, 215, 0.4) inset;
  -moz-box-shadow: 1px 1px 1px rgba(210, 212, 215, 0.4) inset;
  box-shadow: 1px 1px 1px rgba(210, 212, 215, 0.4) inset;
}
.has-error .selectize-control.multi > .selectize-input .item:not(:empty) {
  background: none rgba(226, 74, 74, 0.18);
  color: #e24a4a;
  font-family: 'Open Sans', sans-serif;
}
.has-error .selectize-control.multi > .selectize-input .item:not(:empty) .remove {
  font-family: 'Font Awesome 5 Pro';
  font-size: 1rem;
  letter-spacing: 0;
  font-weight: 600;
  color: #e24a4a;
}
.has-error .selectize-control.multi > .selectize-input .item:not(:empty) .remove:hover {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  background: rgba(226, 74, 74, 0.12);
}
.selectize-control.single > .selectize-input.input-active,
.selectize-control.single > .selectize-input:focus,
.selectize-control.multi > .selectize-input.input-active,
.selectize-control.multi > .selectize-input:focus {
  border: 1px solid #6866e0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 1px 1px 1px rgba(221, 221, 221, 0.6) inset;
  -moz-box-shadow: 1px 1px 1px rgba(221, 221, 221, 0.6) inset;
  box-shadow: 1px 1px 1px rgba(221, 221, 221, 0.6) inset;
  -webkit-transition: border-color ease-in-out 0.15s;
  -moz-transition: border-color ease-in-out 0.15s;
  -ms-transition: border-color ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s;
  -webkit-transition: box-shadow ease-in-out 0.15s;
  -moz-transition: box-shadow ease-in-out 0.15s;
  -ms-transition: box-shadow ease-in-out 0.15s;
  -o-transition: box-shadow ease-in-out 0.15s;
  transition: box-shadow ease-in-out 0.15s;
}
.has-error .selectize-control.single > .selectize-input.input-active,
.has-error .selectize-control.single > .selectize-input:focus,
.has-error .selectize-control.multi > .selectize-input.input-active,
.has-error .selectize-control.multi > .selectize-input:focus {
  border: 1px solid #e24a4a;
}
.has-warning .selectize-control.single > .selectize-input.input-active,
.has-warning .selectize-control.single > .selectize-input:focus,
.has-warning .selectize-control.multi > .selectize-input.input-active,
.has-warning .selectize-control.multi > .selectize-input:focus {
  border: 1px solid #ffa500;
}
.selectize-dropdown [data-selectable] {
  overflow: hidden;
  min-height: 2.6rem;
}
.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.selectize-control.plugin-remove_button [data-value] {
  padding-right: 20px !important;
}
.selectize-control.plugin-remove_button [data-value] .remove {
  color: #4a90e2;
  font-family: 'Font Awesome 5 Pro';
  font-size: 1rem;
  letter-spacing: 0;
  font-weight: 600;
}
.selectize-control.plugin-remove_button [data-value] .remove:hover {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  background: rgba(255, 255, 255, 0.5);
}
/* This styling is based on the original select2 styling.
   Styles for multi-select are omitted as we use selectize for that.
   Styles for option groups are omitted as we don't use those.
*/
.select2-container {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  border: none;
  position: relative;
}
.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}
.select2-selection--single {
  cursor: pointer;
  display: block;
  user-select: none;
  -webkit-user-select: none;
  border: 1px solid #d2d4d7;
  padding: 0.6rem !important;
}
.select2-selection--single .select2-selection__arrow {
  display: none;
}
.select2-selection--single .select2-selection__rendered {
  line-height: 2.2rem;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-selection--single .select2-selection__clear {
  position: relative;
  cursor: pointer;
  float: right;
  font-weight: bold;
  font-size: 2rem;
  width: 2rem;
  text-align: center;
}
.select2-selection--single .select2-selection__clear:hover {
  opacity: 0.5;
}
.select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--disabled {
  height: 4rem;
}
.select2-container--disabled .select2-selection--single {
  background: #eee;
  cursor: default;
}
.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-dropdown {
  background-color: #f7f7f9;
  border: 1px solid #d2d4d7;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1100;
}
.select2-container--open .select2-selection--single {
  border: #6866e0;
}
.select2-container--open .select2-dropdown {
  left: 0;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: -3px 0 7px 0 rgba(0, 0, 0, 0.15);
  border: none;
}
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
}
.select2-container--open .select2-dropdown--below {
  border-top: none;
}
.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom-width: 0;
}
.select2-container--open.select2-container--above .select2-selection--single {
  border-top-width: 0;
}
.select2-results {
  display: block;
}
.select2-results .select2-results__options {
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
}
.select2-results .select2-results__options .select2-results__option {
  min-height: 32px;
  padding: 0.6rem 1rem;
  user-select: none;
  -webkit-user-select: none;
  word-wrap: break-word;
  background-color: #ffffff;
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0;
  vertical-align: middle;
  max-height: 150px;
  overflow-y: auto;
}
.select2-results .select2-results__options .select2-results__option[aria-selected] {
  cursor: pointer;
}
.select2-results .select2-results__options .select2-results__option[aria-selected='true'] {
  background-color: #f4f8fe;
}
.select2-results .select2-results__options .select2-results__option[aria-disabled='true'] {
  color: #999;
}
.select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted[aria-selected] {
  background-color: #c6dbf6;
  font-weight: 600;
}
.select2-results .select2-results__options .select2-results__option.loading-results {
  font-weight: bold;
  color: #4b5055;
}
.select2-results .select2-results__options .select2-results__option .highlight {
  background: #b3daf0;
  color: #4b5055;
  padding: 0 1px;
}
.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown input:active,
.select2-search--dropdown input:focus,
.select2-search--dropdown input:hover {
  outline: none;
}
.select2-search--dropdown .select2-search__field {
  padding: 0.6rem 1rem;
  width: 100%;
  background: #f7f7f9;
  border: 1px solid #d2d4d7;
  -webkit-box-shadow: 1px 1px 1px rgba(210, 212, 215, 0.4) inset;
  box-shadow: 1px 1px 1px rgba(210, 212, 215, 0.4) inset;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}
/*
    All non-component styles should be imported below.
    Anything imported from a .ts file doesn't need to be included.
    All files other than this one should use "import (reference)", not "import"
*/
/* APPLICATION BODY
---------------------------------------- */
/* FONT STACK
---------------------------------------- */
/* COLORS
---------------------------------------- */
/* HEADER
---------------------------------------- */
/* SIDE NAVIGATION
---------------------------------------- */
/* FOOTER
---------------------------------------- */
/* PAGE TITLES/SUBTITLES
---------------------------------------- */
/* BUTTONS
---------------------------------------- */
/* FORM CONTROLS
---------------------------------------- */
/* MENUS
---------------------------------------- */
/* MODAL WINDOWS
---------------------------------------- */
/* TABLES & GRIDS
---------------------------------------- */
/* LOADING INDICATOR
---------------------------------------- */
/* TOOLTIPS
---------------------------------------- */
/* BASE
---------------------------------------- */
html,
body {
  margin: 0;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
}
body {
  position: relative;
  overflow-y: scroll;
  overflow-x: hidden;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.3rem;
  color: #4b5055;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4 {
  margin: 0;
  font-weight: 400;
  letter-spacing: -0.07rem;
}
h1,
.h1 {
  font-size: 2.4rem;
  line-height: 2.4rem;
}
h2,
.h2 {
  font-size: 2rem;
  line-height: 2rem;
  letter-spacing: -0.07rem;
}
h3,
.h3 {
  font-size: 1.9rem;
}
h4,
.h4 {
  font-size: 1.6rem;
}
p {
  margin: 2rem 0;
}
ul,
ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
/* VIEW TITLE COMPONENTS
---------------------------------------- */
.view-title-container {
  display: -webkit-flex;
  display: flex;
  height: 7.9rem;
  padding-top: 3.2rem;
  align-items: baseline;
}
.view-title {
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: -0.07rem;
  color: #4b5055;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 0 1 auto;
}
.view-title span {
  margin-right: 1rem;
}
.view-title span:last-child {
  margin-right: 0;
}
.view-title .value-placeholder {
  color: #949faa;
}
.view-title-badges {
  padding-left: 1rem;
  line-height: 2.8rem;
  white-space: nowrap;
  flex: 0 1 auto;
}
.view-title-badges .badge {
  margin-right: 2px;
}
.view-title-icons {
  flex: 1 1 auto;
  cursor: pointer;
}
.view-title-icons icon-copy {
  margin-left: 0.5rem;
}
.view-title-actions {
  padding-left: 1rem;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-left: auto;
}
.view-title-actions > *:not(:last-child) {
  margin-right: 0.5rem;
}
.view-title-actions .btn {
  padding: 1.2rem 3rem;
}
.btn-group > .btn:last-child:not(:first-child):not(.btn-actions-menu-split),
.btn-group > .dropdown-toggle:not(:first-child):not(.btn-actions-menu-split) {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.view-subtitle {
  padding: 0.6rem 1rem;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  background: #999;
}
.view-content-container {
  padding: 2rem;
  margin-top: 8.9rem;
}
/* ANCHORS
---------------------------------------- */
a {
  color: #278eca;
}
a,
a:active,
a:focus {
  outline: none;
}
button:active {
  outline: none !important;
}
button:focus,
button.btn:focus {
  outline: none;
}
button:focus-visible,
input[type*='checkbox']:focus-visible,
.btn.add-btn:focus-visible,
.icon-btn:focus-visible,
.booklet-uploader:focus-visible {
  border-radius: 4px;
  box-shadow: inset 1px 1px 1px 1px #0000000f !important;
  outline: solid #6866e0 0.1rem !important;
  outline-offset: 0 !important;
}
/* DROPDOWN MENUS
---------------------------------------- */
.dropdown-toggle {
  padding-right: 2rem;
}
.dropdown-toggle .caret {
  border-top-width: 4px;
  border-right-width: 4px;
}
.btn-group-dropdown-menu:not(#action-dropdown-menu-container) .dropdown-menu-row {
  display: flex;
  justify-content: left;
  height: 32px;
  width: 170px;
  float: left;
}
.btn-group-dropdown-menu:not(#action-dropdown-menu-container) .dropdown-menu {
  border: none;
  border-radius: 6px;
  box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.2);
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  margin-left: 1rem;
  text-align: left;
  cursor: pointer;
}
.btn-group-dropdown-menu:not(#action-dropdown-menu-container) .dropdown-menu > li > a {
  width: 100%;
  text-align: left;
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.4rem;
  padding: 1rem;
  cursor: pointer;
  font-size: 1.2rem;
  letter-spacing: 0;
}
.btn-group-dropdown-menu:not(#action-dropdown-menu-container) .dropdown-menu > li > a:active,
.btn-group-dropdown-menu:not(#action-dropdown-menu-container) .dropdown-menu > li > a:focus,
.btn-group-dropdown-menu:not(#action-dropdown-menu-container) .dropdown-menu > li > a:hover {
  background-color: #c6dbf6;
  color: #4b5055;
}
.btn-group-dropdown-menu:not(#action-dropdown-menu-container) .dropdown-menu > li {
  width: 170px;
  text-align: center;
}
.btn-group-dropdown-menu:not(#action-dropdown-menu-container) .dropdown-menu > li > a {
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.4rem;
  padding: 1rem 1rem 1rem 0;
  cursor: pointer;
  font-size: 1.2rem;
  letter-spacing: 0;
  font-weight: 400;
}
.btn-group-dropdown-menu:not(#action-dropdown-menu-container) .dropdown-menu > li > i {
  height: 3.3rem;
  width: 1.4rem;
  margin-left: 1.2rem;
  margin-right: 1.2rem;
  color: #8db7ee;
  font-family: 'Font Awesome 5 Pro';
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 3.3rem;
  cursor: pointer;
}
.btn-group-dropdown-menu:not(#action-dropdown-menu-container) .dropdown-menu > li > i:hover {
  background-color: #c6dbf6;
}
.btn-group-dropdown-menu:not(#action-dropdown-menu-container) .dropdown-menu > li:active,
.btn-group-dropdown-menu:not(#action-dropdown-menu-container) .dropdown-menu > li:focus,
.btn-group-dropdown-menu:not(#action-dropdown-menu-container) .dropdown-menu > li:hover {
  background-color: #c6dbf6;
}
.btn-group-dropdown-menu:not(#action-dropdown-menu-container) .dropdown-menu > li:active > i,
.btn-group-dropdown-menu:not(#action-dropdown-menu-container) .dropdown-menu > li:focus > i,
.btn-group-dropdown-menu:not(#action-dropdown-menu-container) .dropdown-menu > li:hover > i {
  color: #4a90e2;
  font-weight: 600;
}
.btn-group-dropdown-menu:not(#action-dropdown-menu-container) .dropdown-menu > li:active > a,
.btn-group-dropdown-menu:not(#action-dropdown-menu-container) .dropdown-menu > li:focus > a,
.btn-group-dropdown-menu:not(#action-dropdown-menu-container) .dropdown-menu > li:hover > a {
  background-color: #c6dbf6;
  color: #4b5055;
  font-weight: 600;
}
/* BUTTONS
---------------------------------------- */
.btn {
  padding: 0.6rem 1.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-transform: uppercase;
}
.btn.add-btn:hover,
.btn.add-btn:active,
.btn.add-btn:focus,
.btn.icon-btn:active,
.btn.icon-btn:focus,
.btn.icon-btn:hover {
  outline: none;
  box-shadow: none;
}
.btn.add-btn > *,
.btn.add-btn > i,
.btn.add-btn .icon,
.btn.add-btn > span {
  display: inline-block;
  vertical-align: middle;
  line-height: 2.2rem;
}
.btn,
.btn:hover,
.btn:active,
.btn[disabled] {
  border-radius: 6px;
  font-size: 11px;
  font-weight: bold;
  height: 39px;
}
.btn-actions-menu {
  height: 39px;
  border: 1px solid #a4a4a4;
  border-radius: 6px;
  pointer-events: none;
  background: linear-gradient(133.86deg, #fcfcfc 0%, #f3f3f3 100%);
}
.btn-actions-menu > span {
  height: 15px;
  width: 99px;
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 12px;
  text-align: right;
}
.btn-actions-menu-split {
  height: 39px;
  width: 39px;
  border: 1px solid #a4a4a4;
  border-radius: 6px;
  background: linear-gradient(135deg, #f7f7f7 0%, #e7e7e7 100%);
}
.btn-actions-menu-split > i {
  height: 15px;
  width: 10px;
  font-size: 14px;
}
.btn-actions-menu-split:hover,
.btn-actions-menu-split:active {
  background: linear-gradient(139.7deg, #ffffff 0%, #f5f5f5 100%);
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.btn-primary,
.btn-primary:focus {
  border: none;
  background: linear-gradient(135deg, #9e80e5 0%, #8488ef 50.54%, #6866e0 100%);
  outline: none;
}
.btn-primary:hover {
  background: linear-gradient(135deg, #8e71e7 0%, #6881ed 50.54%, #7662f3 100%);
}
.btn-primary[disabled],
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover {
  background-color: #278eca;
}
.btn-primary.alt,
.btn-primary.alt:focus,
.btn-primary.alt:active,
.btn-primary.alt:hover {
  background: #ffffff;
  border: none;
  color: #4a90e2;
  font-size: 13px;
  font-weight: 600;
  text-transform: none;
  box-shadow: none;
}
.btn-primary.alt.textLink,
.btn-primary.alt.textLink:focus,
.btn-primary.alt.textLink:active,
.btn-primary.alt.textLink:hover {
  background: #ffffff;
  border: none;
  color: #4a90e2;
  font-size: 13px;
  font-weight: 600;
  text-transform: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
  width: fit-content;
  height: 1.8rem;
  text-overflow: ellipsis;
  overflow: hidden;
  display: table-cell;
  text-align: left;
}
.btn-primary.alt.btn-new-track,
.btn-primary.alt.btn-new-track:focus,
.btn-primary.alt.btn-new-track:active,
.btn-primary.alt.btn-new-track:hover {
  background: #e8f1fc;
  border: none;
  color: #4a90e2;
  font-size: 13px;
  font-weight: 600;
  text-transform: none;
  box-shadow: none;
  height: 30px;
  padding: 0;
}
.btn-primary.alt.btn-new-track > i,
.btn-primary.alt.btn-new-track > span {
  vertical-align: middle;
}
.button-bar {
  position: relative;
}
.button-bar .button-bar-title {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.btn-new,
.btn-new:hover,
.btn-new:focus,
.btn-new:active {
  height: 32px;
}
.btn-default,
.btn-default[disabled] {
  height: 39px;
  box-sizing: border-box;
  border: 1px solid #a4a4a4;
  border-radius: 6px;
  background: linear-gradient(139.7deg, #f8f8f8 0%, #efefef 100%);
}
.btn-default span {
  padding-left: 1.8rem;
  padding-right: 1.8rem;
}
.btn-default:hover {
  box-sizing: border-box;
  border: 1px solid #a4a4a4;
  border-radius: 6px;
  background: linear-gradient(139.7deg, #ffffff 0%, #f5f5f5 100%);
}
.btn-default[disabled] {
  background: linear-gradient(139.7deg, #ffffff 0%, #f5f5f5 30%);
}
.btn-default[disabled] > .i {
  filter: invert(1%) sepia(1%) saturate(1%) hue-rotate(1deg) brightness(1000%) contrast(80%);
}
.icon-btn {
  padding: 0;
  background: none;
  border: none;
  color: #000;
}
.icon-btn .fa-times {
  color: #8db7ee;
  font-size: 15px;
}
.icon-btn:hover:not(.warning) {
  opacity: 0.5;
}
.btn[disabled] {
  opacity: 0.5;
}
.icon-btn:hover,
.icon-btn:active,
.icon-btn[disabled] {
  border: none;
}
/* MODAL WINDOW
---------------------------------------- */
.modal {
  opacity: 1 !important;
}
.modal-dialog {
  border-radius: 6px;
  padding-bottom: 1rem;
  box-shadow: -3px 0 7px 0 rgba(0, 0, 0, 0.15);
}
.modal-content {
  border: none;
  border-radius: 6px;
  box-shadow: none;
}
.modal-header,
.modal-body,
.modal-footer {
  padding-left: 50px;
  padding-right: 50px;
  box-shadow: none;
}
.modal-header .modal-footer-buttons,
.modal-body .modal-footer-buttons,
.modal-footer .modal-footer-buttons {
  margin-top: 4rem;
}
.modal-footer .modal-spacer {
  padding-left: 0;
  padding-right: 0;
  margin: 0 0 2.5rem;
}
.modal-footer {
  border-top: none;
  padding-top: 0.1rem;
  padding-bottom: 3.2rem;
}
.modal-footer .btn {
  min-width: 8rem;
}
.modal-spacer {
  height: 2px;
  background: linear-gradient(90deg, #ded9f5 0%, #c6dbf6 47.52%, #c6cff2 100%);
  margin: 2.5rem 5rem 0;
}
.modal-spacer-gray {
  height: 0.5px;
  width: 100%;
  background-color: #d8d8d8;
}
.modal-header {
  padding-top: 4.5rem;
  padding-bottom: 0;
  border-bottom: none;
}
.modal-header button {
  position: absolute;
  top: 2.6rem;
  right: 3rem;
  opacity: 0.5;
  width: 1.5rem;
}
.modal-header button:hover,
.modal-header button:focus {
  opacity: 1;
}
.modal-header button .icon {
  color: #949faa;
  font-weight: 300;
  font-size: 20px;
}
.modal-header button .icon:hover {
  color: #626c80;
}
.modal-title {
  letter-spacing: 0;
  line-height: 26px;
  word-break: break-all;
}
.modal-body {
  padding-bottom: 4rem;
  margin-top: 2.5rem;
  word-break: break-word;
}
.modal-body textarea {
  overflow-x: hidden;
  min-height: 80px;
  height: 200px;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transform: translate3d(0, 0, 0);
}
.slide-right {
  top: 5.5rem;
}
.modal.slide-right .modal-dialog {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}
.modal.slide-right .modal-content {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}
.modal.slide-right.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transform: translate3d(0, 0, 0);
}
.modal.slide-right.in .modal-dialog {
  transform: translate3d(0, 0, 0);
}
.modal.slide-right .modal-header {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.modal.slide-right .modal-body {
  -webkit-flex: 1 auto;
  -ms-flex: 1 auto;
  flex: 1 auto;
  order: 2;
  overflow-y: scroll;
}
.modal.slide-right .modal-footer {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  order: 3;
}
/* FORMS LAYOUT
---------------------------------------- */
.form-horizontal .control-label {
  text-align: left;
}
.form-group {
  margin-bottom: 2.25rem;
}
.form-group:last-child {
  margin-bottom: 0;
}
/* FORM CONTROLS
---------------------------------------- */
label,
.control-label {
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.8rem;
}
label.modal-label,
.control-label.modal-label {
  color: #4a90e2;
}
.tab-control-label {
  height: 1.8rem;
  color: #949faa;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.8rem;
}
.control-label {
  margin-bottom: 0.4rem;
}
.input-group .form-control:first-child {
  border-radius: 4px;
}
.input-group-btn:last-child > .btn {
  border-radius: 6px;
}
.form-control {
  padding: 1.1rem 2.2rem 1.1rem 1.1rem;
  position: relative;
  box-sizing: border-box;
  border: 1px solid #d2d4d7;
  border-radius: 4px;
  background-color: #f7f7f9;
  box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.06);
  height: 4rem;
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 18px;
}
.input-text {
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 18px;
}
.input-active-gradient-border {
  border: double 1px transparent;
  border-radius: 4px;
  background-image: linear-gradient(#f7f7f9, #f7f7f9), linear-gradient(135deg, #9e80e5 0%, #8488ef 50.54%, #6866e0 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.06);
}
.form-control:hover,
.form-control:active,
.form-control:focus {
  border: double 1px transparent;
  border-radius: 4px;
  background-image: linear-gradient(#f7f7f9, #f7f7f9), linear-gradient(135deg, #9e80e5 0%, #8488ef 50.54%, #6866e0 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.06);
}
.form-control:placeholder-shown {
  text-overflow: ellipsis;
}
::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder {
  height: 18px;
  width: calc(100% + 2.2rem);
  color: #949faa;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 18px;
}
::-moz-placeholder,
.form-control::-moz-placeholder {
  color: rgba(75, 80, 85, 0.3);
  width: calc(100% + 2.2rem);
}
:-ms-input-placeholder,
.form-control:-ms-input-placeholder {
  color: rgba(75, 80, 85, 0.3);
}
.form-optional-flag {
  margin-bottom: -1.5rem;
  font-size: 1.1rem;
  font-weight: bold;
  color: #949faa;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0;
  line-height: 1.2rem;
}
.pair-input {
  position: relative;
}
.pair-input > .pull-left,
.pair-input > .pull-right {
  width: 50%;
}
.pair-input > .pull-left {
  padding-right: 2px;
}
.pair-input > .pull-right {
  padding-left: 2px;
}
.pair-input > .left-fill {
  position: absolute;
  top: 0;
  left: 0;
  right: 14.4rem;
}
.pair-input > .right-fill {
  position: absolute;
  top: 0;
  right: 0;
  left: 14.4rem;
}
.pair-input > .right-fill.pair-spacing {
  left: 17rem;
}
.pair-input > .fixed-left {
  width: 14rem;
}
.pair-input > .fixed-right {
  float: right;
  width: 14rem;
  height: 4rem;
}
.pair-input-container .help-block-container {
  margin-top: 5px;
}
.pair-input-container .help-block-container change-indicator .change-indicator i.icon {
  padding: 0 8px;
}
.pair-input-container .help-block-container .help-block {
  margin-top: 0;
}
.help-block-converter-container {
  position: absolute;
  top: 0;
  right: -75px;
}
.help-block-converter-btn {
  height: fit-content;
}
.help-block-converter-btn:hover {
  height: fit-content;
}
.help-block-tooltip {
  margin-left: 6.2rem !important;
}
.help-block-tooltip2 {
  margin-left: 6.2rem !important;
}
.help-block-tooltip2 .tooltip-arrow {
  margin-top: 1px !important;
}
.select {
  color: #4a90e2;
  position: relative;
  line-height: 0;
}
.select select:hover,
.select select:focus,
.select select:focus {
  border: 1px solid #6866e0;
  border-radius: 4px;
}
.select:after {
  position: absolute;
  right: 1.3rem;
  top: 2.2rem;
  height: 1.1rem;
  width: 0.7rem;
  content: '\F107';
  font-family: 'Font Awesome 5 Pro';
  font-size: 1.1rem;
  pointer-events: none;
  vertical-align: middle;
}
:before {
  box-sizing: border-box;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select::-ms-expand {
  display: none;
}
option:hover,
option:focus,
option:active {
  background-color: #c6dbf6;
}
option:checked {
  background-color: #f4f8fe;
}
option {
  height: 32px;
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 33px;
}
select option {
  background: #ffffff;
}
textarea {
  resize: vertical;
}
.form-plaintext {
  display: inline-block;
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}
/* CHECKBOX & RADIOS
---------------------------------------- */
.radio-group input[type='radio']:checked + span {
  font-weight: 600;
}
.radio,
.checkbox {
  margin-top: 0.5rem;
}
.checkbox:last-child,
.radio:last-child {
  margin-bottom: 0;
}
input[type='checkbox'] + span {
  font-weight: 600;
}
input[type='checkbox'][disabled] + span {
  color: #949faa;
}
input[type='checkbox'] {
  margin-top: 2px;
}
.radio label:before {
  border-radius: 8px;
}
.form-horizontal .checkbox {
  min-height: 4rem;
  padding-top: 9px;
}
/* TOOLTIPS
---------------------------------------- */
.tooltip.in {
  opacity: 1;
}
.tooltip.right-top > .tooltip-arrow,
.tooltip.left-top > .tooltip-arrow {
  top: 1.2rem !important;
  border-right-color: #4b5055;
}
.tooltip > .tooltip-inner {
  background-color: #4b5055;
  color: #ffffff;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  width: 22.5rem;
  text-align: left;
  min-height: 34px;
  padding: 1.5rem 1.7rem;
  border-radius: 4px;
}
.tooltip > .tooltip-inner ul li:not(:only-of-type) {
  margin-bottom: 1rem;
}
.tooltip > .tooltip-inner .tooltip-error {
  background-color: #e24a4a;
}
.tooltip-error + .tooltip .tooltip-inner,
.tooltip-warning + .tooltip .tooltip-inner {
  opacity: 1;
  color: #4b5055;
}
.tooltip-error + .tooltip .tooltip-arrow,
.tooltip-warning + .tooltip .tooltip-arrow {
  opacity: 1;
}
.tooltip-error + .tooltip .tooltip-inner {
  background-color: #fbe4e4;
}
.tooltip-error + .tooltip.top .tooltip-arrow,
.tooltip-error + .tooltip.top-left .tooltip-arrow,
.tooltip-error + .tooltip.top-right .tooltip-arrow {
  border-top-color: #fbe4e4;
  border-right-color: #fbe4e4;
}
.tooltip-error + .tooltip.bottom .tooltip-arrow,
.tooltip-error + .tooltip.bottom-left .tooltip-arrow,
.tooltip-error + .tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #fbe4e4;
  border-right-color: #fbe4e4;
}
.tooltip-error + .tooltip.right .tooltip-arrow,
.tooltip-error + .tooltip.right-top .tooltip-arrow,
.tooltip-error + .tooltip.right-bottom .tooltip-arrow {
  border-right-color: #fbe4e4;
}
.tooltip-error + .tooltip.left .tooltip-arrow,
.tooltip-error + .tooltip.left-top .tooltip-arrow,
.tooltip-error + .tooltip.left-bottom .tooltip-arrow {
  border-left-color: #fbe4e4;
  border-right-color: #fbe4e4;
}
.tooltip-warning + .tooltip .tooltip-inner {
  background-color: #fff0df;
}
.tooltip-warning + .tooltip.top .tooltip-arrow,
.tooltip-warning + .tooltip.top-left .tooltip-arrow,
.tooltip-warning + .tooltip.top-right .tooltip-arrow {
  border-top-color: #fff0df;
  border-right-color: #fff0df;
}
.tooltip-warning + .tooltip.bottom .tooltip-arrow,
.tooltip-warning + .tooltip.bottom-left .tooltip-arrow,
.tooltip-warning + .tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #fff0df;
  border-right-color: #fff0df;
}
.tooltip-warning + .tooltip.right .tooltip-arrow,
.tooltip-warning + .tooltip.right-top .tooltip-arrow,
.tooltip-warning + .tooltip.right-bottom .tooltip-arrow {
  border-right-color: #fff0df;
}
.tooltip-warning + .tooltip.left .tooltip-arrow,
.tooltip-warning + .tooltip.left-top .tooltip-arrow,
.tooltip-warning + .tooltip.left-bottom .tooltip-arrow {
  border-left-color: #fff0df;
  border-right-color: #fff0df;
}
/* GRIDS
---------------------------------------- */
table {
  font-size: 1.2rem;
  border: none;
}
.grid tr {
  border-bottom-style: solid;
  border-bottom-color: #c6dbf6;
  border-bottom-width: 1px;
}
.grid thead tr {
  border: none;
}
.grid th {
  background: #eee;
  font-size: 1.1rem;
  font-weight: 700;
  color: #4b5055;
  text-transform: uppercase;
}
.grid th {
  height: 3.4rem !important;
  padding: 0 1.5rem;
}
.grid td {
  height: 4rem;
  padding: 1rem 1.5rem;
  font-weight: 600;
}
.grid tr {
  cursor: pointer;
}
.grid tr:hover {
  background-color: rgba(39, 142, 202, 0.02) !important;
}
.grid tr:nth-child(even) {
  background-color: transparent;
}
.grid tr:nth-child(even) {
  background: transparent;
}
.grid tr:nth-child(odd) {
  background: transparent;
}
/* ALERTS & NOTIFICATIONS
---------------------------------------- */
.alert {
  position: relative;
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
  border: none;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  line-height: 17px;
}
.alert strong {
  font-weight: 600;
}
.alert pre {
  margin: 0;
  padding: 1rem 0 0 0;
  font-size: 1.25rem;
  font-family: 'Open Sans', sans-serif;
  color: #4b5055;
  background: transparent;
  border: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.alert .show-hide-btn {
  margin-top: 1.5rem;
}
.alert .show-hide-btn button,
.alert .show-hide-btn button:hover,
.alert .show-hide-btn button:active,
.alert .show-hide-btn button:focus {
  padding: 0.25rem 0.5rem;
  color: #fff;
  background-color: #e24a4a;
  text-decoration: none;
  font-size: 1rem;
}
.alert .close {
  color: #d1524c;
  opacity: 1;
  font-size: 11px;
}
.alert-text-default {
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 17px;
}
.alert-icon-default {
  height: 1.3rem;
  width: 1.5rem;
  font-family: 'Font Awesome 5 Pro';
  font-size: 1.3rem;
  letter-spacing: 0;
  line-height: 1.3rem;
  margin-right: 1rem;
}
.alert-danger i,
.alert-success i,
.alert-info i,
.alert-warning i {
  height: 1.3rem;
  width: 1.5rem;
  font-family: 'Font Awesome 5 Pro';
  font-size: 1.3rem;
  letter-spacing: 0;
  line-height: 1.3rem;
  margin-right: 1rem;
}
.alert-danger {
  border-left: 5px solid #e24a4a;
  background-color: #fbe4e4;
  border-radius: 4px;
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 17px;
}
.alert-danger i {
  color: #e24a4a;
}
.alert-success {
  border-left: 5px solid #2fb2be;
  background-color: #e0f4f6;
  border-radius: 4px;
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 17px;
}
.alert-success i {
  color: #2fb2be;
}
.alert-info {
  border-left: 5px solid #278eca;
  background-color: #d4e8f4;
  border-radius: 4px;
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 17px;
}
.alert-warning {
  border-left: 5px solid #ffa500;
  background-color: #fff0df;
  border-radius: 4px;
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 17px;
}
.alert-warning i {
  color: #ffa500;
}
/** Probably never used **/
.alert-pause {
  color: #8065b0;
  border-left: 5px solid purple;
  border-radius: 4px;
  background-color: #b366b3;
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 17px;
}
/* BADGES
---------------------------------------- */
.badge {
  width: 98px;
  height: 19px;
  font-size: 9px;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-border-radius: 0;
  border-radius: 0;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 0;
  line-height: 13px;
}
.badge-default,
.change-request-document-type-badge,
.badge-alert,
.badge-pending-import,
.badge-error,
.badge-pause,
.badge-approve,
.badge-ok {
  min-width: 98px;
  width: fit-content;
}
.grid-type-badge {
  color: #626c80;
  background: #e5f0fe;
  text-align: center;
  line-height: 14px;
  height: 19px;
  width: fit-content;
}
.grid-type-badge .icon {
  width: 1.3rem;
  margin-left: -0.3rem;
}
.ag-cell[col-id='ChangeRequestState'],
.ag-cell[col-id='ChangeRequestType'],
.ag-cell[col-id='SubmissionState'],
.ag-cell[col-id='ProductType'] {
  text-overflow: unset !important;
}
.ag-cell [class*='badge-'] {
  width: fit-content;
  min-width: 98px;
}
.document-type-badge {
  background-color: #e5f0fe;
  color: #626c80;
  min-width: 48px;
  width: fit-content;
}
.change-request-document-type-badge {
  background-color: #ababac;
  color: #ffffff;
}
.badge-default {
  background-color: #626c80;
}
.badge-approve {
  background-color: #2fb2be;
}
.badge-pending-import {
  background-color: #474696;
}
.badge-alert {
  background-color: #ffa500;
}
.badge-pause {
  background-color: #8065b0;
}
.badge-ok {
  background-color: #2fb2be;
}
.badge-imported {
  background-color: #474696;
}
.badge-error {
  background-color: #e24a4a;
}
/* TAB SECTION
---------------------------------------- */
.edit-modal-view .modal-body {
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.edit-modal-view .panel-description {
  margin-bottom: 1.5rem;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  order: 1;
}
.edit-modal-view .panel-description-text {
  margin-bottom: 1rem;
}
.edit-modal-view .nav-tabs {
  margin-bottom: 1rem;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  order: 2;
}
.edit-modal-view .nav-tabs li {
  width: 50%;
}
.edit-modal-view .tab-content {
  padding: 0;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  order: 3;
  overflow-y: auto;
}
.edit-modal-view .tab-pane {
  padding: 0;
}
.edit-modal-view .tooltip {
  font-size: 1.1rem;
  text-transform: none;
}
.edit-modal-view .vevo-channel-typeahead {
  height: 4rem;
}
asset-change-indicator {
  position: absolute;
  right: 3px;
  bottom: 3px;
  z-index: 3;
  font-size: 1.4rem;
  border-radius: 2px;
}
.motion-art-guidelines .motion-art-overlay-area {
  height: 48px;
  width: 240px;
  background-image: linear-gradient(0.25turn, transparent, rgba(0, 0, 0, 0.25), transparent);
  opacity: 0.75;
  position: absolute;
  display: flex;
  justify-content: center;
}
.motion-art-guidelines .motion-art-safe-area {
  position: absolute;
  width: 212px;
  height: 151px;
  opacity: 0.6;
  display: flex;
  margin: 50px 14px 120px 14px;
  justify-content: center;
  background-image: repeating-linear-gradient(45deg, #387934, #387934 10px, #3d8e39 10px, #3d8e39 20px);
}
.motion-art-guidelines .motion-art-metadata-area {
  position: absolute;
  width: 240px;
  height: 116px;
  opacity: 0.75;
  display: flex;
  justify-content: center;
  margin-top: 204px;
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.75));
}
.motion-art-guidelines .motion-art-overlay-area p,
.motion-art-guidelines .motion-art-safe-area p,
.motion-art-guidelines .motion-art-metadata-area p {
  align-content: center;
  font-size: 11px;
  width: 160px;
  color: white;
  font-weight: bolder;
}
.image-buttons-motion-art {
  position: absolute;
  top: 2.5%;
  left: 5%;
  z-index: 100;
}
.image-buttons-motion-art:focus-visible {
  opacity: 1;
  transform: scale(1, 1);
}
html,
body {
  height: 100%;
  min-height: 100%;
  overflow-y: hidden;
}
.app-body {
  height: 100%;
  position: relative;
  margin-top: 5.5rem;
  padding-left: 6rem;
}
.app-body .view-title-container {
  position: fixed;
  top: 5.5rem;
  left: 6rem;
  right: 0;
  z-index: 1000;
  padding-left: 40px;
  padding-right: 40px;
}
.app-body .view-spacer-container {
  position: fixed;
  top: 14.4rem;
  left: 6rem;
  right: 0;
  margin-left: 40px;
  margin-right: 40px;
  background: linear-gradient(90deg, #ded9f5 0%, #c6dbf6 47.52%, #c6cff2 100%);
  height: 2px;
  z-index: 100;
}
.app-body .view-content-container {
  position: fixed;
  top: 5.5rem;
  overflow-y: auto;
  left: 6rem;
  right: 0;
  bottom: 0;
  padding-left: 40px;
  padding-right: 40px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
}
@media (min-width: 1200px) {
  .app-body {
    padding-left: 20.5rem;
  }
  .app-body .view-title-container,
  .app-body .view-spacer-container,
  .app-body .view-content-container {
    left: 20.5rem;
  }
  body.sidenav-closed .app-body {
    padding-left: 6rem;
  }
  body.sidenav-closed .app-body .view-title-container,
  body.sidenav-closed .app-body .view-spacer-container,
  body.sidenav-closed .app-body .view-content-container {
    left: 6rem;
  }
}
.tab-pane {
  padding: 1.5rem 0;
}
.nav-tabs {
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  border-bottom-style: solid;
  border-bottom-width: 4px;
  border-bottom-color: #eee;
}
.nav-tabs > li {
  margin-bottom: -4px;
}
.nav-tabs > li > a {
  height: 3.6rem;
  margin: 0;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  color: #949faa;
  border: none;
  border-bottom-style: solid;
  border-bottom-width: 4px;
  border-bottom-color: #eee;
  cursor: pointer;
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s;
}
.nav-tabs > li > a:hover {
  color: #b1b0ef;
  border-bottom-width: 4px;
  border-bottom-color: #b1b0ef;
  background: transparent;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #5e5bde;
  border-image: linear-gradient(135.21deg, #9e80e5, #8488ef, #6866e0) 1;
  background: transparent;
  border: 0 none;
  border-bottom: 4px solid;
  margin: 0;
}
.nav-tabs > li.disabled > a,
.nav-tabs > li.disabled > a:hover,
.nav-tabs > li.disabled > a:focus {
  color: #949faa;
  border-bottom-color: #eee;
}
.nav-tabs > li.active.has-error > a,
.nav-tabs > li.has-error > a:hover,
.nav-tabs > li.active.has-error > a:hover {
  color: #e24a4a;
  border-bottom-color: #e24a4a;
}
.modal-body .tab-pane {
  padding-top: 0;
}
.detail-view {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.modal.slide-right.fade > .modal-dialog,
.modal-right > .modal-dialog {
  width: 100%;
}
@media (min-width: 660px) {
  .modal.slide-right.fade > .modal-dialog,
  .modal-right > .modal-dialog {
    width: 600px;
  }
  .modal.slide-right.fade > .modal-dialog.modal-lg,
  .modal-right > .modal-dialog.modal-lg {
    width: 100%;
  }
}
@media (min-width: 960px) {
  .modal.slide-right.fade > .modal-dialog.modal-lg,
  .modal-right > .modal-dialog.modal-lg {
    width: 1000px;
  }
}
.modal-overflow-visible .modal-body {
  overflow: visible;
}
.modal-dialog.modal-fit {
  width: fit-content;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}
.modal-dialog.modal-xl {
  width: auto;
}
@media (min-width: 960px) {
  .modal-dialog.modal-xl {
    width: 1140px;
  }
}
.list-builder {
  position: relative;
}
.list-builder .list-item {
  position: relative;
  margin-bottom: 0.5rem;
}
.list-builder .pair-input,
.list-builder .artist-input,
.list-builder .list-input {
  margin-right: 3.6rem;
}
.list-builder li .icon-btn {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  width: 3.4rem;
  height: 4rem;
}
.list-builder li .icon-btn .icon {
  font-size: 1.5rem;
}
.list-builder .add-btn {
  padding: 0.75rem;
  font-size: 1.1rem;
  color: #8db7ee;
  background: transparent;
  line-height: 1.5rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.list-builder .add-btn .icon {
  font-size: 1rem;
  line-height: 2.2rem;
}
.alert-text-default {
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 17px;
}
.alert-icon-default {
  height: 1.3rem;
  width: 1.5rem;
  font-family: 'Font Awesome 5 Pro';
  font-size: 1.3rem;
  letter-spacing: 0;
  line-height: 1.3rem;
  margin-right: 1rem;
}
.validation-alert,
.rejection-alert {
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 17px;
}
.validation-alert ul,
.rejection-alert ul {
  margin-top: 1rem;
  margin-left: 2.2rem;
  list-style-type: square;
  font-weight: normal;
}
.validation-alert ul li,
.rejection-alert ul li {
  padding: 0.25rem 0;
}
.rejection-alert i {
  height: 1.3rem;
  width: 1.5rem;
  color: #e24a4a;
  font-family: 'Font Awesome 5 Pro';
  font-size: 1.3rem;
  letter-spacing: 0;
  line-height: 1.3rem;
}
.validation-alert i {
  height: 1.3rem;
  width: 1.5rem;
  font-family: 'Font Awesome 5 Pro';
  font-size: 1.3rem;
  letter-spacing: 0;
  line-height: 1.3rem;
  margin-right: 1rem;
}
.validation-alert .rejection-notes {
  white-space: pre-line;
  overflow-wrap: break-word;
}
.rejection-alert .rejection-notes {
  overflow-x: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  margin-top: 1rem;
  white-space: pre-line;
  font-weight: normal;
  color: #4b5055;
}
.rejection-alert .rejection-notes a {
  text-decoration: none;
}
.alert .alert-icon {
  display: table-cell;
  vertical-align: middle;
}
.alert .alert-icon i {
  height: 1.3rem;
  width: 1.5rem;
  font-family: 'Font Awesome 5 Pro';
  font-size: 1.3rem;
  letter-spacing: 0;
  line-height: 1.3rem;
  margin-right: 1rem;
}
.alert .alert-text {
  display: table-cell;
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 17px;
}
.alert.alert-warning .close {
  color: inherit;
}
.alert .alert-space {
  height: 1.7rem;
}
.artist-input {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.artist-input > .artist-name {
  width: 50%;
}
.artist-input > .artist-role {
  margin-left: 0.5rem;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
/* PRODUCT INFO LAYOUT
---------------------------------------- */
.product-detail-view .track-grid td {
  word-break: break-word;
}
.product-info {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  flex-flow: wrap;
}
.product-info div#product-thumbnail {
  display: flex;
  flex-direction: column;
  flex: 1 0 12.5%;
  align-items: center;
}
.product-info div#product-thumbnail div#image-uploader {
  flex: 1 0 auto;
  height: 29rem;
  width: 29rem;
  max-height: 29rem;
}
.product-info div#product-thumbnail div#add-remove-motion-art {
  flex: 1 0 auto;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}
.product-info div#product-metadata {
  flex: 1 1 70%;
}
@media (min-width: 768px) {
  .product-info {
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }
}
.value-placeholder {
  color: #949faa;
}
.btn-internal-description {
  display: block;
  padding: 0;
}
/* TRACKS DETAIL VIEW
---------------------------------------- */
.track-detail-view .product-metadata ul {
  width: 100%;
}
.track-detail-view .product-metadata li {
  line-height: normal;
}
.track-detail-view .product-metadata label,
.track-detail-view .product-metadata .value {
  padding: 0.5rem 0;
}
.track-detail-view .product-metadata .contrib-name {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.5rem 0;
}
.track-detail-view .product-metadata .contrib-role {
  display: block;
  text-align: right;
  width: 12rem;
  min-width: 12rem;
  color: #949faa;
  padding: 0.5rem 0.5rem 0.5rem 0;
}
.track-detail-view .product-metadata .performer-name {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.track-detail-view .product-metadata .contrib-label {
  text-align: left;
  vertical-align: top;
}
.track-detail-view .product-metadata .value {
  white-space: normal;
}
.track-detail-view .product-metadata .value li {
  display: block;
}
.track-detail-view .product-metadata .value li + .value-placeholder {
  display: none;
}
/* COMMON DETAIL VIEW STYLES
---------------------------------------- */
.detail-view {
  /* Hide arrow */
}
.detail-view div.row.detail-modal-row {
  max-width: 60rem;
}
.detail-view div.row.detail-modal-row.primary-translated-values {
  margin-bottom: 5px;
}
.detail-view div.row.detail-modal-row [class^='col-xs'] {
  padding-left: 0;
}
[class^='col-xs']:not(.detail-view div.row.detail-modal-row.primary-translated-values):not(:first-child),
.detail-view div.row.detail-modal-row .nested-rows-loop > [class^='col-xs'] {
  padding-left: 15px;
}
.detail-view div.row.detail-modal-row label,
.detail-view div.row.detail-modal-row detail-value,
.detail-view div.row.detail-modal-row .primary-value {
  font-size: 12px;
  line-height: 27px;
}
.detail-view div.row.detail-modal-row label {
  color: #949faa;
}
.detail-view div.row.detail-modal-row detail-value,
.detail-view div.row.detail-modal-row .primary-value {
  color: #4b5055;
  font-weight: 600;
}
.detail-view div.row.detail-modal-row detail-value span.value-placeholder {
  margin-left: 0.5rem;
}
.detail-view div.row.detail-modal-row#payment-splits detail-value div.value {
  width: 500px;
}
.detail-view .tooltip-modal-right.in.right-top {
  color: red;
  left: calc(100% - 300px) !important;
}
.detail-view .tooltip-modal-right .tooltip-arrow {
  top: 2rem !important;
  border-right-width: 1.5rem;
  border-top-width: 12.5px;
  border-bottom-width: 12.5px;
  left: -7.5px !important;
}
.detail-view .custom-ids {
  width: fit-content;
  min-width: 14em;
}
.detail-view .custom-ids-link {
  text-decoration: none;
}
.detail-view .custom-ids-link-none {
  cursor: text;
}
.detail-view .custom-ids-link detail-value {
  color: #278eca;
  font-weight: 600;
}
.detail-view .tooltip.copy-icon-tooltip .tooltip-inner {
  color: #eee;
  background-color: #4b5055;
  padding: 0.3rem 0.8rem;
  min-height: 0;
  width: fit-content;
  font-weight: 600;
}
.detail-view .tooltip.copy-icon-tooltip .tooltip-arrow {
  border-top-color: #4b5055;
  opacity: 0.85;
}
.change-disabled-tooltip {
  width: 22rem;
  max-width: 22rem;
}
.change-disabled-tooltip > .tooltip-inner {
  width: 22rem;
  max-width: 22rem;
  white-space: normal;
}
ul.detail-list {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin-bottom: 2rem;
}
ul.detail-list li {
  display: table-row;
}
ul.detail-list li label {
  display: table-cell;
  vertical-align: top;
  padding: 0.5rem 0.5rem 0.5rem 0;
  width: 14.5rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: #949faa;
  word-break: break-word;
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 0;
  line-height: 2.7rem;
}
ul.detail-list li detail-value {
  display: table-cell;
  padding: 0.5rem 0;
  width: 100%;
  font-size: 1.2rem;
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 2.7rem;
}
ul.detail-list li detail-value .row:not(:first-child) {
  margin-top: 0.5rem;
}
ul.detail-list li detail-value .row div table tr td .info {
  font-size: 1.2rem;
  display: block;
  line-height: 1.8rem;
}
ul.detail-list li#spotify-id,
ul.detail-list li#apple-id {
  display: list-item;
  width: 40rem;
}
ul.detail-list li#spotify-id label,
ul.detail-list li#apple-id label {
  display: inline-block;
  margin: 0;
}
ul.detail-list li#spotify-id div.custom-ids,
ul.detail-list li#apple-id div.custom-ids {
  display: inline-block;
}
.edit-product-form {
  overflow-x: hidden;
}
.edit-product-form .tooltip > .tooltip-inner {
  width: 22.5rem;
  text-align: left;
}
.edit-product-form .form-horizontal {
  margin-right: 24rem;
}
.edit-product-form .col-sm-9 {
  padding-right: 0;
}
.edit-product-form .small-input {
  width: 14rem;
}
.edit-product-form .x-small-input {
  width: 10rem;
}
.edit-product-form .help-block {
  min-height: 15.7px;
  margin-top: 0.5rem;
  margin-bottom: 0;
  font-size: 1.1rem;
  font-weight: 600;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.edit-product-form-info #deferredDeliveriesMusicServices.hide-dropdown-icon.select:after {
  z-index: 0 !important;
}
.edit-product-form-info .select.one-column-selectize .selectize-control.multi > .selectize-input .item:not(:empty) {
  width: inherit;
}
.edit-product-form-info .select .selectize-control .selectize-input.items,
.edit-product-form-info .tags .selectize-control .selectize-input.items,
.edit-product-form-info .select .selectize-control .selectize-input.edit-product-form-info .select .selectize-control .selectize-input.input-active,
.edit-product-form-info .select .selectize-control .selectize-input.edit-product-form-info .tags .selectize-control .selectize-input.input-active,
.edit-product-form-info .tags .selectize-control .selectize-input.edit-product-form-info .select .selectize-control .selectize-input.input-active,
.edit-product-form-info .tags .selectize-control .selectize-input.edit-product-form-info .tags .selectize-control .selectize-input.input-active {
  color: #4b5055;
  font-size: 1.3rem;
  font-weight: 600;
}
.edit-product-form-info .select .selectize-control .selectize-dropdown,
.edit-product-form-info .tags .selectize-control .selectize-dropdown {
  cursor: pointer;
}
.edit-product-form-info .tags .selectize-control.multi > .selectize-input {
  padding-left: 1.1rem;
}
.edit-product-form-info .select .selectize-control .selectize-input.items,
.edit-product-form-info .select .selectize-control .selectize-input.edit-product-form-info .select .selectize-control .selectize-input.input-active {
  padding-top: 0.95rem;
}
.edit-product-form-info .select .selectize-control .selectize-input.items .item,
.edit-product-form-info .select .selectize-control .selectize-input.edit-product-form-info .select .selectize-control .selectize-input.input-active .item {
  margin-top: 0;
  vertical-align: unset;
  height: fit-content;
}
.edit-product-form-info .select2-selection {
  padding: 1.1rem 2.2rem 1.1rem 1.1rem !important;
}
.edit-product-form-info .select2-selection span.select2-selection__rendered {
  line-height: 1.8rem;
}
.edit-product-form-info .calendar-txt-input .form-control {
  font-weight: 600;
}
.edit-product-form-info textarea {
  overflow-x: hidden;
  min-height: 80px;
}
.absolute-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.overflow-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.break-word {
  white-space: normal;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.wrap-normal {
  white-space: normal;
  -ms-word-wrap: normal;
  word-wrap: normal;
}
.break-white-spaces {
  white-space: break-spaces;
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  33% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  0% {
    opacity: 0;
  }
  33% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }
  33% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadein {
  0% {
    opacity: 0;
  }
  33% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  0% {
    opacity: 0;
  }
  33% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fade-in {
  -webkit-animation: fadein 0.3s ease-in;
  -moz-animation: fadein 0.3s ease-in;
  -ms-animation: fadein 0.3s ease-in;
  -o-animation: fadein 0.3s ease-in;
  animation: fadein 0.3s ease-in;
}
.margin-1x {
  margin: 0.5rem !important;
}
.margin-2x {
  margin: 1rem !important;
}
.margin-3x {
  margin: 1.5rem !important;
}
.margin-4x {
  margin: 2rem !important;
}
.margin-top-1x {
  margin-top: 0.5rem !important;
}
.margin-top-2x {
  margin-top: 1rem !important;
}
.margin-top-3x {
  margin-top: 1.5rem !important;
}
.margin-top-4x {
  margin-top: 2rem !important;
}
.margin-left-1x {
  margin-left: 0.5rem !important;
}
.margin-left-2x {
  margin-left: 1rem !important;
}
.margin-left-3x {
  margin-left: 1.5rem !important;
}
.margin-left-4x {
  margin-left: 2rem !important;
}
.margin-right-1x {
  margin-right: 0.5rem !important;
}
.margin-right-2x {
  margin-right: 1rem !important;
}
.margin-right-3x {
  margin-right: 1.5rem !important;
}
.margin-right-4x {
  margin-right: 2rem !important;
}
.margin-bottom-1x {
  margin-bottom: 0.5rem !important;
}
.margin-bottom-2x {
  margin-bottom: 1rem !important;
}
.margin-bottom-3x {
  margin-bottom: 1.5rem !important;
}
.margin-bottom-4x {
  margin-bottom: 2rem !important;
}
.margin-0 {
  margin: 0 !important;
}
.margin-top-0 {
  margin-top: 0 !important;
}
.margin-right-0 {
  margin-right: 0 !important;
}
.margin-bottom-0 {
  margin-bottom: 0 !important;
}
.margin-left-0 {
  margin-left: 0 !important;
}
.padding-1x {
  padding: 0.5rem !important;
}
.padding-2x {
  padding: 1rem !important;
}
.padding-3x {
  padding: 1.5rem !important;
}
.padding-4x {
  padding: 2rem !important;
}
.padding-top-1x {
  padding-top: 0.5rem !important;
}
.padding-top-2x {
  padding-top: 1rem !important;
}
.padding-top-3x {
  padding-top: 1.5rem !important;
}
.padding-top-4x {
  padding-top: 2rem !important;
}
.padding-left-1x {
  padding-left: 0.5rem !important;
}
.padding-left-2x {
  padding-left: 1rem !important;
}
.padding-left-3x {
  padding-left: 1.5rem !important;
}
.padding-left-4x {
  padding-left: 2rem !important;
}
.padding-right-1x {
  padding-right: 0.5rem !important;
}
.padding-right-2x {
  padding-right: 1rem !important;
}
.padding-right-3x {
  padding-right: 1.5rem !important;
}
.padding-right-4x {
  padding-right: 2rem !important;
}
.padding-bottom-1x {
  padding-bottom: 0.5rem !important;
}
.padding-bottom-2x {
  padding-bottom: 1rem !important;
}
.padding-bottom-3x {
  padding-bottom: 1.5rem !important;
}
.padding-bottom-4x {
  padding-bottom: 2rem !important;
}
.padding-0 {
  padding: 0 !important;
}
.padding-top-0 {
  padding-top: 0 !important;
}
.padding-right-0 {
  padding-right: 0 !important;
}
.padding-bottom-0 {
  padding-bottom: 0 !important;
}
.padding-left-0 {
  padding-left: 0 !important;
}
.d-block {
  display: block;
}
.d-inline {
  display: inline;
}
.d-inline-block {
  display: inline-block;
}
.width-0 {
  width: 0;
}
.width-25 {
  width: 25%;
}
.width-50 {
  width: 50%;
}
.width-75 {
  width: 75%;
}
.width-100 {
  width: 100%;
}
.flex-display {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.flex-center-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  text-align: center;
}
.flex-row-nowrap {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.flex-display-wrap {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-grow {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.flex-shrink {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.icon {
  /*
        By default icons will take on the font size of the container.

        Font Awesome provides helper classes to scale the size by a constant factor:
        https://fontawesome.com/how-to-use/on-the-web/styling/sizing-icons
        These should work for most cases!
        Note: Font Awesome icons are optimized for 14px and multiples of 14px

        Otherwise, these classes can be used to size them explicitly if needed.
    */
  /*
        Example usage: This places a small exclamation-circle icon over the lower-right corner of a check icon
        <span class="fa-stack">
            <i class="icon far fa-check">
                <i class="icon icon-bottom-right fas fa-exclamation-circle"></i>
            </i>
        </span>
    */
}
.icon.icon-error {
  color: #e24a4a;
}
.icon.icon-warning {
  color: #ffa500;
}
.icon.icon-success {
  color: #2fb2be;
}
.icon.icon-xs {
  font-size: 0.8rem;
}
.icon.icon-sm {
  font-size: 1.4rem;
}
.icon.icon-med {
  font-size: 1.6rem;
}
.icon.icon-lg {
  font-size: 1.8rem;
}
.icon.icon-xl {
  font-size: 2rem;
}
.icon.icon-bottom-right {
  font-size: 0.55em !important;
  margin: 0 !important;
  position: absolute;
  top: 0.55em;
  left: 0.55em;
}
.icon.icon-if-error {
  display: none;
}
.icon.icon-if-valid {
  display: inline-block;
}
.has-error .icon-if-error {
  display: inline-block;
}
.has-error .icon-if-valid {
  display: none;
}
.nav-tabs .icon:not(:last-child),
.dropdown-menu .icon:not(:last-child),
button .icon:not(:last-child),
.popover-content .icon:not(:last-child),
.badge .icon:not(:last-child),
.alert .icon:not(:last-child) {
  margin-right: 0.5rem;
}
li.performer.list-item {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #d2d4d7;
}
li.performer.list-item:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0.5rem;
  border-bottom: none;
}
li.performer.list-item:last-of-type .multi-input .icon-btn {
  bottom: 0;
}
li.performer.list-item .multi-input {
  margin-right: 3.6rem;
  margin-bottom: 4px;
}
li.performer.list-item .multi-input:last-child {
  margin-bottom: 0;
}
li.performer.list-item .multi-input .icon-btn {
  top: auto;
  bottom: 10px;
}
li.performer.list-item .multi-input > div {
  padding-left: 2px;
  padding-right: 2px;
}
li.performer.list-item .multi-input > div:first-child {
  padding-left: 0;
}
li.performer.list-item .multi-input > div:last-of-type {
  padding-right: 0;
}
.track-info-view {
  position: relative;
  margin-bottom: 6.5rem;
}
.track-info-view .track-select-all {
  height: 30px;
  line-height: 30px;
  margin-bottom: 1rem;
  margin-top: -0.5rem;
  margin-left: 1.5rem;
  text-transform: uppercase;
  vertical-align: middle;
}
.track-info-view .track-select-all .track-select-all-text {
  margin-top: 0.5rem;
  margin-left: 1.5rem;
  vertical-align: middle;
  color: #4a90e2;
  font-size: 13px;
  font-weight: 600;
  text-transform: none;
}
.track-info-view .volume-info {
  padding: 0 1rem 0 1.5rem;
}
.track-info-view .volume-count,
.track-info-view .volume-track-count,
.track-info-view .prompt-message {
  line-height: 3rem;
}
.track-info-view .prompt-message {
  color: #949faa;
}
.track-info-view .prompt-message strong {
  color: #4b5055;
}
.track-info-view .view-subtitle {
  margin-bottom: 1rem;
}
.edit-track-checkbox {
  min-width: 150px;
}
.edit-track-withhold-mechanicals {
  margin-bottom: 9rem;
}
.pair-checkbox {
  display: inline-block;
  margin-right: 0.5rem;
}
/* EDITABLE TRACK LIST COMPONENT
---------------------------------------- */
.edit-track-list-grid {
  width: 100%;
}
.edit-track-list-grid .table-header {
  background-color: #f4f8fe;
}
.edit-track-list-grid.track-grid td:first-child {
  padding-left: 1.5rem;
}
.edit-track-list-grid.track-grid td {
  height: 4.4rem;
  padding: 0 0.5rem;
  vertical-align: middle;
}
.edit-track-list-grid .track-select {
  width: 4.75rem;
  padding-left: 1.5rem;
  text-align: left;
}
.edit-track-list-grid .video-track-icon {
  width: 3rem;
  padding-right: 0;
  padding-left: 1.5rem;
  text-align: center;
}
.edit-track-list-grid .video-track-icon .badge {
  min-width: 2rem;
  width: 2rem;
  display: block;
  padding: 0.3rem 0 0.4rem 0;
}
.edit-track-list-grid .video-track-icon .tooltip {
  margin-left: -1rem;
}
.edit-track-list-grid .video-play-btn {
  font-size: 1.9rem;
  color: #4b5055;
}
.edit-track-list-grid .track-asset {
  width: 20.8rem;
  padding-right: 0;
}
.edit-track-list-grid .track-status {
  padding-right: 0;
}
.edit-track-list-grid .sortable-target {
  border-top: 1px solid #eee;
}
.edit-track-list-grid .sortable-target td {
  height: 4.4rem;
  background: rgba(39, 142, 202, 0.2);
}
.edit-track-list-grid .empty-volume-droptarget {
  border-color: transparent;
}
.edit-track-list-grid .empty-volume-droptarget td {
  height: 1rem;
  cursor: default;
}
.edit-track-list-grid .ui-sortable-helper {
  border-top: none;
  -webkit-box-shadow: 1px 1px 4px rgba(39, 142, 202, 0.4);
  box-shadow: 1px 1px 4px rgba(39, 142, 202, 0.4);
}
.edit-track-list-grid .ui-sortable-helper td {
  display: none;
  padding: 0 0.5rem;
  height: 4.4rem;
  line-height: 4.5rem;
  border-top: none;
  border-bottom: none;
  background: rgba(39, 142, 202, 0.4);
}
.edit-track-list-grid .ui-sortable-helper .track-count {
  display: block;
  width: 4rem;
  padding-left: 1.5rem;
}
.edit-track-list-grid .ui-sortable-helper .track-title {
  position: absolute;
  top: 0;
  right: 0;
  left: 4rem;
  display: block;
}
.track-navigation button.btn {
  min-width: 2.9rem;
  width: 2.9rem;
  padding-left: 1rem;
}
.track-navigation span {
  display: inline-block;
  width: 14rem;
  text-align: center;
}
.track-navigation .track-navigation-volume {
  padding-left: 1rem;
  width: auto;
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.4rem;
  text-align: right;
}
.track-navigation .track-navigation-track {
  padding-right: 1rem;
  width: auto;
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.4rem;
  text-align: right;
}
.has-warning .form-control,
.has-warning .form-control:focus {
  color: #ffa500;
  background-color: rgba(255, 165, 0, 0.1);
  border-color: #ffa500;
  -webkit-box-shadow: 1px 1px 1px rgba(210, 212, 215, 0.4) inset;
  box-shadow: 1px 1px 1px rgba(210, 212, 215, 0.4) inset;
}
.has-warning ::-webkit-input-placeholder {
  color: rgba(255, 165, 0, 0.5);
}
.has-warning ::-moz-placeholder {
  color: rgba(255, 165, 0, 0.5);
}
.has-warning :-ms-input-placeholder {
  color: rgba(255, 165, 0, 0.5);
}
.select.has-warning:after,
.has-warning .select:after {
  border-bottom-color: #ffa500;
}
.has-warning .select2-container.form-control .select2-choice {
  border: 1px solid rgba(255, 165, 0, 0.6);
}
.has-warning .select2-container-active.form-control .select2-choice {
  border: 1px solid rgba(255, 165, 0, 0.6);
}
.has-warning .calendar-txt-input .form-control[readonly] {
  background-color: rgba(255, 165, 0, 0.1);
}
.has-warning .calendar-txt-input .icon-btn {
  color: #ffa500;
}
.has-warning .calendar-txt-input .icon-btn:hover {
  opacity: 0.5;
}
.has-warning .simple-checkbox-container .simple-checkbox-input {
  border: 1px solid rgba(255, 165, 0, 0.6);
  background-color: rgba(255, 165, 0, 0.1);
}
.has-warning .simple-checkbox-container .simple-checkbox-label-text {
  color: #ffa500;
}
.has-warning .selectize-input input,
.has-warning .selectize-input input::placeholder {
  color: #ffa500;
}
.has-warning .time-picker-container button.btn.btn-default,
.has-warning .time-picker-container div.badge {
  color: #ffa500;
}
.has-error .form-control,
.has-error .form-control:focus {
  color: #e24a4a;
  background-color: #fcecec;
  border: 1px solid #e24a4a;
  border-radius: 4px;
  box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.06);
}
.has-error time-picker .form-control button.btn,
.has-error time-picker .form-control .badge {
  color: #e24a4a;
  background-color: #fcecec;
}
.has-error ::-webkit-input-placeholder {
  /* color: fade(@color-error, 50%); */
  color: #949faa;
}
.has-error ::-moz-placeholder {
  color: #949faa;
}
.has-error :-ms-input-placeholder {
  color: #949faa;
}
.select.has-error:after,
.has-error .select:after {
  border-bottom-color: #e24a4a;
  color: #e24a4a;
}
.has-error > .selectize-control > .selectize-input input,
.has-error > .selectize-control > .selectize-input input::placeholder {
  color: #e24a4a;
}
#intercom-container,
.intercom-namespace {
  display: none !important;
}
/* TOOLTIP STYLING
-------------------------------------- */
.tooltip {
  font-family: 'Open Sans', sans-serif;
}
/* SCROLLABLE TYPEAHEADS
-------------------------------------- */
input.typeahead-scroll + ul.dropdown-menu {
  max-height: 200px;
  min-width: 200px;
  overflow-y: auto;
  border-radius: 4px;
}
input.typeahead-scroll + ul.dropdown-menu a {
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0;
}
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  text-decoration: none;
  background-color: #c6dbf6;
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0;
}
/* BADGES
---------------------------------------- */
.explicit-badge-box-icon,
.clean-badge-box-icon {
  box-sizing: border-box;
  height: 1.6rem;
  min-width: 1.6rem;
  display: inline-block;
  text-align: center;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  vertical-align: middle;
}
.explicit-badge-box-icon {
  border: 2px solid #e24a4a;
}
.clean-badge-box-icon {
  border: 2px solid #949faa;
}
.clean-badge-icon,
.explicit-badge-icon {
  font-family: 'Open Sans', sans-serif;
  font-size: 0.9rem;
  font-weight: bold;
  text-transform: uppercase;
  vertical-align: top;
  text-align: center;
}
.explicit-badge-icon {
  color: #e24a4a;
}
.clean-badge-icon {
  color: #949faa;
}
.explicit-badge-box,
.clean-badge-box {
  min-height: 20px;
  height: fit-content;
  min-width: 60px;
  width: fit-content;
  width: -moz-fit-content;
  max-width: 110px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.explicit-badge-box {
  border: 2px solid #e24a4a;
}
.clean-badge-box {
  border: 2px solid #949faa;
}
.explicit-badge,
.clean-badge {
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 13px;
  height: 100%;
  vertical-align: middle;
  display: inline-block;
  padding: 0 1rem;
}
/* BUTTON BAR
---------------------------------------- */
.button-bar {
  padding: 1rem 1.5rem;
  background: #fff;
}
.button-bar .btn {
  min-width: 10rem;
}
.button-bar .menu-btn {
  width: 3rem;
  height: 3rem;
  margin-left: 0.7rem;
  color: #8db7ee;
}
.button-bar .dropdown-menu {
  top: 0;
}
.button-bar strong {
  font-weight: 700;
  color: #4b5055;
}
/* PROGRESS BAR
---------------------------------------- */
.progress {
  margin: 0;
  height: 1.5rem;
  background: #eee;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.progress .progress-bar {
  background: #278eca;
}
/* GENERAL FIXES
---------------------------------------- */
.modal.slide-right .modal-body {
  overflow-y: auto;
  overflow-x: hidden;
}
/* MODALS
---------------------------------------- */
.modal-wrap .modal-body {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.qc-notes {
  margin-top: 2rem;
}
/* GRIDS GLOBAL
---------------------------------------- */
th.actions {
  width: 5rem;
}
td.actions {
  text-align: center;
}
td.actions button {
  width: 3rem;
  height: 3rem;
  padding: 0;
}
/* TRACK DETAILS / GRIDS
---------------------------------------- */
.volume-info {
  padding: 0 1rem 0 1.5rem;
  vertical-align: middle;
  background: #e0edfd;
  height: 3.2rem;
}
.volume-info .volume-count {
  margin-right: 0.25rem;
  color: #000000;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 27px;
  vertical-align: middle;
}
.volume-info .volume-track-count {
  font-weight: 600;
  color: #949faa;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 27px;
  vertical-align: middle;
}
.grid .cell-content {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 17px;
}
.grid .tooltip {
  margin-left: 0;
  text-transform: none;
  white-space: nowrap;
}
.grid .fluid-column .cell-content {
  white-space: normal;
  word-break: break-word;
}
@media (max-width: 1024px) {
  .grid .fluid-column {
    width: 14rem;
  }
}
.track-grid-wrapper {
  margin-bottom: 2.25rem;
}
.track-grid-wrapper .track-grid {
  margin-bottom: 0;
}
.track-grid {
  width: 100%;
  table-layout: fixed;
  margin-bottom: 2.25rem;
}
.track-grid th,
.track-grid td {
  position: relative;
}
.track-grid th {
  height: 3rem !important;
  padding: 0.5rem;
  font-size: 1.2rem;
  background-color: #f4f8fe;
  cursor: default;
  color: #000000;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.3rem;
}
.track-grid th .icon.fa-clock {
  height: 1.3rem;
  width: 1.2rem;
  color: #000000;
  font-family: 'Font Awesome 5 Pro';
  font-size: 1.2rem;
  letter-spacing: 0;
  line-height: 1.3rem;
  font-weight: 500;
}
.track-grid td {
  padding: 1rem 0.5rem;
}
.track-grid td .track-row-data-link > i {
  height: 1.6rem;
  width: 1.6rem;
  color: #6866e0;
  font-family: 'Font Awesome 5 Pro';
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 1.7rem;
}
.track-grid .track-count {
  width: 3.15rem;
  text-align: center;
}
.track-grid .track-play-button {
  width: 2.75rem;
  text-align: center;
}
.track-grid .video-track-play-button {
  width: 2.75rem;
  text-align: center;
  padding: 0;
}
.track-grid .video-track-play-button button > i.fa-play-circle {
  font-size: 1.9rem;
  width: 100%;
  color: #4b5055;
}
@media (max-width: 1024px) {
  .track-grid .track-isrc {
    width: 12rem;
  }
}
@media (min-width: 1360px) {
  .track-grid .track-isrc {
    width: 12rem;
  }
}
@media (max-width: 1024px) {
  .track-grid .track-price {
    width: 14.5rem;
  }
}
@media (min-width: 1360px) {
  .track-grid .track-price {
    width: 14.5rem;
  }
}
.track-grid .track-type {
  width: 3rem;
  padding-right: 0;
  padding-left: 0;
  text-align: center;
}
.track-grid .track-type .badge {
  min-width: 2rem;
  width: 2rem;
  display: block;
  padding: 0.3rem 0 0.4rem 0;
}
.track-grid .track-type .tooltip {
  margin-left: -1rem;
}
.track-grid .track-explicit-lyrics {
  width: 3rem;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.track-grid .track-explicit-lyrics .tooltip {
  width: 10rem;
  white-space: nowrap;
}
.track-grid .track-explicit-content {
  width: 3rem;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.track-grid .track-explicit-content .tooltip {
  width: 11.5rem;
  white-space: nowrap;
}
.track-grid .track-length {
  width: 7rem;
  text-align: center;
}
.track-grid .track-status {
  width: 8rem;
  text-align: center;
}
.track-grid .track-changes {
  text-align: center;
  width: 8rem;
}
.track-grid .menu-btn {
  color: #8db7ee;
}
.hover-effect {
  background-color: #c6dbf6;
  color: #4b5055;
}
.hover-effect > li > i,
.hover-effect > li > a > i,
.hover-effect > i,
.hover-effect > a > i {
  color: #4a90e2;
  font-weight: 600;
}
.hover-effect > li > a,
.hover-effect > li > a > span,
.hover-effect > a > span {
  color: #4b5055;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.2rem;
  letter-spacing: 0;
}
.action-menu-icon {
  height: 3.3rem;
  width: 1.4rem;
  padding-right: 1.2rem;
  color: #8db7ee;
  font-family: 'Font Awesome 5 Pro';
  font-size: 1.2rem;
  letter-spacing: 0;
  cursor: pointer;
  font-weight: 400;
  display: inline-block;
}
.action-menu-text {
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.2rem;
  letter-spacing: 0;
  font-weight: 400;
}
.dropdown-menu.dropdown-menu-right {
  border: none;
  border-radius: 6px;
  box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.2);
  padding: 1.2rem 0 1.2rem 0;
  margin-left: 1rem;
  text-align: left;
}
.dropdown-menu.dropdown-menu-right .dropdown-menu-row {
  display: flex;
  justify-content: left;
  height: 32px;
  width: 100%;
  float: left;
  text-align: center;
  vertical-align: middle;
}
.dropdown-menu.dropdown-menu-right .dropdown-menu-row:active,
.dropdown-menu.dropdown-menu-right .dropdown-menu-row:focus,
.dropdown-menu.dropdown-menu-right .dropdown-menu-row:hover {
  background-color: #c6dbf6;
  color: #4b5055;
}
.dropdown-menu.dropdown-menu-right .dropdown-menu-row:active > li > i,
.dropdown-menu.dropdown-menu-right .dropdown-menu-row:focus > li > i,
.dropdown-menu.dropdown-menu-right .dropdown-menu-row:hover > li > i,
.dropdown-menu.dropdown-menu-right .dropdown-menu-row:active > li > a > i,
.dropdown-menu.dropdown-menu-right .dropdown-menu-row:focus > li > a > i,
.dropdown-menu.dropdown-menu-right .dropdown-menu-row:hover > li > a > i,
.dropdown-menu.dropdown-menu-right .dropdown-menu-row:active > i,
.dropdown-menu.dropdown-menu-right .dropdown-menu-row:focus > i,
.dropdown-menu.dropdown-menu-right .dropdown-menu-row:hover > i,
.dropdown-menu.dropdown-menu-right .dropdown-menu-row:active > a > i,
.dropdown-menu.dropdown-menu-right .dropdown-menu-row:focus > a > i,
.dropdown-menu.dropdown-menu-right .dropdown-menu-row:hover > a > i {
  color: #4a90e2;
  font-weight: 600;
}
.dropdown-menu.dropdown-menu-right .dropdown-menu-row:active > li > a,
.dropdown-menu.dropdown-menu-right .dropdown-menu-row:focus > li > a,
.dropdown-menu.dropdown-menu-right .dropdown-menu-row:hover > li > a,
.dropdown-menu.dropdown-menu-right .dropdown-menu-row:active > li > a > span,
.dropdown-menu.dropdown-menu-right .dropdown-menu-row:focus > li > a > span,
.dropdown-menu.dropdown-menu-right .dropdown-menu-row:hover > li > a > span,
.dropdown-menu.dropdown-menu-right .dropdown-menu-row:active > a > span,
.dropdown-menu.dropdown-menu-right .dropdown-menu-row:focus > a > span,
.dropdown-menu.dropdown-menu-right .dropdown-menu-row:hover > a > span {
  color: #4b5055;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.2rem;
  letter-spacing: 0;
}
.dropdown-menu.dropdown-menu-right .dropdown-menu-row > li > a,
.dropdown-menu.dropdown-menu-right .dropdown-menu-row > a {
  width: 100%;
  text-align: left;
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.2rem;
  letter-spacing: 0;
  font-weight: 400;
}
.dropdown-menu.dropdown-menu-right .dropdown-menu-row > li > a:active,
.dropdown-menu.dropdown-menu-right .dropdown-menu-row > a:active,
.dropdown-menu.dropdown-menu-right .dropdown-menu-row > li > a:focus,
.dropdown-menu.dropdown-menu-right .dropdown-menu-row > a:focus,
.dropdown-menu.dropdown-menu-right .dropdown-menu-row > li > a:hover,
.dropdown-menu.dropdown-menu-right .dropdown-menu-row > a:hover {
  background-color: #c6dbf6;
  color: #4b5055;
}
.dropdown-menu.dropdown-menu-right .dropdown-menu-row > li > a > i,
.dropdown-menu.dropdown-menu-right .dropdown-menu-row > li > i,
.dropdown-menu.dropdown-menu-right .dropdown-menu-row > a > i,
.dropdown-menu.dropdown-menu-right .dropdown-menu-row > i {
  height: 3.3rem;
  width: 1.4rem;
  padding-right: 1.2rem;
  color: #8db7ee;
  font-family: 'Font Awesome 5 Pro';
  font-size: 1.2rem;
  letter-spacing: 0;
  cursor: pointer;
  font-weight: 400;
  display: inline-block;
}
.track-detail-view .modal-header {
  display: flex;
  display: -webkit-flex;
}
.track-detail-view .textarea-scroll {
  width: 38rem;
  max-height: 18rem;
  overflow-y: auto;
  white-space: pre-wrap;
}
a {
  cursor: pointer;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type='number'] {
  -moz-appearance: textfield;
}
.validation-modal-error-list {
  margin: 1rem 0 2rem 0;
}
.title-version {
  font-size: 0.95em;
  margin-left: 5px;
  color: #949faa;
}
.product-title .title-version {
  margin-left: 0;
}

.modal-title.create-duplicate-product {
  height: 26px;
}
.form-control-modal {
  height: 40px;
  border-radius: 4px;
  background-color: #f7f7f9;
  box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.06);
}
.icon-close {
  height: 20px;
  width: 14px;
  color: #d2d4d7;
  font-family: 'Font Awesome 5 Pro';
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 22px;
}
.icon-product-type {
  height: 15px;
  width: 15px;
  color: #4b5055;
  font-family: 'Font Awesome 5 Pro';
  font-size: 15px;
  letter-spacing: 0;
  line-height: 17px;
}
.icon-product-type-active {
  height: 15px;
  width: 15px;
  color: #6866e0;
  font-family: 'Font Awesome 5 Pro';
  font-size: 15px;
  letter-spacing: 0;
  line-height: 17px;
}
.icon-btn .fa-times {
  height: 1.3rem;
  letter-spacing: 0;
  line-height: 1.3rem;
  vertical-align: middle;
}
.btn-rectangle-group {
  position: relative;
  height: 80px;
  border-radius: 3px;
  background-color: #f2f1ff;
  box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.06);
  border-style: solid;
  border-width: 1px;
  border-color: #6866e0;
}
.btn-rectangle-group.btn-rectangle-short {
  min-width: 106px;
}
.btn-rectangle-group.btn-rectangle-short[disabled] {
  background-color: #f5f5f5;
  cursor: not-allowed;
}
.btn-rectangle-group.btn-rectangle-short[disabled] > span,
.btn-rectangle-group.btn-rectangle-short[disabled] > i {
  color: #e4e4e4;
}
.btn-rectangle-group.btn-rectangle-short[disabled] > img {
  filter: invert(1%) sepia(1%) saturate(1%) hue-rotate(1deg) brightness(1000%) contrast(80%);
}
.btn-rectangle-group.btn-rectangle-short[disabled]:hover {
  background-color: #ffffff;
}
.btn-rectangle-group.btn-rectangle-normal {
  width: 146px;
}
.btn-rectangle-group.btn-rectangle-normal[disabled] {
  background-color: #f5f5f5;
  cursor: not-allowed;
}
.btn-rectangle-group.btn-rectangle-normal[disabled] > span,
.btn-rectangle-group.btn-rectangle-normal[disabled] > i {
  color: #e4e4e4;
}
.btn-rectangle-group.btn-rectangle-normal[disabled] > img {
  filter: invert(1%) sepia(1%) saturate(1%) hue-rotate(1deg) brightness(1000%) contrast(80%);
}
.btn-rectangle-group.btn-rectangle-normal[disabled]:hover {
  background-color: #ffffff;
}
.btn-rectangle-group.btn-default,
.btn-rectangle-group.btn-default[disabled] {
  width: 146px;
  box-sizing: border-box;
  height: 80px;
  border: 1px solid #d2d4d7;
  border-radius: 3px;
  background-color: #f7f7f9;
  box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.06);
}
.btn-rectangle-group.btn-default[disabled] {
  background-color: #f5f5f5;
  cursor: not-allowed;
}
.btn-rectangle-group.btn-default[disabled] > span,
.btn-rectangle-group.btn-default[disabled] > i {
  color: #e4e4e4;
}
.btn-rectangle-group.btn-default[disabled] > img {
  filter: invert(1%) sepia(1%) saturate(1%) hue-rotate(1deg) brightness(1000%) contrast(80%);
}
.btn-rectangle-group.btn-default[disabled]:hover {
  background-color: #ffffff;
}
.btn-rectangle-group.btn-default-short,
.btn-rectangle-group.btn-default-short[disabled] {
  width: 106px;
  box-sizing: border-box;
  height: 80px;
  border: 1px solid #d2d4d7;
  border-radius: 3px;
  background-color: #f7f7f9;
  box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.06);
}
.btn-rectangle-group.btn-default-short[disabled] {
  background-color: #f5f5f5;
  cursor: not-allowed;
}
.btn-rectangle-group.btn-default-short[disabled] > span,
.btn-rectangle-group.btn-default-short[disabled] > i {
  color: #e4e4e4;
}
.btn-rectangle-group.btn-default-short[disabled] > img {
  filter: invert(1%) sepia(1%) saturate(1%) hue-rotate(1deg) brightness(1000%) contrast(80%);
}
.btn-rectangle-group.btn-default-short[disabled]:hover {
  background-color: #ffffff;
}
.product-btn-group {
  margin: 1rem 0 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.product-btn,
.product-btn:hover,
.product-btn:active,
.product-btn[disabled] {
  border-radius: 6px;
  font-size: 11px;
  font-weight: bold;
  height: 80px;
}
.modal-dialog {
  width: 678px;
  background-color: #ffffff;
}
.modal-dialog.modal-lg {
  width: 900px;
}
.spacer-rectangle-horizontal-small {
  width: 0;
  height: 13px;
}
.product-type-name-text {
  height: 15px;
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 12px;
}
.product-type-name-text-active {
  height: 15px;
  color: #6866e0;
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 12px;
}
.product-type-info {
  width: 460px;
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 13px;
}
.modal-spacer-rectangle-highlight {
  height: 3px;
  background: linear-gradient(135deg, #9e80e5 0%, #8488ef 50.54%, #6866e0 100%);
  width: 106px;
  margin-left: 0;
  transition: all 0.4s ease-in-out;
}
.modal-spacer-rectangle-highlight.audio-album-separator-long {
  margin-left: 0;
}
.modal-spacer-rectangle-highlight.hr-album-separator-long {
  margin-left: 157px;
}
.modal-spacer-rectangle-highlight.music-video-separator-long {
  margin-left: 314px;
}
.modal-spacer-rectangle-highlight.atmos-audio-album-separator-long {
  margin-left: 471px;
}
.modal-spacer-rectangle-highlight.audio-album-separator {
  margin-left: 0;
}
.modal-spacer-rectangle-highlight.hr-album-separator {
  margin-left: 118px;
}
.modal-spacer-rectangle-highlight.music-video-separator {
  margin-left: 236px;
}
.modal-spacer-rectangle-highlight.atmos-audio-album-separator {
  margin-left: 354px;
}
.modal-spacer-rectangle-highlight.av-bundle-separator {
  margin-left: 472px;
}
.modal-spacer-rectangle-container {
  height: 3px;
  background-color: #d2d4d7;
  position: relative;
}
.right-side-checkbox {
  display: grid;
  justify-items: right;
}
.right-side-checkbox div {
  width: max-content;
  height: max-content;
}

.create-project-btn {
  margin-bottom: 3px !important;
  margin-left: 1px !important;
}

.modal-body .asset-metadata {
  padding-top: 1.7rem;
  padding-left: 0;
}
.modal-body .asset-metadata .asset-header {
  margin-bottom: 0.7rem;
}
.modal-body .asset-metadata label,
.modal-body .asset-metadata .value {
  display: table-cell;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  font-weight: 600;
}
.modal-body .asset-metadata label {
  width: 14.5rem;
  min-width: 14.5rem;
  padding-right: 0.5rem;
  color: #6e788c;
}
.modal-body .asset-metadata .value {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.asset-metadata:first-child {
  padding-top: 0;
}

.modal.thumbnail-frame-modal {
  height: auto;
}
.thumbnail-frame-modal {
  width: 1080px;
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 6px;
  overflow: hidden;
}
.thumbnail-frame-modal .modal-dialog {
  width: 100%;
  margin: 0;
  border-radius: 6px;
  background-color: #ffffff;
  overflow: hidden;
  height: 100%;
}
.thumbnail-frame-modal .modal-dialog .modal-body .modal-spacer {
  margin: 0 2rem 2rem 1rem;
}
.thumbnail-frame-modal .modal-dialog .modal-body .video-frame-header {
  display: flex;
  display: -webkit-flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  width: 100%;
  padding: 3rem 0;
}
.thumbnail-frame-modal .modal-dialog .modal-body .video-frame-header .video-frame-header-section {
  text-align: center;
  flex: 1 1 0;
}
.thumbnail-frame-modal .modal-dialog .modal-body .video-frame-header .video-frame-header-section:first-child {
  text-align: left;
}
.thumbnail-frame-modal .modal-dialog .modal-body .video-frame-header .video-frame-header-section:last-child {
  text-align: right;
}
.thumbnail-frame-modal .modal-dialog .modal-body .video-frame-header .video-frame-title {
  vertical-align: middle;
  color: #454f63;
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 22px;
}
.thumbnail-frame-modal .modal-dialog .modal-body .video-frame-header .video-frame-separator {
  vertical-align: middle;
  height: 11px;
  width: 7px;
  color: #4b5055;
  font-family: 'Font Awesome 5 Pro';
  font-size: 11px;
  letter-spacing: 0;
  line-height: 12px;
  padding: 0px 12px;
}
.thumbnail-frame-modal .modal-dialog .modal-footer {
  background: inherit;
  padding-left: 3.5rem;
  padding-right: 5rem;
}
.thumbnail-frame-modal .modal-dialog .modal-footer .modal-spacer {
  margin: 0 0 2rem 0;
}
.thumbnail-frame-modal .modal-dialog .modal-footer .icon-btn {
  border: 1px solid transparent;
  margin-right: 1rem;
}
.video-frame-modal {
  height: 817px;
  width: 1080px;
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 6px;
  overflow: hidden;
}
.video-frame-modal .modal-dialog {
  width: 100%;
  margin: 0;
  border-radius: 6px;
  background-color: #ffffff;
  overflow: hidden;
  height: 100%;
}
.video-frame-modal .modal-dialog .modal-body .modal-spacer {
  margin: 0 2rem 2rem 1rem;
}
.video-frame-modal .modal-dialog .modal-body .video-frame-header {
  display: flex;
  display: -webkit-flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  width: 100%;
  padding: 3rem 0;
}
.video-frame-modal .modal-dialog .modal-body .video-frame-header .video-frame-header-section {
  text-align: center;
  flex: 1 1 0;
}
.video-frame-modal .modal-dialog .modal-body .video-frame-header .video-frame-header-section:first-child {
  text-align: left;
}
.video-frame-modal .modal-dialog .modal-body .video-frame-header .video-frame-header-section:last-child {
  text-align: right;
}
.video-frame-modal .modal-dialog .modal-body .video-frame-header .video-frame-title {
  vertical-align: middle;
  color: #454f63;
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 22px;
}
.video-frame-modal .modal-dialog .modal-body .video-frame-header .video-frame-separator {
  vertical-align: middle;
  height: 11px;
  width: 7px;
  color: #4b5055;
  font-family: 'Font Awesome 5 Pro';
  font-size: 11px;
  letter-spacing: 0;
  line-height: 12px;
  padding: 0px 12px;
}
.video-frame-modal .modal-dialog .modal-footer {
  background: inherit;
  padding-left: 3.5rem;
  padding-right: 5rem;
}
.video-frame-modal .modal-dialog .modal-footer .modal-spacer {
  margin: 0 0 2rem 0;
}
.video-frame-modal .modal-dialog .modal-footer .icon-btn {
  border: 1px solid transparent;
  margin-right: 1rem;
}
.images-frame-modal {
  width: 1080px;
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 6px;
  overflow: hidden;
}
.images-frame-modal .modal-dialog {
  width: 100%;
  margin: 0;
  border-radius: 6px;
  background-color: #ffffff;
  overflow: hidden;
  height: 100%;
}
.images-frame-modal .modal-dialog .modal-body .modal-spacer {
  margin: 0 2rem 2rem 1rem;
}
.images-frame-modal .modal-dialog .modal-body .video-frame-header {
  display: flex;
  display: -webkit-flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  width: 100%;
  padding: 3rem 0;
}
.images-frame-modal .modal-dialog .modal-body .video-frame-header .video-frame-header-section {
  text-align: center;
  flex: 1 1 0;
}
.images-frame-modal .modal-dialog .modal-body .video-frame-header .video-frame-header-section:first-child {
  text-align: left;
}
.images-frame-modal .modal-dialog .modal-body .video-frame-header .video-frame-header-section:last-child {
  text-align: right;
}
.images-frame-modal .modal-dialog .modal-body .video-frame-header .video-frame-title {
  vertical-align: middle;
  color: #454f63;
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 22px;
}
.images-frame-modal .modal-dialog .modal-body .video-frame-header .video-frame-separator {
  vertical-align: middle;
  height: 11px;
  width: 7px;
  color: #4b5055;
  font-family: 'Font Awesome 5 Pro';
  font-size: 11px;
  letter-spacing: 0;
  line-height: 12px;
  padding: 0px 12px;
}
.images-frame-modal .modal-dialog .modal-footer {
  background: inherit;
  padding-left: 3.5rem;
  padding-right: 5rem;
}
.images-frame-modal .modal-dialog .modal-footer .modal-spacer {
  margin: 0 0 2rem 0;
}
.images-frame-modal .modal-dialog .modal-footer .icon-btn {
  border: 1px solid transparent;
  margin-right: 1rem;
}
.video-frame-container {
  margin-right: 2rem;
  flex: 0 0 auto;
  width: 320px;
}
.video-frame-container .video-frame-time {
  width: 100%;
  text-align: center;
  font-weight: 600;
  padding: 1rem;
  height: 27px;
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 9px;
}
.video-frame-container .video-frame {
  background: #eee;
  position: relative;
  width: 100%;
}
.video-frame-container .video-frame:hover .video-frame-overlay {
  opacity: 1;
  transition: opacity 0.2s ease-in 0.1s;
}
.video-frame-container .video-frame.loaded img {
  opacity: 1;
  transition: opacity 0.2s ease-in 0.1s;
  max-width: 100%;
  min-height: 180px;
  height: auto;
}
.video-frame-container .video-frame img {
  max-width: 100%;
  height: 180px;
  opacity: 0;
}
.video-frame-container .video-frame .video-frame-fail {
  line-height: 180px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1rem;
  color: #949faa;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.video-frame-container .video-frame .video-frame-overlay {
  opacity: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-left: 20%;
  padding-right: 20%;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.video-frame-container .video-frame .video-frame-overlay button {
  width: 100%;
  margin-bottom: 1.5rem;
  background: transparent;
  color: #eee;
  border: 1px solid #eee;
  opacity: 0.6;
}
.video-frame-container .video-frame .video-frame-overlay button:hover {
  opacity: 1;
}
.video-frame-container .video-frame .video-frame-overlay button:active {
  opacity: 0.8;
}
.video-frame-container .video-frame .video-frame-overlay button:last-child {
  margin-bottom: 0;
}

.storyboard-content {
  position: relative;
}
.video-frame-modal {
  height: auto;
}
.video-frame-modal.modal-dialog {
  height: auto;
  overflow: auto;
  flex: 1;
  padding: 0;
  margin-right: -2.5rem;
  position: relative;
}
@media (max-height: 519px) {
  .video-frame-modal.modal-dialog {
    height: 437px;
  }
}
@media (min-height: 520px) {
  .video-frame-modal.modal-dialog {
    height: 517px;
  }
}
@media (min-height: 620px) {
  .video-frame-modal.modal-dialog {
    height: 617px;
  }
}
@media (min-height: 720px) {
  .video-frame-modal.modal-dialog {
    height: 717px;
  }
}
@media (min-height: 820px) {
  .video-frame-modal.modal-dialog {
    height: 817px;
  }
}
.storyboard-grid-wrapper {
  overflow: auto;
  flex: 1;
  padding: 0;
  margin-right: -2.5rem;
  position: relative;
}
@media (max-height: 519px) {
  .storyboard-grid-wrapper {
    height: 220px;
  }
}
@media (min-height: 520px) {
  .storyboard-grid-wrapper {
    height: 300px;
  }
}
@media (min-height: 620px) {
  .storyboard-grid-wrapper {
    height: 400px;
  }
}
@media (min-height: 720px) {
  .storyboard-grid-wrapper {
    height: 500px;
  }
}
@media (min-height: 820px) {
  .storyboard-grid-wrapper {
    height: 600px;
  }
}
@media (min-height: 920px) {
  .storyboard-grid-wrapper {
    height: 700px;
  }
}
@media (min-height: 1020px) {
  .storyboard-grid-wrapper {
    height: 800px;
  }
}
@media (min-height: 1120px) {
  .storyboard-grid-wrapper {
    height: 900px;
  }
}
@media (min-height: 1220px) {
  .storyboard-grid-wrapper {
    height: 1000px;
  }
}
@media (min-height: 1320px) {
  .storyboard-grid-wrapper {
    height: 1100px;
  }
}
@media (min-height: 1420px) {
  .storyboard-grid-wrapper {
    height: 1200px;
  }
}
.storyboard-grid-wrapper .storyboard-grid {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  flex-flow: row wrap;
  position: relative;
  min-height: 180px;
  justify-content: center;
}

.image-preview-modal .modal-dialog,
.image-preview-modal .modal-content {
  background: none;
  box-shadow: none;
}
.image-preview-modal .image-preview {
  width: 100%;
  height: auto;
  min-height: 200px;
}
.image-preview-modal .image-preview div#useDownloadButton {
  display: flex;
  justify-content: flex-end;
}
.image-preview-modal .image-preview div#useDownloadButtonText {
  width: fit-content;
  color: #fff;
  background-color: #1a2131;
  opacity: 0.9;
}

.edit-deal-terms-modal .modal-dialog .modal-content .modal-header .alert {
  margin-top: 2.5rem;
  margin-bottom: 0;
}
.edit-deal-terms-modal .modal-dialog .modal-content .modal-body {
  height: 100%;
  min-height: 10rem;
  max-height: 42rem;
  overflow-y: auto;
  overflow-x: hidden;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}

.blacklist-legalese-wrapper {
  white-space: pre-wrap;
  overflow: auto;
  flex: 1;
  padding: 0;
  margin-right: -2.5rem;
  position: relative;
  height: 56vh;
}
.blacklist-checkbox {
  padding-bottom: 1rem;
}

.add-releases-track-modal .modal-dialog {
  width: 900px;
  max-height: 50vh;
}
.add-releases-track-modal .modal-dialog .no-tracks-msg {
  text-align: center;
}
.add-releases-track-modal .modal-dialog .releases-track-grid th {
  position: static;
}
.add-releases-track-modal .modal-dialog .releases-track-grid tr.selected {
  border-style: solid;
  border-width: 1px;
  border-color: #278eca;
  background-color: rgba(39, 142, 202, 0.05);
}
.add-releases-track-modal .modal-dialog .releases-track-grid tr.selected td {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #278eca;
}
.add-releases-track-modal .modal-dialog .product-type-info {
  width: 100%;
  margin-bottom: 20px;
}

.no-products-msg {
  text-align: center;
}
.link-products-grid .link-products-header th {
  position: static;
}
.link-products-grid tr.selected {
  border-style: solid;
  border-width: 1px;
  border-color: #278eca;
  background-color: rgba(39, 142, 202, 0.05);
}
.link-products-grid tr.selected td {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #278eca;
}
.product-type-info {
  margin-bottom: 20px;
  width: 100%;
}
.product-type {
  width: 70px;
}
.product-condition {
  width: 125px;
}

.checkbox {
  margin-top: 9px;
}
.selectize-dropdown {
  z-index: 1060;
}

.video-player-modal .modal-body {
  text-align: center;
  text-align: -moz-center;
  text-align: -webkit-center;
}
.video-player-modal .modal-content #videoPlayerContainer {
  text-align: center;
  text-align: -moz-center;
  text-align: -webkit-center;
}
.video-player-modal .modal-content #videoPlayerContainer.motion-art-fix-size {
  width: 360px;
  height: 480px;
}
.video-player-modal .modal-content #videoPlayerContainer:hover .image-buttons-motion-art {
  opacity: 1 !important;
}
.video-player-modal .modal-content #videoPlayerContainer video#videoPlayer {
  background-color: black;
  width: 100%;
  height: 480px;
  max-width: 854px;
}
.video-player-modal .modal-content #videoPlayerContainer video#videoPlayer.fit {
  width: fit-content;
}
.video-player-modal .modal-content #videoPlayerContainer #motionArtGuidelinesContainer {
  position: absolute;
  width: 360px;
  height: 480px;
}
.video-player-modal .modal-content #videoPlayerContainer #motionArtGuidelinesContainer .image-buttons-motion-art {
  transform: scale(1.5);
  color: #ffffff;
  opacity: 0;
  text-shadow: 0 0 7px #000000;
  transition: 0.2s all 0.25s linear;
}
.video-player-modal .modal-content #videoPlayerContainer #motionArtGuidelinesContainer .image-buttons-motion-art button {
  color: #ffffff;
}
.video-player-modal .modal-content #videoPlayerContainer #motionArtGuidelinesContainer .motion-art-guidelines .motion-art-overlay-area {
  transform: scale(1.5);
  top: 12px;
  left: 60px;
}
.video-player-modal .modal-content #videoPlayerContainer #motionArtGuidelinesContainer .motion-art-guidelines .motion-art-safe-area {
  transform: scale(1.5);
  top: 62px;
  left: 60px;
}
.video-player-modal .modal-content #videoPlayerContainer #motionArtGuidelinesContainer .motion-art-guidelines .motion-art-metadata-area {
  transform: scale(1.5);
  top: 130px;
  left: 60px;
}

table tr th#volume-number {
  word-break: normal;
}
.icon-gradient-color {
  background: linear-gradient(135deg, #9e80e5 0%, #8488ef 50.54%, #6866e0 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

input#addMultipleTrackInput {
  margin: 1rem 0 1rem 0;
}

#duplicatePhysicalModal.modal-body i.icon.fas {
  margin: 0;
}
#duplicatePhysicalModal.modal-body button.btn-rectangle-group.btn-default-short,
#duplicatePhysicalModal.modal-body button.btn-rectangle-group.btn-default-short[disabled] {
  width: 130px;
}
#duplicatePhysicalModal.modal-body .modal-spacer-rectangle-highlight {
  width: 130px;
}

.restriction-settings .btn-group > .btn:last-child:not(:first-child) {
  border-radius: 0 4px 4px 0;
}
.restriction-settings .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.restriction-settings .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-radius: 4px 0 0 4px;
}
.restriction-settings .btn-blue {
  box-sizing: border-box;
  height: 32px;
  width: 152px;
  border: 1px solid #d2d4d7;
  background-color: #f7f7f7;
}
.restriction-settings .btn-blue.active {
  background: #8db7ee;
  box-shadow: none;
  outline: none;
}
.restriction-settings .btn-blue:hover {
  background-color: #eaeaea;
}
.restriction-settings .btn-blue span {
  height: 1.5rem;
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.1rem;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.2rem;
  text-align: center;
}
.restriction-settings .btn-blue.active > span {
  color: #ffffff;
}
.restriction-settings .btn-blue:hover > span {
  color: #4b5055;
}
.restriction-settings .btn-blue:hover,
.restriction-settings .btn-blue:focus,
.restriction-settings .btn-blue:active {
  outline: none;
  box-shadow: none;
}
.restriction-settings .panel {
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.restriction-settings .panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: none;
}
.restriction-settings .panel-group .panel + .panel {
  margin-top: 2px;
}
.restriction-settings .panel > .panel-heading {
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 0;
  overflow: hidden;
  height: 4.4rem;
  border-radius: 4px;
  background-color: #f7f7f7;
}
.restriction-settings .restriction-group {
  height: 4.4rem;
  font-size: 1.3rem;
  letter-spacing: 0;
  padding: 1.25rem 1.25rem;
}
.restriction-settings .restriction-group .restriction-count {
  display: inline-block;
  color: #949faa;
  vertical-align: middle;
}
.restriction-settings .restriction-group .restriction-change-indicator-container {
  display: inline-block;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
}
.restriction-settings .restriction-group .icon-down {
  display: inline-block;
  padding-left: 0.2rem;
  height: 1.1rem;
  width: 0.7rem;
  color: #4b5055;
  font-family: 'Font Awesome 5 Pro';
  font-size: 1.1rem;
  letter-spacing: 0;
  line-height: 1.2rem;
}
.restriction-settings .panel-body {
  padding: 0;
  border-top: none;
}
.restriction-settings .panel-title > a,
.restriction-settings .panel-title > a:hover {
  text-decoration: none;
}
.restriction-settings .restrictions-list {
  padding-left: 3rem;
}
.restriction-settings li {
  border-bottom: 1px solid #c6dbf6;
  display: block;
  padding: 1rem 1.25rem;
  font-weight: 400;
}
.restriction-settings li:hover {
  background-color: rgba(39, 142, 202, 0.02);
}
.restriction-settings li:last-child {
  border-bottom: none;
}
.restriction-settings .badge {
  padding: 0.3rem 0.5rem 0.4rem 0.5rem;
}
.restriction-settings .restriction-change-indicator-container {
  width: 2.3rem;
  height: 1.7rem;
}
.restriction-settings .restriction-list-actions {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  margin-bottom: 1rem;
}
.restriction-settings .restriction-list-actions .left,
.restriction-settings .restriction-list-actions .right {
  flex: 1;
}
.restriction-settings .restriction-list-actions .center .btn {
  min-width: 11rem;
}
.restriction-settings .disabled-restriction {
  font-weight: 600;
  color: #949faa;
  cursor: not-allowed;
}
.restriction-settings .disabled-restriction .icon {
  font-size: 1.6rem;
  margin-left: 0.1rem;
  margin-right: 0.5rem;
  color: #4b5055;
  opacity: 0.55;
}
.restriction-count {
  font-weight: 600;
  text-transform: none;
}
.restriction-count i {
  font-style: normal;
}

.edit-modal-view .restriction-settings {
  margin-top: 1.8rem;
}
.edit-modal-view .restriction-settings .panel-group {
  margin-top: 2px;
  margin-bottom: 0;
}
.edit-modal-view .restriction-settings .restriction-summary-text {
  font-size: 1.2rem;
  font-weight: 600;
}
.edit-modal-view .restriction-settings .restriction-group .icon-down {
  width: 1.4rem;
}
.edit-modal-view .restriction-settings .restriction-sub-group {
  padding-left: 3rem;
}
.edit-modal-view .restriction-settings .restriction-sub-group li {
  padding: 0;
}
.edit-modal-view .restriction-settings .restriction-sub-group li .restriction-group {
  background-color: #fff;
}
.edit-modal-view .restriction-settings .restriction-sub-group li ul {
  border-top: 1px solid #c6dbf6;
}
.edit-modal-view .restriction-settings .restriction-sub-group li .restrictions-list li {
  border-bottom: 1px solid #c6dbf6;
  padding: 1rem 1.25rem;
}
.edit-modal-view .restriction-settings .restriction-sub-group li .restrictions-list li:last-child {
  border-bottom: 0;
}
.edit-modal-view .restriction-settings .go-nogo-icon {
  padding-right: 5px;
}
.edit-modal-view .modal-body {
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.edit-modal-view .panel-description-text {
  margin-bottom: 1rem;
}
.edit-modal-view .nav-tabs {
  margin-bottom: 1rem;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  order: 1;
}
.edit-modal-view .nav-tabs li {
  width: 50%;
}
.edit-modal-view .tab-content {
  padding: 0;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  order: 2;
  overflow-y: auto;
}
.edit-modal-view .tab-pane {
  padding: 0;
}
.edit-modal-view .tooltip {
  font-size: 1.1rem;
  text-transform: none;
}

.bulk-edit-all {
  margin-left: 20px;
  padding-top: 0;
}
.bulk-edit-grid {
  margin-top: 30px;
}
.bulk-edit-grid > * {
  margin-bottom: 40px;
}
.bulk-edit-error {
  width: 36em;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  word-wrap: break-word;
  position: relative;
  display: inline-block;
  line-height: 1.5em;
  height: 4.5em;
  margin-left: 0.8rem;
}
.bulk-edit-confirm-button {
  vertical-align: middle;
}
.bulk-edit-container {
  width: 60em;
  margin-top: 0.5rem;
  padding: 1.5rem;
}
.bulk-edit-container .form-group {
  margin-bottom: 0.5rem;
}
.bulk-validation-list {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 1.5rem;
}
.medium-text {
  width: 12rem;
  margin-left: 0.2rem;
  margin-right: 0.2rem;
  text-align: center;
  vertical-align: top;
  text-overflow: ellipsis;
}
.short-text {
  width: 12rem;
  margin-left: 0.2rem;
  margin-right: 0.2rem;
  text-align: left;
  vertical-align: top;
}
.title-text {
  text-align: left;
}

.bulk-edit-error-banner {
  margin-bottom: 0;
}
.validation-banner-header {
  font-weight: 600;
  margin-bottom: 10px;
}

.create-identifiers-form {
  width: 500px;
}
.create-identifiers-form .create-identifiers-textarea {
  padding-right: 0;
}
.create-identifiers-form .create-identifiers-copy-icon {
  position: absolute;
  top: 5px;
  right: 11px;
}
.create-identifiers-form input[type='number'] {
  padding-right: 0.5rem;
}
.create-identifiers-form input[type='number']::-webkit-inner-spin-button,
.create-identifiers-form input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: auto;
}
.create-identifiers-form input[type='number'] {
  -moz-appearance: auto;
}
.create-identifiers-form .create_identifiers_spinner,
.create-identifiers-form .create_identifiers_spinner span {
  padding-left: 0;
  padding-right: 0;
}

.read-only-container {
  padding-left: 15px;
  padding-right: 15px;
}

section.page-not-found-container {
  text-align: center;
  margin-top: 20rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
}
section.page-not-found-container section#prodNotFoundText {
  margin-top: 4rem;
}
section.page-not-found-container section#prodNotFoundText h1 {
  font-size: 24px;
  margin-bottom: 3rem;
  font-weight: 600;
  text-transform: uppercase;
}
section.page-not-found-container section#prodNotFoundText p {
  font-size: 16px;
}

.validation-tooltip-element {
  position: absolute;
  width: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.validation-tooltip.tooltip .tooltip-inner {
  width: 22.5rem;
  font-size: 1.2rem;
  text-align: left;
  min-height: 34px;
  padding: 1.5rem 1.7rem;
  border-radius: 4px;
  overflow-wrap: break-word;
}
.validation-tooltip.tooltip .tooltip-inner ul li:not(:only-of-type) {
  margin-bottom: 1rem;
}

.uploader-container {
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: relative;
  color: #949faa;
}
.uploader-container.is-album-art {
  min-width: 290px;
}
.uploader-container .dropdown-menu {
  width: 157px;
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.15);
  font-size: 1.2rem;
  padding-top: 1.1rem;
  padding-bottom: 1.1rem;
  color: #4b5055;
  position: relative;
  float: right;
  top: 0.2rem;
}
.uploader-container .dropdown-menu .dropdown-menu-row {
  width: 100%;
  padding: 1rem;
  font-weight: 400;
}
.uploader-container .dropdown-menu .dropdown-menu-row:hover {
  background-color: #c6dbf6;
  color: #4b5055;
  font-weight: 600;
}
.uploader-container .dropdown-menu .dropdown-menu-row:hover > li > i,
.uploader-container .dropdown-menu .dropdown-menu-row:hover > li > a > i,
.uploader-container .dropdown-menu .dropdown-menu-row:hover > i,
.uploader-container .dropdown-menu .dropdown-menu-row:hover > a > i {
  color: #4a90e2;
  font-weight: 600;
}
.uploader-container .dropdown-menu .dropdown-menu-row:hover > li > a,
.uploader-container .dropdown-menu .dropdown-menu-row:hover > li > a > span,
.uploader-container .dropdown-menu .dropdown-menu-row:hover > a > span {
  color: #4b5055;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.2rem;
  letter-spacing: 0;
}
.uploader-container .dropdown-menu .icon {
  font-size: 1.2rem;
  color: #8db7ee;
  margin-right: 0.95rem;
}
.uploader-container .dropdown-menu .icon-external {
  width: 1.1rem;
  height: 1.1rem;
  margin-right: 0.95rem;
  background: #8db7ee;
}
.uploader-container .dropdown-menu:after,
.uploader-container .dropdown-menu:before {
  position: absolute;
  margin-right: -3px;
  background: #fff;
  content: '';
}
.uploader-container .dropdown-menu:before {
  right: 15px;
  top: -7.5px;
  transform: rotate(45deg);
  box-shadow: -1px -3px 10px -2px rgba(0, 0, 0, 0.15);
  height: 15px;
  width: 15px;
}
.uploader-container .dropdown-menu:after {
  right: 10px;
  top: 0;
  width: 30px;
}
.uploader-container .upload-progress {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 1.5rem;
}
.uploader-container .upload-progress .progress {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-right: 1rem;
  height: 7px;
  border-radius: 100px;
  background-color: #d2d4d7;
}
.uploader-container .upload-progress .progress .progress-bar {
  height: 7px;
  border-radius: 100px;
  background: linear-gradient(135deg, #9e80e5 0%, #8488ef 50.54%, #6866e0 100%);
}
.uploader-container .upload-progress .uploader-cancel {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
}
.uploader-container .upload-progress .uploader-cancel button.icon-btn {
  width: 0.9rem;
  background-image: none;
}
.uploader-container .upload-progress .uploader-cancel button.icon-btn:hover:not(.warning):not(.invalid) {
  background-image: none;
}
.uploader-container .upload-progress .uploader-cancel button.icon-btn i.icon {
  height: 12.5px;
  color: #8db7ee;
}
.uploader-container .upload-progress .uploader-cancel button.icon-btn i.icon:hover {
  color: #4a90e2;
}
.uploader-container .uploader-content {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.uploader-container .uploader-content .text-block {
  margin-top: 4rem;
  text-align: center;
  vertical-align: middle;
  font-weight: 400;
}
.uploader-container .uploader-content .text-comments {
  color: #626c80;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.1rem;
  letter-spacing: 0;
  line-height: 1.5rem;
  text-align: center;
  padding: 0 30px;
}
.uploader-container .uploader-content .uploader-text {
  text-align: center;
  vertical-align: middle;
  font-size: 1.2rem;
  font-weight: bold;
  color: #626c80;
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 0;
  line-height: 15px;
}
.uploader-container .uploader-content .uploader-text .btn-upload {
  border: none;
  background: transparent;
}
.uploader-container .uploader-content .uploader-text .btn-right {
  border-left: 1.2px solid #cecece;
}
.uploader-container .uploader-content .uploader-text .icon-text {
  height: 2.2rem;
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 2.2rem;
  text-align: center;
  margin-left: 2rem;
  margin-right: 2rem;
  margin-bottom: 2rem;
}
.uploader-container .uploader-content .uploader-text .btn-circle-blue {
  background: #4a90e2;
  border-radius: 50%;
  width: 3.3rem;
  height: 3.3rem;
  border: none;
  margin: 1rem 3.5rem 2rem;
  display: inline-block;
  vertical-align: middle;
}
.uploader-container .uploader-content .uploader-text .btn-circle-dark-blue {
  background: #1a2131;
  border-radius: 50%;
  width: 3.3rem;
  height: 3.3rem;
  border: none;
  margin: 1rem 3.5rem 2rem;
  display: inline-block;
  vertical-align: middle;
}
.uploader-container .uploader-content .uploader-text .icon-folder {
  height: 1.5rem;
  width: 1.486rem;
  color: #ffffff;
  font-family: 'Font Awesome 5 Pro';
  font-size: 14.4px;
  letter-spacing: 0;
  line-height: 15px;
  text-align: center;
  border: none;
  margin-top: 0.9rem;
}
.uploader-container .uploader-content .uploader-text .icon-external {
  width: 1.338rem;
  height: 1.338rem;
  border: none;
  box-shadow: none;
  margin-top: 0.9rem;
}
.uploader-container .uploader-content .uploader-text .uploader-text-heading {
  display: block;
  font-weight: 700;
}
.uploader-container .uploader-content .uploader-text .uploader-text-heading:last-child {
  margin-bottom: 0;
}
.uploader-container .uploader-content.empty#readOnlyEmptyImage {
  cursor: default;
}
.uploader-container .uploader-content.empty.drag {
  box-sizing: border-box;
  border: 1px dashed #4a90e2;
  background-color: #dcebff;
}
.uploader-container .vevo-thumbnail-title-block {
  margin-top: 2rem !important;
}
.uploader-container .vevo-thumbnail-title-block h5#vevoThumbnailTitle {
  margin: 0 0 1rem;
  font-weight: 600;
}
.uploader-container #readOnlyEmptyImage.uploader-content #readOnlyVevoEmptyImage {
  margin: 7rem;
  line-height: 1.75rem;
}
.booklet-uploader {
  max-width: 20rem;
  height: 3rem;
  padding-top: 0.2rem;
}
.booklet-uploader .upload-progress {
  bottom: 1rem;
}
.booklet-uploader .uploader-container {
  display: flex;
  flex-direction: row;
}
.booklet-uploader .uploader-container .uploader-text {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  color: #000;
  font-size: 1.2rem;
  font-weight: 600;
  text-align: left;
  width: 100%;
  height: 100%;
}
.booklet-uploader .uploader-container .uploader-text .uploader-text-heading {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-transform: none;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.booklet-uploader .uploader-container .uploader-text .uploader-text-heading .icon {
  margin-left: 0;
  margin-right: 0.5rem;
}
.booklet-uploader .uploader-container .uploader-text .booklet-file-name {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.booklet-uploader .uploader-container .uploader-text button {
  margin-left: 0.5rem;
}
.booklet-uploader .uploader-container .uploader-text .icon-btn {
  height: 1.4rem;
  width: 1.3rem;
  color: #8db7ee;
  font-family: 'Font Awesome 5 Pro';
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 1.6rem;
}
.booklet-uploader .uploader-container .uploader-text .icon-btn:active,
.booklet-uploader .uploader-container .uploader-text .icon-btn:focus,
.booklet-uploader .uploader-container .uploader-text .icon-btn:hover {
  color: #4a90e2;
}
.booklet-uploader .empty .uploader-text-heading {
  color: #4a90e2;
  font-size: 1.2rem;
  font-weight: 600;
}
.audio-uploader .uploader-container .uploader-text asset-change-indicator {
  position: unset;
  margin-bottom: 3.5px;
}
.audio-uploader .icon,
.link-uploader .icon {
  font-size: 1rem;
}
.audio-uploader .uploader-container,
.link-uploader .uploader-container {
  display: flex;
  flex-direction: row;
}
.audio-uploader .icon-btn,
.link-uploader .icon-btn {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-left: 0.1rem;
  border-radius: 0 4px 4px 0;
  background: linear-gradient(90deg, #ded9f5 0%, #cbe1fe 47.52%, #c6cff2 100%);
  height: 2.5rem;
  width: 2.7rem;
}
.audio-uploader .icon-btn .icon,
.link-uploader .icon-btn .icon {
  height: 1rem;
  width: 0.901rem;
  color: #4b5055;
  font-family: 'Font Awesome 5 Pro';
  font-size: 1.08rem;
  letter-spacing: 0;
  line-height: 1rem;
}
.audio-uploader .icon-btn:hover:not(.warning):not(.invalid),
.link-uploader .icon-btn:hover:not(.warning):not(.invalid) {
  opacity: 1;
  background: linear-gradient(90deg, rgba(222, 217, 245, 0.5) 0%, rgba(203, 225, 254, 0.5) 47.52%, rgba(198, 207, 242, 0.5) 100%);
}
.audio-uploader .icon-btn:not(:first-child):not(:last-child),
.link-uploader .icon-btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.audio-uploader .uploader-content:not(.invalid):not(.warning):not(.empty):hover,
.link-uploader .uploader-content:not(.invalid):not(.warning):not(.empty):hover {
  opacity: 1;
  background: linear-gradient(90deg, rgba(222, 217, 245, 0.5) 0%, rgba(203, 225, 254, 0.5) 47.52%, rgba(198, 207, 242, 0.5) 100%);
}
.audio-uploader .uploader-content.invalid,
.link-uploader .uploader-content.invalid,
.audio-uploader .icon-btn.invalid,
.link-uploader .icon-btn.invalid {
  background-color: #fbe4e4;
  background-image: none;
  border: none;
  color: #e24a4a;
}
.audio-uploader .uploader-content.invalid .icon-invalid,
.link-uploader .uploader-content.invalid .icon-invalid,
.audio-uploader .icon-btn.invalid .icon-invalid,
.link-uploader .icon-btn.invalid .icon-invalid {
  height: 1.1rem;
  width: 1.3rem;
  color: #e24a4a;
  font-family: 'Font Awesome 5 Pro';
  font-size: 1.1rem;
  letter-spacing: 0;
  line-height: 1.1rem;
}
.audio-uploader .uploader-content.invalid .uploader-text .error-icon,
.link-uploader .uploader-content.invalid .uploader-text .error-icon,
.audio-uploader .icon-btn.invalid .uploader-text .error-icon,
.link-uploader .icon-btn.invalid .uploader-text .error-icon {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
}
.audio-uploader .uploader-content.invalid .uploader-text .error-text,
.link-uploader .uploader-content.invalid .uploader-text .error-text,
.audio-uploader .icon-btn.invalid .uploader-text .error-text,
.link-uploader .icon-btn.invalid .uploader-text .error-text {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
  margin-left: 0.5rem;
  color: #e24a4a;
}
.audio-uploader .uploader-content.invalid .uploader-text:hover,
.link-uploader .uploader-content.invalid .uploader-text:hover,
.audio-uploader .icon-btn.invalid .uploader-text:hover,
.link-uploader .icon-btn.invalid .uploader-text:hover {
  background: rgba(226, 74, 74, 0.12);
}
.audio-uploader .uploader-content.warning,
.link-uploader .uploader-content.warning,
.audio-uploader .icon-btn.warning,
.link-uploader .icon-btn.warning {
  color: #4b5055;
  height: 2.5rem;
  background: #ffebc7;
}
.audio-uploader .uploader-content.warning .icon-warning,
.link-uploader .uploader-content.warning .icon-warning,
.audio-uploader .icon-btn.warning .icon-warning,
.link-uploader .icon-btn.warning .icon-warning {
  height: 1.1rem;
  width: 1.3rem;
  color: #ffa500;
  font-family: 'Font Awesome 5 Pro';
  font-size: 1.1rem;
  letter-spacing: 0;
  line-height: 1.1rem;
  margin-right: 0.4rem;
}
.audio-uploader .uploader-content.warning .uploader-text .error-text,
.link-uploader .uploader-content.warning .uploader-text .error-text,
.audio-uploader .icon-btn.warning .uploader-text .error-text,
.link-uploader .icon-btn.warning .uploader-text .error-text {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
}
.audio-uploader .uploader-content.warning .uploader-text .audio-file-name,
.link-uploader .uploader-content.warning .uploader-text .audio-file-name,
.audio-uploader .icon-btn.warning .uploader-text .audio-file-name,
.link-uploader .icon-btn.warning .uploader-text .audio-file-name {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.audio-uploader .uploader-content.warning .uploader-text .audio-file-length,
.link-uploader .uploader-content.warning .uploader-text .audio-file-length,
.audio-uploader .icon-btn.warning .uploader-text .audio-file-length,
.link-uploader .icon-btn.warning .uploader-text .audio-file-length,
.audio-uploader .uploader-content.warning .uploader-text .icon-btn,
.link-uploader .uploader-content.warning .uploader-text .icon-btn,
.audio-uploader .icon-btn.warning .uploader-text .icon-btn,
.link-uploader .icon-btn.warning .uploader-text .icon-btn {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-left: 1rem;
}
.audio-uploader .uploader-content.warning .uploader-text:hover,
.link-uploader .uploader-content.warning .uploader-text:hover,
.audio-uploader .icon-btn.warning .uploader-text:hover,
.link-uploader .icon-btn.warning .uploader-text:hover {
  background: rgba(255, 165, 0, 0.12);
}
.audio-uploader .icon-btn.warning:hover,
.link-uploader .icon-btn.warning:hover {
  background: rgba(255, 165, 0, 0.12);
}
.audio-uploader .icon-btn.invalid:hover,
.link-uploader .icon-btn.invalid:hover {
  opacity: 1;
  background: rgba(226, 74, 74, 0.12);
}
.audio-uploader .uploader-content,
.link-uploader .uploader-content {
  width: 14.7rem;
  height: 2.5rem;
  display: inline-block;
  border-radius: 3.6px 0 0 3.6px;
  background: linear-gradient(90deg, #ded9f5 0%, #cbe1fe 47.52%, #c6cff2 100%);
}
.audio-uploader .uploader-content:last-child,
.link-uploader .uploader-content:last-child {
  border-radius: 3.6px;
}
.audio-uploader .uploader-content.empty,
.link-uploader .uploader-content.empty {
  background: #f7f7f7;
  border: 1px dashed #949faa;
  border-radius: 3px;
  width: 20.1rem;
}
.audio-uploader .uploader-content.empty .dropdown-toggle,
.link-uploader .uploader-content.empty .dropdown-toggle,
.audio-uploader .uploader-content.empty .dropdown,
.link-uploader .uploader-content.empty .dropdown {
  height: 100%;
}
.audio-uploader .uploader-content.empty .uploader-text-heading,
.link-uploader .uploader-content.empty .uploader-text-heading {
  text-transform: uppercase;
  color: #4a90e2;
  font-weight: bold;
}
.audio-uploader .uploader-content.empty .uploader-text-heading .icon,
.link-uploader .uploader-content.empty .uploader-text-heading .icon {
  margin-right: 0.4rem;
}
.audio-uploader .uploader-content.empty:not(.warning):hover,
.link-uploader .uploader-content.empty:not(.warning):hover,
.audio-uploader .uploader-content.empty:not(.warning).drag,
.link-uploader .uploader-content.empty:not(.warning).drag {
  border: 1px dashed #4a90e2;
  background-color: #dcebff;
}
.audio-uploader .uploader-content.validating .uploader-text,
.link-uploader .uploader-content.validating .uploader-text {
  opacity: 0.6;
}
.audio-uploader .uploader-content .uploader-text,
.link-uploader .uploader-content .uploader-text {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  width: 100%;
  height: 100%;
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 0.9rem;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.3rem;
}
.audio-uploader .uploader-content .uploader-text,
.link-uploader .uploader-content .uploader-text {
  text-align: left;
  line-height: 1.3rem;
}
.audio-uploader .uploader-content .uploader-text .uploader-text-heading,
.link-uploader .uploader-content .uploader-text .uploader-text-heading {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-bottom: 0;
}
.audio-uploader .uploader-content.valid,
.link-uploader .uploader-content.valid {
  color: #4b5055;
}
.audio-uploader .uploader-content.valid .uploader-text .audio-file-name,
.link-uploader .uploader-content.valid .uploader-text .audio-file-name {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.audio-uploader .uploader-content.valid .uploader-text .audio-file-length,
.link-uploader .uploader-content.valid .uploader-text .audio-file-length,
.audio-uploader .uploader-content.valid .uploader-text .icon-btn,
.link-uploader .uploader-content.valid .uploader-text .icon-btn {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-left: 0.5rem;
}
.asset-info-button,
.delete-button,
.download-button {
  color: #8db7ee;
  font-size: 1.4rem;
}
.asset-info-button:hover,
.delete-button:hover,
.download-button:hover,
.asset-info-button:active,
.delete-button:active,
.download-button:active,
.asset-info-button:focus,
.delete-button:focus,
.download-button:focus {
  color: #4a90e2;
}
.image-uploader {
  text-align: center;
  height: 100%;
  width: 100%;
}
.image-uploader div.video-icon-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.image-uploader div.video-icon-container i.video-play-icon {
  font-size: 50px;
  opacity: 80%;
  transition: opacity 0.2s ease-in 0.1s;
  color: #ffffff;
}
.image-uploader div.video-icon-container i.video-play-icon:hover {
  opacity: 60%;
}
.image-uploader .upload-progress {
  left: 1.5rem;
}
.image-uploader .uploader-container {
  background: #f7f7f7;
}
.image-uploader img {
  height: 28rem;
  width: 28rem;
  -webkit-box-shadow: 0 0 4px #ccc;
  -moz-box-shadow: 0 0 4px #ccc;
  box-shadow: 0 0 4px #ccc;
}
.image-uploader .uploader-content.empty {
  box-sizing: border-box;
  border: 1px dashed #949faa;
}
.image-uploader .uploader-content.empty:active,
.image-uploader .uploader-content.empty:focus,
.image-uploader .uploader-content.empty:hover {
  box-sizing: border-box;
  border: 1px dashed #4a90e2;
  background-color: #dcebff;
}
.image-uploader .uploader-content {
  display: table;
}
.image-uploader .uploader-content.invalid {
  box-sizing: border-box;
  border: 1px dashed #e24a4a;
}
.image-uploader .uploader-content.invalid .uploader-text-heading {
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.5rem;
  text-align: center;
  margin-bottom: 0.6rem;
}
.image-uploader .uploader-content.invalid .uploader-text-heading i {
  height: 1.6rem;
  width: 1.8rem;
  color: #e24a4a;
  font-family: 'Font Awesome 5 Pro';
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 1.7rem;
  text-align: center;
  margin-bottom: 1.1rem;
}
.image-uploader .uploader-content.invalid .uploader-text-normal {
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.2rem;
  letter-spacing: 0;
  line-height: 1.5rem;
  text-align: center;
  font-weight: 400;
}
.image-uploader .uploader-content .uploader-text {
  display: table-cell;
}
.image-uploader .uploader-content .image-buttons {
  position: absolute;
  top: 2.5%;
  right: 2.5%;
}
.image-uploader .uploader-content .image-buttons:focus-visible {
  opacity: 1;
  transform: scale(1, 1);
}
.image-uploader .uploader-content .image-buttons .download-button {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.image-uploader .uploader-content.valid .asset-info-button,
.image-uploader .uploader-content.valid .delete-button,
.image-uploader .uploader-content.valid .download-button {
  color: #ffffff;
  opacity: 0;
  text-shadow: 0 0 7px #000000;
  -webkit-transition: 0.2s all 0.25s linear;
  -moz-transition: 0.2s all 0.25s linear;
  -ms-transition: 0.2s all 0.25s linear;
  -o-transition: 0.2s all 0.25s linear;
  transition: 0.2s all 0.25s linear;
  -webkit-transform: scale(1.5, 1.5);
  -moz-transform: scale(1.5, 1.5);
  -ms-transform: scale(1.5, 1.5);
  -o-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
}
.image-uploader .uploader-content.valid:hover .asset-info-button,
.image-uploader .uploader-content.valid:hover .delete-button,
.image-uploader .uploader-content.valid:hover .download-button {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
.filter-button i {
  margin-right: 0.5rem;
}
.filter-text {
  color: red;
  position: relative;
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
  border: none;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  line-height: 17px;
  cursor: default;
}
.filter-text strong {
  font-weight: 600;
}
.filter-text pre {
  font-size: 1.25rem;
  font-family: 'Open Sans', sans-serif;
  color: #4b5055;
  background: transparent;
  border: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.filter-button-banner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.filter-text-banner {
  margin-top: -0.5rem;
  margin-left: 1rem;
  display: inline;
  padding: 0.5rem 1rem 0.5rem 1rem;
  background-color: #e0f4f6;
  border-radius: 4px;
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 17px;
}
.filter-text-banner i {
  color: #2fb2be;
}

.video-frame-view {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  flex-flow: row nowrap;
}
.video-frame-view .video-frame-navigation {
  width: 100px;
  flex: 0 0 auto;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: background 0.2s ease-out;
}
.video-frame-view .video-frame-navigation .icon {
  color: #949faa;
  transition: color 0.2s ease-out;
}
.video-frame-view .video-frame-navigation:first-child {
  margin-left: -2.5rem;
}
.video-frame-view .video-frame-navigation:last-child {
  margin-right: -2.5rem;
}
.video-frame-view .video-frame-navigation:hover {
  cursor: pointer;
  background: #eee;
  transition: background 0.2s ease-in;
}
.video-frame-view .video-frame-navigation:hover .icon {
  color: #4b5055;
  transition: color 0.2s ease-in;
}
.video-frame-view .video-frame-navigation:active {
  -webkit-box-shadow: inset 0 0 10px #c1c1c1;
  -moz-box-shadow: inset 0 0 10px #c1c1c1;
  box-shadow: inset 0 0 10px #c1c1c1;
}
.video-frame-view .video-frame-image {
  position: relative;
  margin: 0 auto;
  min-height: 180px;
}
.video-frame-view .video-frame-image img {
  max-width: 100%;
  height: auto;
  width: 100%;
}

.video-range-view {
  overflow-x: auto;
  width: 100%;
  display: flex;
  display: -webkit-flex;
  flex-flow: row nowrap;
  position: relative;
  min-height: 180px;
}
.video-range-view .video-frame-container {
  margin-right: 2rem;
  flex: 0 0 auto;
  width: 320px;
}
.video-range-view .video-frame-container .video-frame-time {
  width: 100%;
  text-align: center;
  font-weight: 600;
  padding: 1rem;
}
.video-range-view .video-frame-container .video-frame {
  background: #eee;
  position: relative;
  width: 100%;
}
.video-range-view .video-frame-container .video-frame:hover .video-frame-overlay {
  opacity: 1;
  transition: opacity 0.2s ease-in 0.1s;
}
.video-range-view .video-frame-container .video-frame.loaded img {
  opacity: 1;
  transition: opacity 0.2s ease-in 0.1s;
  max-width: 100%;
  min-height: 180px;
  height: auto;
}
.video-range-view .video-frame-container .video-frame img {
  max-width: 100%;
  height: 180px;
  opacity: 0;
}
.video-range-view .video-frame-container .video-frame .video-frame-fail {
  line-height: 180px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1rem;
  color: #949faa;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.video-range-view .video-frame-container .video-frame .video-frame-overlay {
  opacity: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-left: 20%;
  padding-right: 20%;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.video-range-view .video-frame-container .video-frame .video-frame-overlay button {
  width: 100%;
  margin-bottom: 1.5rem;
  background: transparent;
  color: #eee;
  border: 1px solid #eee;
  opacity: 0.6;
}
.video-range-view .video-frame-container .video-frame .video-frame-overlay button:hover {
  opacity: 1;
}
.video-range-view .video-frame-container .video-frame .video-frame-overlay button:active {
  opacity: 0.8;
}
.video-range-view .video-frame-container .video-frame .video-frame-overlay button:last-child {
  margin-bottom: 0;
}

.thumbnail-metadata label {
  color: #999;
  padding-right: 0.5rem;
}
.thumbnail-metadata .value {
  font-weight: 600;
  cursor: text;
}
.thumbnail-metadata .value.has-error {
  color: #c11b17;
}
thumbnail-entry {
  text-align: center;
  margin: 0 auto 2rem;
}
thumbnail-entry .thumbnail-entry {
  height: 21.6rem;
  width: 38.4rem;
  background: #eeeeee;
  padding: 2rem 10rem;
  position: relative;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
thumbnail-entry .thumbnail-entry form {
  margin-top: 2.1rem;
}
thumbnail-entry .thumbnail-entry .thumbnail-entry-content {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 0.5rem;
  font-size: 1.1rem;
}
thumbnail-entry .thumbnail-entry .thumbnail-entry-content .thumbnail-entry-label {
  font-weight: 700;
  margin-bottom: 1.1rem;
  color: #4a90e2;
  text-transform: uppercase;
}
thumbnail-entry .thumbnail-entry .thumbnail-entry-content .thumbnail-entry-input time-input input {
  width: 8rem;
  padding: 0 25%;
}
thumbnail-entry .thumbnail-entry .thumbnail-entry-content .thumbnail-entry-input time-input input:placeholder-shown {
  padding: 0 1.75rem;
}
thumbnail-entry .thumbnail-entry .thumbnail-entry-content.thumbnail-entry-content-static {
  justify-content: center;
}
thumbnail-entry .thumbnail-entry .thumbnail-entry-content.thumbnail-entry-content-static .thumbnail-entry-input {
  font-size: 1.3rem;
  font-weight: 600;
  width: auto;
}
thumbnail-entry .thumbnail-entry .thumbnail-buttons {
  width: min-content;
}
thumbnail-entry .thumbnail-entry .thumbnail-save-btn {
  margin-top: 1rem;
  width: 100%;
}
thumbnail-entry .thumbnail-entry .thumbnail-save-btn button {
  width: 100%;
}
thumbnail-entry .thumbnail-entry .thumbnail-save-btn button:disabled {
  pointer-events: none;
}
thumbnail-entry .thumbnail-entry .thumbnail-save-btn.btn-primary {
  background-color: #8db7ee;
  background-image: none;
  border-radius: 0.3rem;
  font-size: 0.8rem;
  font-weight: bold;
  height: 1.9rem;
  letter-spacing: 0;
  line-height: 1.1rem;
  padding: 0 1rem;
  width: 100%;
  min-width: 11rem;
}
thumbnail-entry .thumbnail-entry .thumbnail-entry-processing {
  font-weight: 600;
}
thumbnail-entry .thumbnail-entry .thumbnail-entry-processing,
thumbnail-entry .thumbnail-entry .thumbnail-entry-cancel {
  display: block;
  text-align: center;
  margin-top: 1.5rem;
  color: #949faa;
}
.thumbnail-display {
  height: 21.6rem;
  width: 38.4rem;
  background: #eee;
  position: relative;
  cursor: pointer;
}
.thumbnail-display > img {
  height: 100%;
  width: 100%;
}
.thumbnail-display:hover .delete-button,
.thumbnail-display:hover .download-button {
  opacity: 1;
}
.thumbnail-display:hover .delete-button .icon,
.thumbnail-display:hover .download-button .icon {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
.thumbnail-display .delete-button,
.thumbnail-display .download-button {
  position: absolute;
  top: 2%;
  background: transparent;
  cursor: pointer;
  color: #ffffff;
  opacity: 0;
  -webkit-transition: 0.2s all 0.25s linear;
  -moz-transition: 0.2s all 0.25s linear;
  -ms-transition: 0.2s all 0.25s linear;
  -o-transition: 0.2s all 0.25s linear;
  transition: 0.2s all 0.25s linear;
}
.thumbnail-display .delete-button .icon,
.thumbnail-display .download-button .icon {
  text-shadow: 0 0 7px #000000;
  -webkit-transform: scale(1.5, 1.5);
  -moz-transform: scale(1.5, 1.5);
  -ms-transform: scale(1.5, 1.5);
  -o-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
  -webkit-transition: 0.2s all 0.25s linear;
  -moz-transition: 0.2s all 0.25s linear;
  -ms-transition: 0.2s all 0.25s linear;
  -o-transition: 0.2s all 0.25s linear;
  transition: 0.2s all 0.25s linear;
}
.thumbnail-display .delete-button {
  right: 2%;
}
.thumbnail-display .download-button {
  right: 8%;
}
.thumbnail-display .thumbnail-validating {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000000;
  opacity: 0.8;
  line-height: 21.6rem;
  vertical-align: middle;
  text-align: center;
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 700;
  color: #949faa;
}

.alert-list {
  position: fixed;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: 3.5rem;
  width: 38%;
  z-index: 9999;
}
.alert-list .alert {
  margin-bottom: 1rem;
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
  opacity: 1;
  transition: all linear 0.2s;
}
.alert-list .alert a {
  color: inherit;
  font-weight: bold;
  text-decoration: none;
}
.alert-list .alert a:hover,
.alert-list .alert a:active,
.alert-list .alert a:focus {
  color: #8db7ee;
}
.alert-list .alert button.close {
  position: absolute;
  top: 1.3rem;
  right: 1.4rem;
  height: 1.3rem;
  width: 0.9rem;
  font-family: 'Font Awesome 5 Pro';
  font-size: 1.2rem;
  letter-spacing: 0;
  line-height: 1.3rem;
}
.alert-list .alert-popup {
  display: flex;
  flex-direction: row;
  vertical-align: middle;
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.15);
}
.alert-list .alert-danger button.close {
  color: #d1524c;
}
.alert-list .alert-success button.close {
  color: #2fb2be;
}
.alert-list .alert-warning button.close {
  color: #ffa500;
}

.detail-alert div#detail-alert-url > a {
  color: #4b5055;
  text-decoration: underline;
}

fancy-image .fancy-image {
  text-align: center;
}
fancy-image .fancy-image img {
  -webkit-animation: fadein 0.3s ease-in;
  -moz-animation: fadein 0.3s ease-in;
  -ms-animation: fadein 0.3s ease-in;
  -o-animation: fadein 0.3s ease-in;
  animation: fadein 0.3s ease-in;
  width: 100%;
  max-width: 100%;
  height: auto;
}
fancy-image .fancy-image .fancy-image-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  text-align: center;
  background: #eee;
}
fancy-image .fancy-image .fancy-image-overlay .fancy-image-text {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1rem;
  color: #949faa;
  padding: 1rem;
}

icon-spinner {
  vertical-align: middle;
}
icon-spinner .icon-spinner {
  display: inline-block;
  width: 1em;
  height: 1em;
  position: relative;
  border-radius: 50%;
  text-indent: -9999em;
  border-top: 0.2em solid rgba(39, 142, 202, 0.2);
  border-right: 0.2em solid rgba(39, 142, 202, 0.2);
  border-bottom: 0.2em solid #278eca;
  border-left: 0.2em solid #278eca;
  -webkit-animation: spin360 1.1s infinite linear;
  -moz-animation: spin360 1.1s infinite linear;
  -o-animation: spin360 1.1s infinite linear;
  animation: spin360 1.1s infinite linear;
}
icon-spinner:not(:only-child) {
  margin-right: 0.5rem;
}
.btn-primary .icon-spinner {
  border-top-color: rgba(255, 255, 255, 0.2);
  border-right-color: rgba(255, 255, 255, 0.2);
  border-bottom-color: #fff;
  border-left-color: #fff;
}
.btn icon-spinner {
  vertical-align: baseline;
}

.loader-overlay {
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
}
.loader-overlay.loader-overlay-fixed {
  position: fixed;
}
.loader-overlay-clear .loader-overlay {
  background: rgba(255, 255, 255, 0.25);
}
.loader-text {
  position: absolute;
  top: 50%;
  padding-top: 3rem;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 700;
  color: rgba(75, 80, 85, 0.9);
}
.loader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -2em;
  margin-left: -2em;
  font-size: 1rem;
  text-indent: -9999em;
  border-top: 0.5em solid rgba(39, 142, 202, 0.2);
  border-right: 0.5em solid rgba(39, 142, 202, 0.2);
  border-bottom: 0.5em solid rgba(39, 142, 202, 0.2);
  border-left: 0.5em solid rgba(39, 142, 202, 0.9);
  -webkit-animation: spin360 1.1s infinite linear;
  -moz-animation: spin360 1.1s infinite linear;
  -o-animation: spin360 1.1s infinite linear;
  animation: spin360 1.1s infinite linear;
}
.loader,
.loader:after {
  width: 4em;
  height: 4em;
  border-radius: 50%;
}
@keyframes spin360 {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spin360 {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin360 {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes spin360 {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spin360 {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


artist-links {
  font-size: 1.4rem;
  margin-left: 0.5rem;
}
artist-links a:hover {
  text-decoration: none;
}

artist-id-list {
  display: block;
  font-size: 1.2rem;
  margin: 0 2.2rem 1.3rem 2rem;
  min-width: 420px;
}
artist-id-list:last-child {
  margin-bottom: 0;
}
artist-id-list .artist-list-header {
  text-transform: uppercase;
  margin-top: 0.3rem;
  margin-bottom: 1rem;
  color: #4a90e2;
  font-weight: bold;
}
artist-id-list .artist-list-body > div {
  display: flex;
  margin-bottom: 0.6rem;
  white-space: nowrap;
  cursor: pointer;
}
artist-id-list .artist-list-body > div .artist-name,
artist-id-list .artist-list-body > div .artist-related-info {
  display: inline-block;
  vertical-align: middle;
}
artist-id-list .artist-list-body > div .artist-name {
  max-width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
}
artist-id-list .artist-list-body > div .artist-related-info {
  white-space: normal;
}
artist-id-list .artist-list-body > div .artist-related-info label#customArtistIdLabel {
  font-size: 1.2rem;
  font-weight: unset;
  cursor: pointer;
}
artist-id-list .artist-list-body > div .artist-link {
  margin-left: 0.5rem;
  font-size: 1.1rem;
}
artist-id-list .artist-list-body > div .btn-copy {
  background: none;
  border: none;
}
artist-id-list .artist-list-body > div .tooltip-inner .artist-list-body > div {
  white-space: break-spaces;
  word-break: break-word;
}
artist-id-list .artist-list-body > div .artist-id-input {
  margin-left: 3.2rem;
  width: 35rem;
}

.deliveries-grid {
  min-height: 100px;
  position: relative;
}
.deliveries-grid table {
  width: 100%;
  table-layout: fixed;
}
.deliveries-grid th {
  width: 15%;
  padding-bottom: 1rem;
  padding-top: 1rem;
  border: solid white thin;
  height: 3.4rem;
  background-color: #E8F1FC;
  color: #000000;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.3rem;
}
.deliveries-grid td {
  width: 15%;
  word-wrap: break-word;
}

div.value.pre-text {
  max-height: 300px;
  width: 100%;
  max-width: 467.5px;
  overflow-y: auto;
}
@media (min-width: 760px) {
  div.value.pre-text {
    width: 467.5px;
  }
}
div.value.pre-text ng-transclude span {
  white-space: pre-wrap;
}

multi-track-change-indicator .multi-track-change-indicator:hover {
  cursor: pointer;
  border-color: #e24a4a;
}
multi-track-change-indicator .multi-track-change-indicator:hover .icon {
  color: #e24a4a;
}
multi-track-change-indicator .multi-track-change-indicator:hover .icon:before {
  content: '\F2EA';
  font-weight: 600;
}

play-track-button .visible-convertible .audio-track-number {
  display: inline-block;
}
play-track-button .visible-convertible .play-track-button {
  display: none;
  margin: -1rem;
}
play-track-button .audio-eq-icon {
  margin-left: -0.5rem;
  margin-top: -0.5rem;
}
play-track-button .audio-eq-icon .bar {
  -webkit-animation: audio-eq-move 0.5s forwards infinite;
  -moz-animation: audio-eq-move 0.5s forwards infinite;
  -ms-animation: audio-eq-move 0.5s forwards infinite;
  -o-animation: audio-eq-move 0.5s forwards infinite;
  animation: audio-eq-move 0.5s forwards infinite;
  -webkit-transform-origin: 8px 16px;
  -moz-transform-origin: 8px 16px;
  -ms-transform-origin: 8px 16px;
  -o-transform-origin: 8px 16px;
  transform-origin: 8px 16px;
}
play-track-button .audio-eq-icon .bar:first-of-type {
  -webkit-animation-duration: 0.7s;
  -moz-animation-duration: 0.7s;
  -ms-animation-duration: 0.7s;
  -o-animation-duration: 0.7s;
  animation-duration: 0.7s;
}
play-track-button .audio-eq-icon .bar:last-of-type {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}
play-track-button .btn.icon-btn.play-track-button-small {
  display: none;
  margin: 0;
  width: 1.9rem;
  height: 1.9rem;
  padding: 0;
}
play-track-button i {
  height: 1.9rem;
  width: 1.9rem;
  font-family: 'Font Awesome 5 Pro';
  font-size: 1.9rem;
  letter-spacing: 0;
  line-height: 1.9rem;
  color: #4b5055;
}
.track-grid play-track-button .visible-convertible .audio-track-number {
  display: none;
}
.track-grid play-track-button .visible-convertible .play-track-button {
  display: inline-block;
}
.track-grid play-track-button .btn.icon-btn.play-track-button-small {
  display: inline-block;
}
@keyframes audio-eq-move {
  0% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.5);
  }
  100% {
    transform: scaleY(1);
  }
}
@-moz-keyframes audio-eq-move {
  0% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.5);
  }
  100% {
    transform: scaleY(1);
  }
}
@-webkit-keyframes audio-eq-move {
  0% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.5);
  }
  100% {
    transform: scaleY(1);
  }
}
@-ms-keyframes audio-eq-move {
  0% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.5);
  }
  100% {
    transform: scaleY(1);
  }
}
@-o-keyframes audio-eq-move {
  0% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.5);
  }
  100% {
    transform: scaleY(1);
  }
}

.product-metadata {
  position: relative;
  padding-left: 2rem;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-order: 2;
  /* IE 10 */
  order: 2;
}
.product-metadata .value-error {
  color: #e24a4a;
}
.product-metadata .product-tags {
  max-width: 20rem;
}
.product-metadata .pdf-booklet-info label {
  vertical-align: top;
}
.product-metadata .product-header {
  margin-bottom: 0.7rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.product-metadata .product-header .product-header-info {
  padding-right: 1.5rem;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.product-metadata .product-header .product-header-actions {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  white-space: nowrap;
}
.product-metadata .product-header .product-title,
.product-metadata .product-header .product-artist {
  padding-bottom: 0.5rem;
  -ms-word-break: break-word;
  word-break: break-word;
}
.product-metadata .product-header .product-artist {
  font-size: 1.7rem;
  font-weight: 400;
  color: #949faa;
}
.product-metadata .product-header .product-stereoupc,
.product-metadata .product-header .product-atmosupc {
  font-size: 1.3rem;
  font-weight: 400;
  color: #4b5055;
  padding-right: 0.5rem;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  float: right;
  height: 3.9rem;
  display: table;
}
.product-metadata .product-header .product-stereoupc > a,
.product-metadata .product-header .product-atmosupc > a,
.product-metadata .product-header .product-stereoupc > span,
.product-metadata .product-header .product-atmosupc > span {
  color: #4a90e2;
  display: table-cell;
  vertical-align: middle;
}
.product-metadata .product-header .product-stereoupc a:link,
.product-metadata .product-header .product-atmosupc a:link,
.product-metadata .product-header .product-stereoupc a:visited,
.product-metadata .product-header .product-atmosupc a:visited,
.product-metadata .product-header .product-stereoupc a:hover,
.product-metadata .product-header .product-atmosupc a:hover,
.product-metadata .product-header .product-stereoupc a:active,
.product-metadata .product-header .product-atmosupc a:active {
  text-decoration: none;
}
.product-metadata .product-header .product-stereoupc .title,
.product-metadata .product-header .product-atmosupc .title {
  color: #949faa;
}
.product-metadata .product-header .product-stereoupc .value,
.product-metadata .product-header .product-atmosupc .value {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: table-cell;
  font-weight: 600;
  padding-right: 1rem;
}
.product-metadata .product-tags {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.product-metadata .product-tags .selectize-control.single {
  height: 4rem;
}
.product-metadata .product-tags .selectize-control.single .selectize-input {
  display: block;
}
.product-metadata ul {
  width: 100%;
  display: table;
  table-layout: fixed;
}
.product-metadata li {
  display: table-row;
  word-break: break-word;
}
.product-metadata label,
.product-metadata .value {
  display: table-cell;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  font-weight: 600;
}
.product-metadata label {
  width: 14.5rem;
  min-width: 14.5rem;
  padding-right: 0.5rem;
  color: #6e788c;
}
.product-metadata .value {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 1100px) {
  .product-metadata .product-metadata-details ul {
    float: left;
    width: 50%;
  }
  .product-metadata .product-metadata-details ul .value {
    padding-right: 2rem;
  }
}
@media (min-width: 1360px) {
  .product-metadata .product-metadata-details ul {
    float: left;
    width: 33.3333%;
  }
}

product-thumbnail .coverArt-image {
  width: 29rem;
  height: 29rem;
}
product-thumbnail .thumbnail-image {
  height: 21.6rem;
  width: 38.4rem;
}
product-thumbnail .product-image {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-shadow: 0 0 4px #CCC;
  -moz-box-shadow: 0 0 4px #CCC;
  box-shadow: 0 0 4px #CCC;
  text-align: center;
  margin: 0 auto 2rem;
  background: #eee;
  position: relative;
}
product-thumbnail .product-image .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transition: 0.2s all 0.25s linear;
  -moz-transition: 0.2s all 0.25s linear;
  -ms-transition: 0.2s all 0.25s linear;
  -o-transition: 0.2s all 0.25s linear;
  transition: 0.2s all 0.25s linear;
  color: #fff;
  background: rgba(7, 26, 38, 0.75);
  cursor: pointer;
  z-index: 2;
  opacity: 0;
}
product-thumbnail .product-image .overlay #imagePreviewIcon > .icon {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: 0.2s all 0.25s linear;
  -moz-transition: 0.2s all 0.25s linear;
  -ms-transition: 0.2s all 0.25s linear;
  -o-transition: 0.2s all 0.25s linear;
  transition: 0.2s all 0.25s linear;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1rem;
  margin-left: -1rem;
  font-size: 2rem;
}
product-thumbnail .product-image .overlay #imagePreviewIcon > .icon:hover {
  -webkit-transform: scale(1.5, 1.5);
  -moz-transform: scale(1.5, 1.5);
  -ms-transform: scale(1.5, 1.5);
  -o-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
  opacity: 1;
}
product-thumbnail .product-image .overlay #downloadAssetIcon button,
product-thumbnail .product-image .overlay #deleteAssetIcon button {
  position: absolute;
  top: 2.5%;
  color: #fff;
  text-shadow: 0 0 7px #000000;
  transition: 0.2s all 0.25s linear;
}
product-thumbnail .product-image .overlay #downloadAssetIcon button:hover,
product-thumbnail .product-image .overlay #deleteAssetIcon button:hover {
  -webkit-transform: scale(0.9, 0.9);
  -moz-transform: scale(0.9, 0.9);
  -ms-transform: scale(0.9, 0.9);
  -o-transform: scale(0.9, 0.9);
  transform: scale(0.9, 0.9);
}
product-thumbnail .product-image .overlay #downloadAssetIcon button {
  left: 84%;
}
product-thumbnail .product-image .overlay #downloadAssetIcon button.read-only {
  left: 92.5%;
}
product-thumbnail .product-image .overlay #downloadAssetIcon button.music-video-thumbnail {
  top: 3.25%;
  left: 88%;
}
product-thumbnail .product-image .overlay #downloadAssetIcon button.music-video-thumbnail.read-only {
  left: 94.5%;
}
product-thumbnail .product-image .overlay #downloadAssetIcon button .icon {
  font-size: 1.75rem;
}
product-thumbnail .product-image .overlay #deleteAssetIcon button {
  left: 92.5%;
}
product-thumbnail .product-image .overlay #deleteAssetIcon button.music-video-thumbnail {
  top: 3.25%;
  left: 94.5%;
}
product-thumbnail .product-image .overlay #deleteAssetIcon button .icon {
  font-size: 1.65rem;
}
product-thumbnail .product-image .overlay:hover {
  opacity: 1;
}
product-thumbnail .product-image .asset-locked {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: background-color 0.25s linear;
  -moz-transition: background-color 0.25s linear;
  -ms-transition: background-color 0.25s linear;
  -o-transition: background-color 0.25s linear;
  transition: background-color 0.25s linear;
  position: absolute;
  right: 1px;
  bottom: 1px;
  width: 20px;
  height: 20px;
  font-size: 1.4rem;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 3;
}
product-thumbnail .product-image .asset-locked .icon {
  margin: 3px 4px;
  height: 100%;
}
product-thumbnail .product-image:hover .asset-locked {
  -webkit-transition: background-color 0.25s linear;
  -moz-transition: background-color 0.25s linear;
  -ms-transition: background-color 0.25s linear;
  -o-transition: background-color 0.25s linear;
  transition: background-color 0.25s linear;
  background-color: #ffffff;
}
.artwork-locked-tooltip {
  margin-top: 130px;
}

.rejection-note {
  padding: 0 1.5rem 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #eee;
}
.rejection-note .rejection-timestamp {
  display: block;
  font-size: 1.1rem;
  font-weight: 700;
  color: #949faa;
  margin-bottom: 1rem;
}
.rejection-note .rejection-timestamp .timestamp-bold {
  height: 1.5rem;
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.5rem;
}
.rejection-note .rejection-timestamp .user-normal {
  height: 1.5rem;
  color: #949faa;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.5rem;
}
.rejection-note .rejection-message {
  overflow-x: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: pre-line;
  font-weight: normal;
}
.rejection-note .icon {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.rejection-note .event-notes {
  white-space: pre-line;
  overflow-wrap: break-word;
}

.custom-ids-icon {
  cursor: pointer;
  color: #278eca;
  font-size: 13px !important;
  padding-bottom: 0.25rem;
}
.custom-ids-icon:hover {
  color: rgba(39, 142, 202, 0.8);
}
.custom-ids-icon:focus {
  color: rgba(39, 142, 202, 0.8);
}
.tooltip > .tooltip-inner {
  width: fit-content;
}

.btn-copy:hover {
  opacity: 0.5;
}

div#motion-art-apple-title {
  height: 34px;
  background: #edf4fc;
  display: flex;
  align-items: center;
  padding-left: 1rem;
  margin-bottom: 1rem;
}
div#ma-cover-2k {
  width: 270px;
  height: 320px;
  margin-bottom: 15px;
}
div#ma-cover-4k {
  width: 350px;
  height: 320px;
  margin-bottom: 15px;
}
section #motion-art-2k,
section #motion-art-4k {
  margin-top: 1.5rem;
}
section #ma-title-2k,
section #ma-title-4k {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.ma-text-title {
  color: #000000;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 17px;
}
.ma-text-title,
.ma-text-subtitle {
  margin: 0;
}

/* APPLICATION BODY
---------------------------------------- */
/* FONT STACK
---------------------------------------- */
/* COLORS
---------------------------------------- */
/* HEADER
---------------------------------------- */
/* SIDE NAVIGATION
---------------------------------------- */
/* FOOTER
---------------------------------------- */
/* PAGE TITLES/SUBTITLES
---------------------------------------- */
/* BUTTONS
---------------------------------------- */
/* FORM CONTROLS
---------------------------------------- */
/* MENUS
---------------------------------------- */
/* MODAL WINDOWS
---------------------------------------- */
/* TABLES & GRIDS
---------------------------------------- */
/* LOADING INDICATOR
---------------------------------------- */
/* TOOLTIPS
---------------------------------------- */
div#action-dropdown-menu-container #action-dropdown-menu.dropdown-menu {
  width: 260px;
  border-radius: 6px;
  box-shadow: 0 0.3rem 0.7rem rgba(0, 0, 0, 0.15);
  padding: 1.2rem 0;
  cursor: pointer;
  margin-left: -110px;
}
div#action-dropdown-menu-container #action-dropdown-menu.dropdown-menu li i {
  margin-left: 24px;
}
div#action-dropdown-menu-container #action-dropdown-menu.dropdown-menu li i.approve-hold-icon {
  position: absolute;
  font-size: 10px;
  left: 10px;
  background: transparent;
}
div#action-dropdown-menu-container .btn-group-dropdown-menu .dropdown-menu-row,
div#action-dropdown-menu-container.btn-group-dropdown-menu .dropdown-menu-row,
div#action-dropdown-menu-containerdiv#action-dropdown-menu-container.btn-group-dropdown-menu .dropdown-menu-row,
div#action-dropdown-menu-container ng-transclude .dropdown-menu-row {
  display: flex;
  align-items: center;
}
div#action-dropdown-menu-container .btn-group-dropdown-menu .disabled,
div#action-dropdown-menu-container.btn-group-dropdown-menu .disabled,
div#action-dropdown-menu-containerdiv#action-dropdown-menu-container.btn-group-dropdown-menu .disabled,
div#action-dropdown-menu-container ng-transclude .disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.6;
}
div#action-dropdown-menu-container .btn-group-dropdown-menu ng-transclude,
div#action-dropdown-menu-container.btn-group-dropdown-menu ng-transclude,
div#action-dropdown-menu-containerdiv#action-dropdown-menu-container.btn-group-dropdown-menu ng-transclude,
div#action-dropdown-menu-container ng-transclude ng-transclude {
  margin: 0 !important;
}
div#action-dropdown-menu-container .btn-group-dropdown-menu .dropdown-divider,
div#action-dropdown-menu-container.btn-group-dropdown-menu .dropdown-divider,
div#action-dropdown-menu-containerdiv#action-dropdown-menu-container.btn-group-dropdown-menu .dropdown-divider,
div#action-dropdown-menu-container ng-transclude .dropdown-divider {
  margin: 0.5rem 5%;
  border-color: #c6dbf6;
}
div#action-dropdown-menu-container .btn-group-dropdown-menu .dropdown-menu,
div#action-dropdown-menu-container.btn-group-dropdown-menu .dropdown-menu,
div#action-dropdown-menu-containerdiv#action-dropdown-menu-container.btn-group-dropdown-menu .dropdown-menu,
div#action-dropdown-menu-container ng-transclude .dropdown-menu,
div#action-dropdown-menu-container .btn-group-dropdown-menu ng-transclude,
div#action-dropdown-menu-container.btn-group-dropdown-menu ng-transclude,
div#action-dropdown-menu-containerdiv#action-dropdown-menu-container.btn-group-dropdown-menu ng-transclude,
div#action-dropdown-menu-container ng-transclude ng-transclude {
  border: none;
  border-radius: 6px;
  box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.2);
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  margin-left: 1rem;
  text-align: left;
  cursor: pointer;
}
div#action-dropdown-menu-container .btn-group-dropdown-menu .dropdown-menu li,
div#action-dropdown-menu-container.btn-group-dropdown-menu .dropdown-menu li,
div#action-dropdown-menu-containerdiv#action-dropdown-menu-container.btn-group-dropdown-menu .dropdown-menu li,
div#action-dropdown-menu-container ng-transclude .dropdown-menu li,
div#action-dropdown-menu-container .btn-group-dropdown-menu ng-transclude li,
div#action-dropdown-menu-container.btn-group-dropdown-menu ng-transclude li,
div#action-dropdown-menu-containerdiv#action-dropdown-menu-container.btn-group-dropdown-menu ng-transclude li,
div#action-dropdown-menu-container ng-transclude ng-transclude li {
  text-align: center;
}
div#action-dropdown-menu-container .btn-group-dropdown-menu .dropdown-menu li:active,
div#action-dropdown-menu-container.btn-group-dropdown-menu .dropdown-menu li:active,
div#action-dropdown-menu-containerdiv#action-dropdown-menu-container.btn-group-dropdown-menu .dropdown-menu li:active,
div#action-dropdown-menu-container ng-transclude .dropdown-menu li:active,
div#action-dropdown-menu-container .btn-group-dropdown-menu ng-transclude li:active,
div#action-dropdown-menu-container.btn-group-dropdown-menu ng-transclude li:active,
div#action-dropdown-menu-containerdiv#action-dropdown-menu-container.btn-group-dropdown-menu ng-transclude li:active,
div#action-dropdown-menu-container ng-transclude ng-transclude li:active,
div#action-dropdown-menu-container .btn-group-dropdown-menu .dropdown-menu li:focus,
div#action-dropdown-menu-container.btn-group-dropdown-menu .dropdown-menu li:focus,
div#action-dropdown-menu-containerdiv#action-dropdown-menu-container.btn-group-dropdown-menu .dropdown-menu li:focus,
div#action-dropdown-menu-container ng-transclude .dropdown-menu li:focus,
div#action-dropdown-menu-container .btn-group-dropdown-menu ng-transclude li:focus,
div#action-dropdown-menu-container.btn-group-dropdown-menu ng-transclude li:focus,
div#action-dropdown-menu-containerdiv#action-dropdown-menu-container.btn-group-dropdown-menu ng-transclude li:focus,
div#action-dropdown-menu-container ng-transclude ng-transclude li:focus,
div#action-dropdown-menu-container .btn-group-dropdown-menu .dropdown-menu li:hover,
div#action-dropdown-menu-container.btn-group-dropdown-menu .dropdown-menu li:hover,
div#action-dropdown-menu-containerdiv#action-dropdown-menu-container.btn-group-dropdown-menu .dropdown-menu li:hover,
div#action-dropdown-menu-container ng-transclude .dropdown-menu li:hover,
div#action-dropdown-menu-container .btn-group-dropdown-menu ng-transclude li:hover,
div#action-dropdown-menu-container.btn-group-dropdown-menu ng-transclude li:hover,
div#action-dropdown-menu-containerdiv#action-dropdown-menu-container.btn-group-dropdown-menu ng-transclude li:hover,
div#action-dropdown-menu-container ng-transclude ng-transclude li:hover {
  background-color: #c6dbf6;
}
div#action-dropdown-menu-container .btn-group-dropdown-menu .dropdown-menu li:active i,
div#action-dropdown-menu-container.btn-group-dropdown-menu .dropdown-menu li:active i,
div#action-dropdown-menu-containerdiv#action-dropdown-menu-container.btn-group-dropdown-menu .dropdown-menu li:active i,
div#action-dropdown-menu-container ng-transclude .dropdown-menu li:active i,
div#action-dropdown-menu-container .btn-group-dropdown-menu ng-transclude li:active i,
div#action-dropdown-menu-container.btn-group-dropdown-menu ng-transclude li:active i,
div#action-dropdown-menu-containerdiv#action-dropdown-menu-container.btn-group-dropdown-menu ng-transclude li:active i,
div#action-dropdown-menu-container ng-transclude ng-transclude li:active i,
div#action-dropdown-menu-container .btn-group-dropdown-menu .dropdown-menu li:focus i,
div#action-dropdown-menu-container.btn-group-dropdown-menu .dropdown-menu li:focus i,
div#action-dropdown-menu-containerdiv#action-dropdown-menu-container.btn-group-dropdown-menu .dropdown-menu li:focus i,
div#action-dropdown-menu-container ng-transclude .dropdown-menu li:focus i,
div#action-dropdown-menu-container .btn-group-dropdown-menu ng-transclude li:focus i,
div#action-dropdown-menu-container.btn-group-dropdown-menu ng-transclude li:focus i,
div#action-dropdown-menu-containerdiv#action-dropdown-menu-container.btn-group-dropdown-menu ng-transclude li:focus i,
div#action-dropdown-menu-container ng-transclude ng-transclude li:focus i,
div#action-dropdown-menu-container .btn-group-dropdown-menu .dropdown-menu li:hover i,
div#action-dropdown-menu-container.btn-group-dropdown-menu .dropdown-menu li:hover i,
div#action-dropdown-menu-containerdiv#action-dropdown-menu-container.btn-group-dropdown-menu .dropdown-menu li:hover i,
div#action-dropdown-menu-container ng-transclude .dropdown-menu li:hover i,
div#action-dropdown-menu-container .btn-group-dropdown-menu ng-transclude li:hover i,
div#action-dropdown-menu-container.btn-group-dropdown-menu ng-transclude li:hover i,
div#action-dropdown-menu-containerdiv#action-dropdown-menu-container.btn-group-dropdown-menu ng-transclude li:hover i,
div#action-dropdown-menu-container ng-transclude ng-transclude li:hover i {
  color: #4a90e2;
  font-weight: 600;
}
div#action-dropdown-menu-container .btn-group-dropdown-menu .dropdown-menu li:active a,
div#action-dropdown-menu-container.btn-group-dropdown-menu .dropdown-menu li:active a,
div#action-dropdown-menu-containerdiv#action-dropdown-menu-container.btn-group-dropdown-menu .dropdown-menu li:active a,
div#action-dropdown-menu-container ng-transclude .dropdown-menu li:active a,
div#action-dropdown-menu-container .btn-group-dropdown-menu ng-transclude li:active a,
div#action-dropdown-menu-container.btn-group-dropdown-menu ng-transclude li:active a,
div#action-dropdown-menu-containerdiv#action-dropdown-menu-container.btn-group-dropdown-menu ng-transclude li:active a,
div#action-dropdown-menu-container ng-transclude ng-transclude li:active a,
div#action-dropdown-menu-container .btn-group-dropdown-menu .dropdown-menu li:focus a,
div#action-dropdown-menu-container.btn-group-dropdown-menu .dropdown-menu li:focus a,
div#action-dropdown-menu-containerdiv#action-dropdown-menu-container.btn-group-dropdown-menu .dropdown-menu li:focus a,
div#action-dropdown-menu-container ng-transclude .dropdown-menu li:focus a,
div#action-dropdown-menu-container .btn-group-dropdown-menu ng-transclude li:focus a,
div#action-dropdown-menu-container.btn-group-dropdown-menu ng-transclude li:focus a,
div#action-dropdown-menu-containerdiv#action-dropdown-menu-container.btn-group-dropdown-menu ng-transclude li:focus a,
div#action-dropdown-menu-container ng-transclude ng-transclude li:focus a,
div#action-dropdown-menu-container .btn-group-dropdown-menu .dropdown-menu li:hover a,
div#action-dropdown-menu-container.btn-group-dropdown-menu .dropdown-menu li:hover a,
div#action-dropdown-menu-containerdiv#action-dropdown-menu-container.btn-group-dropdown-menu .dropdown-menu li:hover a,
div#action-dropdown-menu-container ng-transclude .dropdown-menu li:hover a,
div#action-dropdown-menu-container .btn-group-dropdown-menu ng-transclude li:hover a,
div#action-dropdown-menu-container.btn-group-dropdown-menu ng-transclude li:hover a,
div#action-dropdown-menu-containerdiv#action-dropdown-menu-container.btn-group-dropdown-menu ng-transclude li:hover a,
div#action-dropdown-menu-container ng-transclude ng-transclude li:hover a {
  background-color: #c6dbf6;
  color: #4b5055;
  font-weight: 600;
}
div#action-dropdown-menu-container .btn-group-dropdown-menu .dropdown-menu li i,
div#action-dropdown-menu-container.btn-group-dropdown-menu .dropdown-menu li i,
div#action-dropdown-menu-containerdiv#action-dropdown-menu-container.btn-group-dropdown-menu .dropdown-menu li i,
div#action-dropdown-menu-container ng-transclude .dropdown-menu li i,
div#action-dropdown-menu-container .btn-group-dropdown-menu ng-transclude li i,
div#action-dropdown-menu-container.btn-group-dropdown-menu ng-transclude li i,
div#action-dropdown-menu-containerdiv#action-dropdown-menu-container.btn-group-dropdown-menu ng-transclude li i,
div#action-dropdown-menu-container ng-transclude ng-transclude li i {
  height: 3.3rem;
  width: 1.4rem;
  margin-left: 1.2rem;
  margin-right: 1.2rem;
  color: #8db7ee;
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 3.3rem;
  cursor: pointer;
}
div#action-dropdown-menu-container .btn-group-dropdown-menu .dropdown-menu li i:hover,
div#action-dropdown-menu-container.btn-group-dropdown-menu .dropdown-menu li i:hover,
div#action-dropdown-menu-containerdiv#action-dropdown-menu-container.btn-group-dropdown-menu .dropdown-menu li i:hover,
div#action-dropdown-menu-container ng-transclude .dropdown-menu li i:hover,
div#action-dropdown-menu-container .btn-group-dropdown-menu ng-transclude li i:hover,
div#action-dropdown-menu-container.btn-group-dropdown-menu ng-transclude li i:hover,
div#action-dropdown-menu-containerdiv#action-dropdown-menu-container.btn-group-dropdown-menu ng-transclude li i:hover,
div#action-dropdown-menu-container ng-transclude ng-transclude li i:hover {
  background-color: #c6dbf6;
}
div#action-dropdown-menu-container .btn-group-dropdown-menu .dropdown-menu li a,
div#action-dropdown-menu-container.btn-group-dropdown-menu .dropdown-menu li a,
div#action-dropdown-menu-containerdiv#action-dropdown-menu-container.btn-group-dropdown-menu .dropdown-menu li a,
div#action-dropdown-menu-container ng-transclude .dropdown-menu li a,
div#action-dropdown-menu-container .btn-group-dropdown-menu ng-transclude li a,
div#action-dropdown-menu-container.btn-group-dropdown-menu ng-transclude li a,
div#action-dropdown-menu-containerdiv#action-dropdown-menu-container.btn-group-dropdown-menu ng-transclude li a,
div#action-dropdown-menu-container ng-transclude ng-transclude li a {
  width: 100%;
  text-align: left;
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.4rem;
  cursor: pointer;
  font-size: 1.3rem;
  letter-spacing: 0;
  padding: 1rem 1rem 1rem 0;
  font-weight: 400;
}
div#action-dropdown-menu-container .btn-group-dropdown-menu .dropdown-menu li a:active,
div#action-dropdown-menu-container.btn-group-dropdown-menu .dropdown-menu li a:active,
div#action-dropdown-menu-containerdiv#action-dropdown-menu-container.btn-group-dropdown-menu .dropdown-menu li a:active,
div#action-dropdown-menu-container ng-transclude .dropdown-menu li a:active,
div#action-dropdown-menu-container .btn-group-dropdown-menu ng-transclude li a:active,
div#action-dropdown-menu-container.btn-group-dropdown-menu ng-transclude li a:active,
div#action-dropdown-menu-containerdiv#action-dropdown-menu-container.btn-group-dropdown-menu ng-transclude li a:active,
div#action-dropdown-menu-container ng-transclude ng-transclude li a:active,
div#action-dropdown-menu-container .btn-group-dropdown-menu .dropdown-menu li a:focus,
div#action-dropdown-menu-container.btn-group-dropdown-menu .dropdown-menu li a:focus,
div#action-dropdown-menu-containerdiv#action-dropdown-menu-container.btn-group-dropdown-menu .dropdown-menu li a:focus,
div#action-dropdown-menu-container ng-transclude .dropdown-menu li a:focus,
div#action-dropdown-menu-container .btn-group-dropdown-menu ng-transclude li a:focus,
div#action-dropdown-menu-container.btn-group-dropdown-menu ng-transclude li a:focus,
div#action-dropdown-menu-containerdiv#action-dropdown-menu-container.btn-group-dropdown-menu ng-transclude li a:focus,
div#action-dropdown-menu-container ng-transclude ng-transclude li a:focus,
div#action-dropdown-menu-container .btn-group-dropdown-menu .dropdown-menu li a:hover,
div#action-dropdown-menu-container.btn-group-dropdown-menu .dropdown-menu li a:hover,
div#action-dropdown-menu-containerdiv#action-dropdown-menu-container.btn-group-dropdown-menu .dropdown-menu li a:hover,
div#action-dropdown-menu-container ng-transclude .dropdown-menu li a:hover,
div#action-dropdown-menu-container .btn-group-dropdown-menu ng-transclude li a:hover,
div#action-dropdown-menu-container.btn-group-dropdown-menu ng-transclude li a:hover,
div#action-dropdown-menu-containerdiv#action-dropdown-menu-container.btn-group-dropdown-menu ng-transclude li a:hover,
div#action-dropdown-menu-container ng-transclude ng-transclude li a:hover {
  background-color: #c6dbf6;
  color: #4b5055;
  text-decoration: none;
}

.ms-card-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.ms-card-container .ms-card {
  margin-left: 1.5rem;
  margin-right: -2.5rem;
  flex: 1 1 auto;
  box-shadow: 1px 1px 8px 0 #ded9f5;
}
.ms-card-container .ms-card-expanded {
  border-bottom: solid 2px;
  border-bottom-color: #ded9f5;
}
.ms-card-container .ms-card-header {
  display: flex;
  border-bottom: solid 2px;
  border-bottom-color: #ded9f5;
  height: 48px;
  margin: 12px 0 0 0;
  padding: 0 16px;
  cursor: pointer;
}
.ms-card-container .ms-card-header-expanded {
  box-shadow: unset;
  border-bottom: none;
}
.ms-card-container .ms-card-header-text {
  margin-bottom: 0.7rem;
  flex: 1 1 30rem;
  font-weight: 600;
}
.ms-card-container .ms-card-header multi-track-change-indicator {
  margin: 7.5px 2px 0 0;
}
.ms-card-container .ms-card-header button#addClipTypeButton {
  color: #8db7ee;
}
.ms-card-container .ms-card-body {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  opacity: 0;
  height: 0;
}
.ms-card-container .ms-card-body-expanded {
  overflow: visible;
  opacity: 1;
  height: auto;
  padding-bottom: 1.5rem;
}
.ms-card-container .ms-card-body div.form-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 1 1 100%;
  margin-bottom: 1.5rem;
}
.ms-card-container .ms-card-body div.form-group:last-child {
  margin-bottom: 0;
}
.ms-card-container .ms-card-body div.form-group label.control-label {
  margin-bottom: 1.5rem;
  padding-left: 0.5rem;
  max-width: 18rem;
  margin-right: 2.5rem;
}
.ms-card-container .ms-card-body div.form-group label.control-label.release-date-label {
  margin-bottom: 2.5rem;
  align-self: baseline;
  padding-top: 1.5rem;
}
.ms-card-container .ms-card-body div.form-group .ms-control-input-group {
  padding-left: 0.5rem;
}
.ms-card-container .ms-card-body div.form-group .ms-control-input-group[id*='ReleaseDateTime'] {
  display: flex;
  flex-wrap: wrap;
}
.ms-card-container .ms-card-body div.form-group .ms-control-input-group[id*='ReleaseDateTime'] .md-release-datetime-input {
  margin-right: 1.5rem;
  margin-bottom: 1.5rem;
}
.ms-card-container .ms-card-body div.form-group .ms-control-input-group:not([id*='ReleaseDateTime']) {
  width: 14.5rem;
  margin-bottom: 1.5rem;
}
.ms-card-container .ms-card-body div.form-group .ms-control-input-group.release-date {
  width: 37.4rem;
}
.ms-card-container .ms-card-body div.form-group .ms-control-input-group.release-date-time {
  width: 51.6rem;
}
.ms-card-container .ms-card-body span.clip-custom-text i {
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 17px;
}
.ms-card-container .ms-card-body #ugcPolicy .validation-tooltip.tooltip {
  margin-left: -20%;
}
.ms-card-container .ms-card .timezone-url {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 1.1rem;
  font-weight: 600;
  word-wrap: break-word;
}

.vevo-settings-view .button-bar {
  padding: 0 1rem;
  height: 34px;
  background-color: #edf4fc;
}
.vevo-settings-view .button-bar .btn-primary.alt,
.vevo-settings-view .button-bar .btn-primary.alt:active,
.vevo-settings-view .button-bar .btn-primary.alt:hover,
.vevo-settings-view .button-bar .btn-primary.alt:focus {
  margin-top: 0.5rem;
  background: #e8f1fc;
  border: none;
  color: #4a90e2;
  font-size: 13px;
  font-weight: 600;
  text-transform: none;
  box-shadow: none;
  height: 26px;
  padding-top: 0;
}
.vevo-settings-view .vevo-settings-info-title {
  line-height: 3rem;
}
.vevo-settings-view .vevo-settings-info-title .vevo-settings-info-title-strong {
  height: 17px;
  color: #000000;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 17px;
  text-transform: uppercase;
}
.vevo-settings-view .vevo-settings-section {
  margin-top: 2rem;
}
.vevo-settings-view .vevo-settings-section #vevo-thumbnail #vevo-image-uploader {
  height: 21.8rem;
  width: 38.6rem;
}


.product-qc-score {
  display: flex;
  height: 100%;
  width: 100%;
}
.product-qc-score.circle {
  align-items: center;
  justify-content: center;
  border: solid grey;
  border-radius: 50%;
}
.product-qc-score-value {
  font-weight: 900;
  font-family: 'Open Sans', serif;
}

artist-id-dropdown .btn-group {
  padding-left: 0.5rem;
  width: 8rem;
}
artist-id-dropdown .btn-group .dropdown {
  white-space: nowrap;
}
artist-id-dropdown .btn-group .dropdown > .artist-id-icon {
  font-family: 'Font Awesome 5 Brands', serif;
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 1.4rem;
  font-weight: 400;
}
artist-id-dropdown .btn-group .dropdown > .artist-id-icon:first-child {
  margin-left: 0.2rem;
  margin-right: 0.2rem;
  height: 1.3rem;
  width: 1.3rem;
}
artist-id-dropdown .btn-group .dropdown > .artist-id-icon:last-child {
  margin-right: 1.3rem;
  height: 1.4rem;
  width: 1.1rem;
}
artist-id-dropdown .btn-group .dropdown > .artist-id-icon.is-valid {
  color: #4b5055;
}
artist-id-dropdown .btn-group .dropdown > .artist-id-icon.has-warning {
  color: #ffa500;
}
artist-id-dropdown .artist-id-menu {
  padding: 1.3rem;
}

/* CALENDAR
---------------------------------------- */
.button-text {
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.4rem;
  letter-spacing: 0;
  text-align: center;
}
.uib-title-text {
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.1rem;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.2rem;
  text-align: center;
}
.default-text {
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.4rem;
  letter-spacing: 0;
  text-align: center;
  font-weight: 400;
}
.hover-text {
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.4rem;
  letter-spacing: 0;
  text-align: center;
  font-weight: 700;
}
.header-text {
  color: #8db7ee;
  font-family: 'Open Sans', sans-serif;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 11px;
}
.calendar-input {
  height: 4rem;
}
.calendar-input .btn-default span {
  padding-left: 0;
  padding-right: 0;
}
.calendar-input .btn-default {
  background-color: #ffffff;
  border-radius: 0;
  height: 29px;
  width: 29px;
  outline: none;
  box-shadow: none;
}
.calendar-input .btn-default[disabled] {
  background-color: #ffffff;
}
.calendar-input .well {
  padding: 1px;
  margin-bottom: 0;
  border: 1px solid #ffffff;
  border-radius: 0;
  background: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.calendar-input table {
  width: 100%;
  height: 25rem;
  table-layout: fixed;
}
.calendar-input th,
.calendar-input td {
  position: relative;
  min-width: 3.4rem;
}
.calendar-input th,
.calendar-input th button,
.calendar-input th .btn,
.calendar-input th .btn-default {
  height: 29px;
  font-weight: 700;
  text-align: center;
}
.calendar-input .btn-default.uib-title {
  width: 100%;
  height: 15px;
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.1rem;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.2rem;
  text-align: center;
}
.calendar-input .btn-default.uib-title:hover {
  background-color: #c6dbf6;
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.1rem;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.2rem;
  text-align: center;
}
.calendar-input .btn-default.uib-right,
.calendar-input .btn-default.uib-left {
  height: 33px;
  width: 36.44px;
}
.calendar-input .btn-default.uib-right i,
.calendar-input .btn-default.uib-left i {
  height: 1.1rem;
  width: 6px;
  color: #4a90e2;
  font-size: 1.1rem;
  letter-spacing: 0;
  line-height: 1.2rem;
}
.calendar-input .btn-default.uib-right:hover,
.calendar-input .btn-default.uib-left:hover {
  background-color: #c6dbf6;
}
.calendar-input input,
.calendar-input button,
.calendar-input .btn,
.calendar-input .btn-default {
  font-size: 1rem;
  min-height: 29px;
}
.calendar-input input {
  height: 29px;
  font-weight: 600;
}
.calendar-input button,
.calendar-input .btn,
.calendar-input .btn-default {
  min-height: 3.2rem;
  padding: 0 0.5rem !important;
  border: none;
  background: transparent;
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.4rem;
  letter-spacing: 0;
  text-align: center;
  font-weight: 400;
}
.calendar-input button:hover,
.calendar-input button:focus,
.calendar-input .btn:hover,
.calendar-input .btn:focus,
.calendar-input .btn-default:hover,
.calendar-input .btn-default:focus {
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.4rem;
  letter-spacing: 0;
  text-align: center;
  font-weight: 700;
  background: #c6dbf6;
  border: none;
}
.calendar-input button.active,
.calendar-input button.active:active,
.calendar-input button.active:hover,
.calendar-input button.active:focus,
.calendar-input .btn.active,
.calendar-input .btn.active:active,
.calendar-input .btn.active:hover,
.calendar-input .btn.active:focus,
.calendar-input .btn-default.active,
.calendar-input .btn-default.active:active,
.calendar-input .btn-default.active:hover,
.calendar-input .btn-default.active:focus {
  background: #c6dbf6;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.4rem;
  letter-spacing: 0;
  text-align: center;
  font-weight: 700;
}
.calendar-input .btn-info.active {
  background: #e8f1fc;
  color: #4b5055;
}
.calendar-input .text-info.active {
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.1rem;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.2rem;
  text-align: center;
}
.calendar-input .btn-default.text-info,
.calendar-input .btn-info.text-info {
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.1rem;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.2rem;
  text-align: center;
}
.calendar-input .btn-default[disabled].btn-info[disabled] {
  background-color: rgba(226, 74, 74, 0.15);
  color: rgba(226, 74, 74, 0.5);
}
.calendar-input .btn-default[disabled]:hover,
.calendar-input .btn-default[disabled]:active,
.calendar-input .btn-default[disabled]:focus,
.calendar-input .btn-default[disabled] {
  background-color: rgba(221, 221, 221, 0.5);
  color: rgba(75, 80, 85, 0.6);
}
.calendar-input .text-center {
  color: #8db7ee;
  font-family: 'Open Sans', sans-serif;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 11px;
}
.calendar-input .text-muted,
.calendar-input .text-muted:hover,
.calendar-input .text-muted:active,
.calendar-input .text-muted[disabled],
.calendar-input .text-muted[disabled]:hover,
.calendar-input .text-muted[disabled]:active {
  color: rgba(75, 80, 85, 0.25);
  font-weight: 600;
}
.calendar-input .icon-btn,
.calendar-input .icon-btn:hover,
.calendar-input .icon-btn:focus {
  background: transparent;
}
.calendar-input .icon-btn:hover,
.calendar-input .icon-btn:focus {
  color: #999;
}
.calendar-txt-input {
  position: relative;
  width: 14rem;
  height: 4rem;
}
.calendar-txt-input input[type='text'] {
  padding-right: 3.4rem;
  height: 4rem;
  font-size: 1.3rem;
  font-weight: 400;
}
.calendar-txt-input .calendar-icon-btn {
  position: absolute;
  top: 0;
  right: 0;
  left: inherit;
  height: 4rem;
  width: 3rem;
  font-size: 1.4rem;
  color: #4a90e2;
}
.calendar-txt-input .dropdown-menu {
  width: 26.5rem;
}
.has-error .calendar-txt-input .form-control[readonly] {
  background-color: #fbe4e4;
}
.has-error .calendar-txt-input .icon-btn {
  color: #e24a4a;
}
.has-error .calendar-txt-input .icon-btn:hover {
  opacity: 0.5;
}
.has-error .calendar-txt-input .icon-btn i {
  color: #e24a4a;
}
/* READ-ONLY DATEPICKER INPUT FIELD FOR CMS-1586 */
.calendar-txt-input .form-control[readonly] {
  cursor: pointer;
  background-color: #f7f7f9;
}
.calendar-txt-input .form-control[disabled] {
  cursor: not-allowed;
}
.calendar-txt-input .calendar-delete-btn,
.calendar-txt-input .calendar-delete-btn.icon-btn {
  position: absolute;
  right: 3rem;
  top: 0;
  left: initial;
  height: 4rem;
  width: unset;
}
.calendar-txt-input .calendar-delete-btn i,
.calendar-txt-input .calendar-delete-btn.icon-btn i {
  color: #4a90e2;
  font-size: 1.2rem;
  vertical-align: middle;
}
.has-error .calendar-delete-btn.icon-btn {
  color: #e24a4a;
}
.has-error .calendar-delete-btn.icon-btn:hover {
  opacity: 0.5;
}
.has-error .calendar-delete-btn.icon-btn i {
  color: #e24a4a;
}
@media (min-width: 992px) {
  calendar-input + .checkbox {
    position: absolute;
    top: 0;
    left: 16.5rem;
  }
}

.is-valid time-picker.active .form-control {
  border-color: #278eca;
  -webkit-box-shadow: 1px 1px 1px rgba(210, 212, 215, 0.6) inset;
  box-shadow: 1px 1px 1px rgba(210, 212, 215, 0.6) inset;
}
time-picker .form-control {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: -ms-inline-flex;
  display: inline-flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  width: auto;
  align-items: center;
  justify-content: center;
}
time-picker .form-control.input-disabled div,
time-picker .form-control.input-disabled input,
time-picker .form-control.input-disabled button {
  opacity: 0.5;
  cursor: not-allowed;
}
time-picker .form-control input {
  width: 2rem;
  display: inline-block;
  border: none;
  background: transparent;
  text-align: center;
}
time-picker .form-control input:before {
  content: '';
  position: absolute;
  left: 2px;
  right: 2px;
  bottom: 0;
  border-bottom: 1px solid #000000;
}
time-picker .form-control input:focus {
  outline: none;
}
time-picker .form-control .time-picker-separator {
  width: 0.3rem;
  text-align: center;
  line-height: 1.7rem;
}
time-picker .form-control button.btn {
  padding: 0.1rem;
  background: transparent;
  font-weight: 600;
  color: #4b5055;
  border: 0;
  height: 2rem;
  line-height: 1.8rem;
}
time-picker .form-control button.btn-default span {
  padding-left: 0;
  padding-right: 0;
}
time-picker .form-control button.btn-default,
time-picker .form-control button.btn-default[disabled] {
  background: transparent;
  border-radius: 0;
  border: 0;
}
time-picker .form-control button.btn-default:active {
  border: 0;
  box-shadow: none;
}
time-picker .form-control .badge {
  font-size: 1.1rem;
  font-weight: 600;
  background: transparent;
  color: #444;
  padding: 0.1rem 0.1rem;
  width: 3rem;
  height: 2rem;
  line-height: 1.8rem;
}

tri-state-checkbox {
  display: inline-block;
  vertical-align: middle;
  height: 1.8rem;
  line-height: 1.8rem;
  white-space: nowrap;
}
tri-state-checkbox:hover > .tri-state-checkbox {
  -webkit-transition: border-color 0.1s ease-out;
  -moz-transition: border-color 0.1s ease-out;
  -ms-transition: border-color 0.1s ease-out;
  -o-transition: border-color 0.1s ease-out;
  transition: border-color 0.1s ease-out;
  border-color: #b7babf;
}
tri-state-checkbox .tri-state-checkbox-label {
  display: inline-block;
  vertical-align: top;
  font-weight: 600;
  cursor: pointer;
  height: 8.4rem;
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.2rem;
  letter-spacing: 0;
  line-height: 1.8rem;
  padding-left: 0.6rem;
}
tri-state-checkbox .tri-state-checkbox-label.disabled {
  color: #949faa;
}
tri-state-checkbox > .tri-state-checkbox {
  display: inline-block;
  margin-right: 0.5rem;
  width: 1.8rem;
  height: 1.8rem;
  font-weight: 700;
  text-align: center;
  background: #fff;
  border: 1px solid #d2d4d7;
  -webkit-box-shadow: 0 0 1px rgba(210, 212, 215, 0.6) inset;
  -moz-box-shadow: 0 0 1px rgba(210, 212, 215, 0.6) inset;
  box-shadow: 0 0 1px rgba(210, 212, 215, 0.6) inset;
  -webkit-transition: border-color 0.1s ease-out;
  -moz-transition: border-color 0.1s ease-out;
  -ms-transition: border-color 0.1s ease-out;
  -o-transition: border-color 0.1s ease-out;
  transition: border-color 0.1s ease-out;
  box-sizing: border-box;
  border-radius: 2px;
}
tri-state-checkbox > .tri-state-checkbox > .indeterminate {
  display: block;
  background: linear-gradient(135deg, #9e80e5 0%, #8488ef 50.54%, #6866e0 100%);
  height: 1.8rem;
  width: 1.8rem;
  color: #fff;
  border-radius: 2px;
}
tri-state-checkbox > .tri-state-checkbox > .icon {
  height: 8.1px;
  width: 10.8px;
  color: #fff;
  font-family: 'Font Awesome 5 Pro';
  font-size: 1.3rem;
  letter-spacing: 0;
  line-height: 1.3rem;
}
tri-state-checkbox > .tri-state-checkbox > .checked {
  height: 1.8rem;
  width: 1.8rem;
  border-radius: 2px;
  background: linear-gradient(135deg, #9e80e5 0%, #8488ef 50.54%, #6866e0 100%);
  color: #fff;
}
input[type='checkbox'] + .tri-state-checkbox .indeterminate,
input[type='checkbox'] + .tri-state-checkbox .checked {
  display: none;
}
input[type='checkbox'].checkbox-indeterminate + .tri-state-checkbox .indeterminate,
input[type='checkbox']:checked + .tri-state-checkbox .checked {
  display: block;
  margin: -1px;
}
input[type='checkbox'].checkbox-indeterminate + .tri-state-checkbox .checked {
  display: none;
}

div.simple-checkbox-container {
  display: inline-block;
}
div.simple-checkbox-container .simple-checkbox-input {
  position: absolute;
  appearance: none;
  width: 1.8rem;
  height: 1.8rem;
  vertical-align: text-top;
  border: 1px solid #d2d4d7;
  -webkit-box-shadow: 0 0 1px rgba(210, 212, 215, 0.6) inset;
  -moz-box-shadow: 0 0 1px rgba(210, 212, 215, 0.6) inset;
  box-shadow: 0 0 1px rgba(210, 212, 215, 0.6) inset;
  -webkit-transition: border-color 0.1s ease-out;
  -moz-transition: border-color 0.1s ease-out;
  -ms-transition: border-color 0.1s ease-out;
  -o-transition: border-color 0.1s ease-out;
  transition: border-color 0.1s ease-out;
  border-radius: 2px;
  outline: none;
  cursor: pointer;
  margin-left: -20px;
}
div.simple-checkbox-container .simple-checkbox-input:focus {
  outline: none;
}
div.simple-checkbox-container .simple-checkbox-input:checked {
  outline: none;
}
div.simple-checkbox-container .simple-checkbox-input:checked:focus,
div.simple-checkbox-container .simple-checkbox-input:checked :focus-visible {
  border-radius: 2px !important;
  outline: solid #5e00de 0.1rem !important;
}
div.simple-checkbox-container .simple-checkbox-input:checked + .checked {
  display: inline-block;
}
div.simple-checkbox-container .simple-checkbox-input + .checked {
  display: none;
}
div.simple-checkbox-container .checked {
  position: absolute;
  margin-left: -20px;
  margin-top: 2px;
  background: linear-gradient(135deg, #9e80e5 0%, #8488ef 50.54%, #6866e0 100%);
  width: 1.8rem;
  height: 1.8rem;
  text-align: center;
  border-radius: 2px;
}
div.simple-checkbox-container .checked .icon {
  color: #fff;
  font-family: 'Font Awesome 5 Pro';
  font-size: 1.3rem;
}
div.simple-checkbox-container .simple-checkbox-label {
  font-size: 1.3rem;
  cursor: pointer;
}
div.simple-checkbox-container .simple-checkbox-label-text {
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
  padding-left: 0.6rem;
  overflow-wrap: break-word;
}
div.simple-checkbox-container .simple-checkbox-label.disabled {
  color: #949faa;
  cursor: not-allowed;
}
div.simple-checkbox-container .simple-checkbox-label.disabled .simple-checkbox-input {
  cursor: not-allowed;
}
div.simple-checkbox-container .simple-checkbox-label ng-transclude {
  padding-left: 1.2rem;
}

.select2-default,
input.placeholder,
select.placeholder {
  font-style: italic;
  color: #949faa;
}
select.placeholder option {
  font-style: normal;
  color: #4b5055;
}

.translations-form .form-flex-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  gap: 0 15px;
  margin-bottom: 15px;
}
.translations-form .form-flex-container label.form-flex-label {
  flex: 1 0;
  width: 33.33333333%;
}
.translations-form .form-flex-container div.form-flex-input {
  flex: 2 0;
  width: 66.66666667%;
  padding-top: 7px;
}
.translations-form .form-flex-container change-indicator div.change-indicator {
  border-right: none;
  top: unset;
  bottom: unset;
}
.translations-form translation-field:not(:last-of-type),
.translations-form .form-control-static:not(:last-of-type) {
  display: block;
  margin-bottom: 1.5rem;
}
.translations-form .tab-control-value {
  height: 1.8rem;
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.8rem;
}
.translations-form .existing-value {
  word-break: break-word;
  color: #949faa;
}

.metadata-language-selector {
  margin-top: 2.25rem;
  margin-bottom: 2rem;
  position: relative;
  display: flex;
  align-items: center;
}
.metadata-language-selector .nav {
  flex-grow: 1;
}
.metadata-language-selector .metadata-language {
  margin-top: 4px;
  width: 25%;
  text-align: left;
}
.metadata-language-selector .metadata-language > a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 1.5rem;
  padding-right: 2.5rem;
}
.metadata-language-selector .metadata-language > a.has-changes {
  padding-right: 5rem;
}
.metadata-language-selector .metadata-language > a > .icon.fa-times {
  opacity: 0;
  position: absolute;
  right: 1rem;
  top: 1.1rem;
  cursor: pointer;
  color: #5e5bde;
}
.metadata-language-selector .metadata-language > a:hover > .icon.fa-times {
  opacity: 1;
}
.metadata-language-selector .metadata-language.add-language-button > a {
  color: #8db7ee;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.1rem;
  font-weight: bold;
}
.metadata-language-selector .metadata-language.add-language-button > a > .icon {
  margin-right: 0.5rem;
}

div#clipAlertDanger {
  margin-right: -1.5rem;
}
section#sampleStartTime {
  margin-bottom: 1.5rem;
}
section#sampleStartTime div.alert.alert-info {
  margin-left: 1.5rem;
}
section#sampleStartTime div#sampleStartTimeFormGroup {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
section#sampleStartTime div#sampleStartTimeFormGroup div#sampleStartTimeInput {
  width: 14rem;
}
section#musicServices button#addMusicServiceButton {
  margin: 4rem 2rem 2rem;
}

ag-grid-pagination {
  display: inline-block;
  text-align: center;
  padding-top: 10px;
}
ag-grid-pagination .btn:focus,
ag-grid-pagination .btn:disabled,
ag-grid-pagination .btn:hover,
ag-grid-pagination .btn {
  height: 3.4rem;
  margin-top: -2px;
}
ag-grid-pagination .page-count {
  display: inline-block;
  text-align: center;
  font-weight: 600;
  font-size: 1.2rem;
  min-width: 16rem;
}
ag-grid-pagination .page-jump {
  display: inline-block;
  width: 4.2rem;
}
ag-grid-pagination .page-jump.page-jump-lg {
  width: 4.5rem;
}
ag-grid-pagination .page-jump input {
  display: inline-block;
  padding-left: 0.6rem;
  padding-right: 0.6rem;
  height: 3.4rem;
}
ag-grid-pagination .float-right-button:focus,
ag-grid-pagination .float-right-button:disabled,
ag-grid-pagination .float-right-button:hover,
ag-grid-pagination .float-right-button {
  float: right;
  height: 3.4rem;
  margin-top: 2px;
  margin-right: auto;
  font-weight: 600;
  font-size: 1rem;
  padding: 0.3rem 0.9rem;
  margin-right: 2rem;
}

product-search {
  padding-bottom: 2.5rem;
}
.search-bar {
  margin-bottom: 0;
}
.search-bar .input-group-btn {
  padding-left: 17px;
}
.search-bar .form-control,
.search-bar .input-group-btn .btn {
  height: 39px;
}
.search-bar input {
  padding-left: 4.3rem;
}
.search-bar .search-icon {
  position: absolute;
  top: 11px;
  left: 11px;
  z-index: 3;
  font-size: 1.8rem;
  font-weight: 400;
  color: #4b5055;
  line-height: 2rem;
}
.search-bar input:focus + .icon {
  color: #9e80e5;
}
.search-bar .btn.advanced-toggle-btn {
  margin-left: 3px;
  border-color: #5e5bde;
  color: #5e5bde;
}
.search-bar .btn.advanced-toggle-btn.collapsed {
  border-color: #d2d4d7;
}
.search-bar .btn.advanced-toggle-btn.expanded {
  border: double 1px transparent;
  border-radius: 6px;
  background-image: linear-gradient(#f7f7f9, #f7f7f9), linear-gradient(135deg, #9e80e5, #8488ef, #6866e0);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.06);
}
.search-bar .btn.advanced-toggle-btn {
  box-sizing: border-box;
  height: 39px;
  border: 1px solid #a4a4a4;
  border-radius: 6px;
  background: linear-gradient(139.7deg, #f8f8f8 0%, #efefef 100%);
}
.search-bar .btn.advanced-toggle-btn > .i {
  height: 15px;
  width: 16px;
  color: #4b5055;
  font-family: 'Font Awesome 5 Pro';
  font-size: 15.4px;
  letter-spacing: 0;
  line-height: 17px;
}
.search-bar .btn.advanced-toggle-btn:hover,
.search-bar .btn.advanced-toggle-btn:focus {
  box-sizing: border-box;
  height: 39px;
  border: 1px solid #a4a4a4;
  border-radius: 6px;
  background: linear-gradient(139.7deg, #ffffff 0%, #f5f5f5 100%);
}
.active-gradient-border {
  border: double 1px transparent;
  border-radius: 6px;
  background-image: linear-gradient(#f7f7f9, #f7f7f9), linear-gradient(135deg, #9e80e5, #8488ef, #6866e0);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.06);
}
.search-bar .btn.advanced-toggle-btn:active {
  height: 39px;
  background: linear-gradient(138.84deg, #f8f8f8 0%, #efefef 100%);
  border: double 1px transparent;
  border-radius: 6px;
  background-image: linear-gradient(#f7f7f9, #f7f7f9), linear-gradient(135deg, #9e80e5, #8488ef, #6866e0);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.06);
}
.search-bar .btn.advanced-toggle-btn:active > .i {
  height: 15px;
  width: 16px;
  color: #4b5055;
  font-family: 'Font Awesome 5 Pro';
  font-size: 15.4px;
  letter-spacing: 0;
  line-height: 17px;
}
.rectangle-copy-3 {
  height: 39px;
  width: 39px;
  border-radius: 6px;
  background: linear-gradient(138.84deg, #f8f8f8 0%, #efefef 100%);
  box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.06);
}
.advanced-search-container {
  position: relative;
  margin-top: 1.5rem;
  padding: 4.5rem 2.5rem 2.5rem;
  background: #fff;
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.advanced-search-container .form-group {
  margin-bottom: 1.5rem;
}
.advanced-search-container:after,
.advanced-search-container:before {
  position: absolute;
  margin-right: -3px;
  background: #fff;
}
.advanced-search-container:before {
  right: 10px;
  top: -7.5px;
  transform: rotate(45deg);
  box-shadow: -1px -3px 10px -2px rgba(0, 0, 0, 0.15);
  height: 15px;
  width: 15px;
}
.advanced-search-container:after {
  right: 5px;
  top: 0;
  height: 30px;
  width: 30px;
}
.advanced-search-container label {
  margin-bottom: 0.5rem;
  color: #4a90e2;
  text-transform: uppercase;
  font-size: 1.1rem;
  font-weight: 700;
}
.advanced-search-container .btn {
  min-width: 152px;
}
.advanced-search-buttons-container {
  margin-top: 0.5rem;
  padding: 0 1.5rem;
  text-align: right;
}
.advanced-search-buttons-container button#resetAdvancedSearchButton {
  margin-left: 15px;
}
.search-results {
  margin-top: 1.5rem;
}
.result-count-container {
  height: 100%;
  border-radius: 1rem;
  background-color: rgba(198, 219, 246, 0.5);
  width: 100%;
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
  display: inline;
}
.result-count-txt {
  font-weight: 700;
  letter-spacing: -0.01rem;
  line-height: 1rem;
  color: #4b5055;
  padding-right: 0.5rem;
  text-transform: uppercase;
}
.result-clear-btn {
  padding-left: 0.5rem;
  color: #4a90e2;
  font-size: 1rem;
}
.result-clear-btn .icon {
  height: 1rem;
  width: 0.7rem;
  color: #4a90e2;
  font-family: 'Font Awesome 5 Pro';
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.1rem;
}
.search-keyword {
  display: -webkit-flex;
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: 1rem;
}
.search-keyword label {
  line-height: 3.4rem;
  margin-right: 1rem;
}
.search-keyword .btn {
  height: 3.4rem;
  margin-left: 0.25rem;
}

.ag-grid-custom-filter {
  min-width: 203px;
  background-color: #ffffff;
}
.ag-grid-custom-filter input.ng-not-empty {
  background-color: #5e5bde;
}
.dropdown-divider {
  margin: 0 5%;
  border-color: #c6dbf6;
}
.filter-menu-arrow {
  width: 0;
  height: 0;
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
  border-top: 0 solid transparent;
  border-bottom: 1rem solid black;
  border-bottom-color: rgba(0, 0, 0, 0.15);
  margin-left: 1rem;
}
.filter-menu-container {
  display: flex;
  justify-content: left;
  flex-direction: column;
  box-sizing: border-box;
  height: calc(100% + 50px);
}
.ag-menu {
  overflow-x: hidden;
  overflow-y: auto;
}
.filter-menu {
  min-width: 203px;
  float: right;
  background-color: #ffffff;
}
.filter-menu:after,
.filter-menu:before {
  position: absolute;
  background: #fff;
}
.filter-menu:before {
  right: 10px;
  top: -7.5px;
  transform: rotate(45deg);
  box-shadow: -1px -3px 10px -2px rgba(0, 0, 0, 0.15);
  height: 15px;
  width: 15px;
}
.filter-menu:after {
  right: 5px;
  top: 0;
  height: 30px;
  width: 30px;
}
.filter-menu .filter-title {
  padding: 10px 10px 0;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 700;
}
.filter-menu ul {
  border: none;
}
.filter-menu li {
  display: block;
  border-bottom: 1px solid #fff;
  height: 32px;
  cursor: pointer;
  border-right: none;
  background-color: #f4f8fe;
}
.filter-menu li:hover {
  background-color: #c6dbf6;
}
.filter-menu .filter-menu-div {
  margin-bottom: 1rem;
  margin-top: 1rem;
  border: none;
}
.filter-menu .filter-menu-div li {
  width: 100%;
}
.filter-menu .filter-menu-div li label {
  width: 100%;
}
.filter-menu .filter-menu-div .checkbox-icon {
  display: table-cell;
  vertical-align: middle;
  padding-left: 1rem;
  height: 1.4rem;
  width: 1.4rem;
  font-weight: 700;
}
.filter-menu .filter-menu-div .checked {
  display: inline-block;
  height: 1.4rem;
  width: 1.4rem;
  border-radius: 1.5px;
  background: linear-gradient(135deg, #9e80e5 0%, #8488ef 50.54%, #6866e0 100%);
  color: #fff;
}
.filter-menu .filter-menu-div .icon {
  display: table-cell;
  vertical-align: middle;
  height: 0.63rem;
  width: 0.84rem;
  color: #fff;
  font-family: 'Font Awesome 5 Pro';
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1rem;
  padding-left: 0.15rem;
  padding-top: 0.3rem;
}
.filter-menu .filter-menu-div .unchecked {
  display: inline-block;
  box-sizing: border-box;
  height: 1.4rem;
  width: 1.4rem;
  border: 1px solid #d2d4d7;
  border-radius: 1.5px;
  background-color: #ffffff;
}
.filter-menu .filter-menu-div .checkbox-label {
  width: 100%;
  text-align: left;
  display: inline-block;
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 3.3rem;
  padding-left: 0.4rem;
}
.filter-menu .filter-menu-div .checkbox-label > span {
  display: table-cell;
  vertical-align: middle;
}
.filter-menu .filter-menu-div label {
  display: table;
}

.product-filter .selectize-input {
  padding-left: 96px !important;
  width: 100% !important;
}
.product-filter:focus-within .filter-option {
  background: linear-gradient(90deg, #ded9f5 0%, #cbe1fe 47.52%, #c6cff2 100%);
}
.product-filter:focus-within .filter-option i {
  color: #4a90e2;
}

.filter-option {
  position: absolute;
  top: 10px;
  left: 25px;
  z-index: 3;
  padding-top: 8px;
  border-radius: 10px 0 0 10px;
  background: #e4e5e8;
  height: 22px;
  width: 77px;
  line-height: 7px;
  padding-left: 8px;
  font-size: 1rem;
  font-weight: 600;
}
.filter-option button {
  padding-top: 8px;
  padding-left: 8px;
  padding-right: 0;
  text-transform: uppercase;
}
.filter-option button:hover {
  opacity: 1;
}
.filter-option .filter-content {
  display: flex;
}
.filter-option .filter-content .filter-option-text {
  width: 5.1rem;
  height: 1.4rem;
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.filter-option .filter-content i {
  font-size: 0.7rem;
  padding-left: 4px;
  padding-right: 7px;
  justify-self: end;
  line-height: 1.1rem;
}
.filter-options {
  width: 110px;
}

.popover.actions-menu-popover {
  border: none;
  border-radius: 6px;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  width: 195px;
}
.popover.actions-menu-popover .popover-content {
  padding: 0;
}
.actions-btn {
  margin: -10px;
  padding: 10px;
  color: #8db7ee;
}
.actions-menu {
  border: none;
  border-radius: 6px;
  box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.2);
  list-style: none;
  z-index: 1000;
  font-family: 'Open Sans', sans-serif;
  width: 195px;
}
.actions-menu .dropdown-menu-row {
  justify-content: left;
  width: 195px;
  float: left;
  height: 32px;
}
.actions-menu .dropdown-menu-row,
.actions-menu > li {
  border: none;
  height: 32px;
  width: 195px;
  display: block;
  white-space: nowrap;
}
.actions-menu .dropdown-menu-row > a,
.actions-menu > li > a {
  display: inline-block;
  width: 100%;
}
.actions-menu .dropdown-menu-row > a:active,
.actions-menu > li > a:active,
.actions-menu .dropdown-menu-row > a:focus,
.actions-menu > li > a:focus,
.actions-menu .dropdown-menu-row > a:hover,
.actions-menu > li > a:hover {
  text-decoration: none;
  background-color: #c6dbf6;
  color: #4b5055;
}
.actions-menu .dropdown-menu-row .menu-text,
.actions-menu > li .menu-text {
  height: 32px;
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.4rem;
  cursor: pointer;
  font-size: 1.2rem;
  letter-spacing: 0;
}
.actions-menu .dropdown-menu-row .menu-text:active,
.actions-menu > li .menu-text:active,
.actions-menu .dropdown-menu-row .menu-text:focus,
.actions-menu > li .menu-text:focus,
.actions-menu .dropdown-menu-row .menu-text:hover,
.actions-menu > li .menu-text:hover {
  height: 32px;
  background-color: #c6dbf6;
  color: #4b5055;
}
.actions-menu .dropdown-menu-row .menu-icon,
.actions-menu > li .menu-icon {
  height: 3.3rem;
  width: 1.4rem;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  color: #8db7ee;
  font-family: 'Font Awesome 5 Pro';
  font-size: 1.2rem;
  letter-spacing: 0;
  line-height: 3.3rem;
  cursor: pointer;
  font-weight: 400;
}
.actions-menu .dropdown-menu-row .menu-icon:hover,
.actions-menu > li .menu-icon:hover {
  height: 32px;
  background-color: #c6dbf6;
}
.actions-menu .dropdown-menu-row:active,
.actions-menu > li:active,
.actions-menu .dropdown-menu-row:focus,
.actions-menu > li:focus,
.actions-menu .dropdown-menu-row:hover,
.actions-menu > li:hover {
  height: 32px;
  background-color: #c6dbf6;
}
.actions-menu .dropdown-menu-row:active .menu-icon,
.actions-menu > li:active .menu-icon,
.actions-menu .dropdown-menu-row:focus .menu-icon,
.actions-menu > li:focus .menu-icon,
.actions-menu .dropdown-menu-row:hover .menu-icon,
.actions-menu > li:hover .menu-icon {
  color: #4a90e2;
  font-weight: 600;
}
.actions-menu .dropdown-menu-row:active .menu-text,
.actions-menu > li:active .menu-text,
.actions-menu .dropdown-menu-row:focus .menu-text,
.actions-menu > li:focus .menu-text,
.actions-menu .dropdown-menu-row:hover .menu-text,
.actions-menu > li:hover .menu-text {
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0;
}

audio-player .audio-player {
  position: fixed;
  bottom: 0;
  left: 20.5rem;
  right: 0;
  height: 0;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1;
  padding-left: 25%;
  padding-right: 25%;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
audio-player .audio-player.visible {
  height: 85px;
  opacity: 1;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
@media (max-width: 1199px) {
  audio-player .audio-player {
    left: 6rem;
    padding-left: 15%;
    padding-right: 15%;
  }
}
audio-player .audio-player .close-button {
  z-index: 2;
  opacity: 0.7;
  color: #ffffff;
  position: absolute;
  right: 16px;
  top: 6px;
  font-size: 2.2rem;
  cursor: pointer;
}
audio-player .audio-player .close-button:hover {
  opacity: 1;
}
.view-content-container.audio-player-open {
  margin-bottom: 85px;
}
.app-main.sidenav-closed .audio-player {
  left: 6rem;
  padding-left: 15%;
  padding-right: 15%;
}

audio-element .audio-element {
  color: #ffffff;
  height: 100%;
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
audio-element .audio-element .playback-rate {
  display: flex;
}
audio-element .audio-element .playback-rate .playback-rate-slider {
  transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  width: 5rem;
}
audio-element .audio-element .audio-text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding-top: 0.4rem;
  text-align: center;
  font-size: 1.4rem;
  line-height: normal;
}
audio-element .audio-element .player {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  height: 100%;
  width: 100%;
  margin-left: -1rem;
  margin-right: -1rem;
  font-size: 1.4rem;
  font-weight: 500;
}
audio-element .audio-element .player > * {
  margin-left: 1rem;
  margin-right: 1rem;
}
audio-element .audio-element .player .icon-btn {
  color: #ffffff;
  font-size: 2.6rem;
}

.restrictions-view .button-bar {
  padding: 0 1rem;
  height: 34px;
  background-color: #edf4fc;
}
.restrictions-view .button-bar .btn-primary.alt,
.restrictions-view .button-bar .btn-primary.alt:active,
.restrictions-view .button-bar .btn-primary.alt:hover,
.restrictions-view .button-bar .btn-primary.alt:focus {
  margin-top: 0.5rem;
  background: #e8f1fc;
  border: none;
  color: #4a90e2;
  font-size: 13px;
  font-weight: 600;
  text-transform: none;
  box-shadow: none;
  height: 26px;
  padding-top: 0;
}
.restrictions-view .restrictions-info-title {
  line-height: 3rem;
}
.restrictions-view .restrictions-info-title .restrictions-info-title-strong {
  font-weight: bold;
  text-transform: uppercase;
}
.restrictions-view .prompt-message {
  color: #949faa;
}
.restrictions-view .distro-channel-settings {
  padding: 1.5rem;
  margin-bottom: 1rem;
}
.restrictions-view .distro-channel-settings .radio-text {
  height: 1.8rem;
  color: #4b5055;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.4rem;
}
.restrictions-view .distro-channel-settings label {
  margin-right: 1rem;
  font-weight: 600;
}
.restrictions-view .distro-channel-settings .desc span {
  display: block;
  margin-top: 1.8rem;
  color: #949faa;
}
.restrictions-view .distro-channel-settings input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.restrictions-view .checkmark {
  position: absolute;
  top: 0.055rem;
  left: 0.055rem;
  height: 1.8rem;
  width: 1.8rem;
  border-radius: 50%;
  box-sizing: border-box;
  border: 0.064rem solid #d2d4d7;
  background-color: #ffffff;
  margin-top: -0.3rem;
  margin-left: -0.3rem;
}
.restrictions-view .distro-channel-settings input:checked ~ .checkmark {
  border: none;
  background: linear-gradient(135deg, #9e80e5 0%, #8488ef 50.54%, #6866e0 100%);
}
.restrictions-view .checkmark:after {
  content: '';
  position: absolute;
  display: none;
}
.restrictions-view .distro-channel-settings input:checked ~ .checkmark:after {
  border: none;
  display: block;
}
.restrictions-view .distro-channel-settings .checkmark:after {
  border: none;
  top: 0.55rem;
  left: 0.55rem;
  border-radius: 50%;
  height: 0.704rem;
  width: 0.704rem;
  background-color: #ffffff;
}
.restrictions-view .restrictions-grid {
  table-layout: fixed;
  width: 100%;
}
.restrictions-view .restrictions-grid tr.restriction-detail-row {
  display: block;
}
.restrictions-view .restrictions-grid td {
  white-space: nowrap;
  padding: 0.5rem;
}
.restrictions-view .restrictions-grid td.restriction-total-col {
  min-width: 20rem;
  padding-left: 1.5rem;
}
.restrictions-view .restrictions-grid .restriction-detail-col {
  overflow: hidden;
  color: #949faa;
  text-overflow: ellipsis;
}
.restrictions-view .restrictions-grid .restriction-details {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.5rem;
}
.restrictions-view .contracts-section {
  margin-top: 2rem;
}
.restrictions-view .contracts-section .contract-metadata {
  display: flex;
  flex-direction: row;
  padding: 1rem;
}
.restrictions-view .contracts-section .contract-metadata:first-child .contract-metadata-subsection {
  padding-right: 10rem;
}
.restrictions-view .contracts-section .contract-metadata label {
  color: #6e788c;
  margin-bottom: 0;
}
.restrictions-view .contracts-section .contract-metadata .value {
  font-weight: 600;
}
.restrictions-view .contracts-section .contract-metadata .contract-number {
  font-size: 2rem;
  font-weight: 400;
}
.restrictions-view .contracts-section .contract-metadata .contract-deal {
  font-size: 1.4rem;
  font-weight: 400;
  color: #949faa;
  margin-bottom: 0.7rem;
}
.restrictions-view .contracts-section .badge {
  margin-top: 0.7rem;
}
.restrictions-view .contracts-section .restrictions-grid-section {
  padding: 0;
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.restrictions-view .contracts-section .restrictions-grid-section .restriction-grid-container {
  width: fit-content;
}
.restrictions-view .contracts-section .contracts-grid {
  width: 50%;
}
.restrictions-view .contracts-section .contracts-grid .contracts-table {
  max-height: 30rem;
  overflow-y: auto;
}
.restrictions-view .contracts-section .contracts-grid.contract-territory-grid {
  flex: 1 0 50%;
  min-width: 400px;
  margin-bottom: 2rem;
  padding-right: 1rem;
  padding-left: 1rem;
}
.restrictions-view .contracts-section .contracts-grid.contract-retailer-grid {
  flex: 1 0 50%;
  min-width: 400px;
  padding-right: 1rem;
  padding-left: 1rem;
}
.restrictions-view .contract-card {
  box-shadow: 1px 1px 8px 0px rgba(0, 0, 0, 0.15);
}

.app-main .sidenav-line-spacer {
  background-color: #d8d8d8;
  height: 0.5px;
  width: auto;
  margin: 1.4rem 2.5rem;
  transition: all 0.5s linear 0.5s;
}
.app-main.sidenav-closed .sidenav-line-spacer {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.app-main.sidenav-closed .sidenav .sidenav-inner {
  width: 6rem;
}
.app-main.sidenav-closed .sidenav .sidenav-inner:hover {
  width: 20.5rem;
}
.app-main.sidenav-closed .sidenav .sidenav-inner:hover .sidenav-line-spacer {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
.app-main.sidenav-closed .sidenav .sidenav-inner:hover li.nav-item a {
  width: 180px;
  transition: 0.2s width ease-out 0.4s;
}
.app-main.sidenav-closed .sidenav .sidenav-inner:hover li.nav-item a span.nav-txt {
  visibility: visible;
}
.app-main.sidenav-closed .sidenav .sidenav-inner:hover li.nav-item.active a {
  width: 180px;
  transition: 0.2s width ease-out 0.4s;
}
.app-main.sidenav-closed .sidenav .sidenav-inner:hover li.nav-item.active a span.nav-txt {
  visibility: visible;
}
.app-main.sidenav-closed .sidenav .sidenav-inner:not(:hover) .nav-txt {
  visibility: hidden;
}
.app-main.sidenav-closed .sidenav .sidenav-inner li.nav-item a {
  width: 36px;
  transition: 0.2s width linear 0.75s;
}
.app-main.sidenav-closed .sidenav .sidenav-inner li.nav-item.active a {
  transition: 0.2s width linear 0.55s;
}
.app-main .sidenav .sidenav-inner {
  background-color: #f7f7f7;
}
.app-main .sidenav .sidenav-inner .nav-items ul.nav.nav-pills {
  margin-top: 1.7rem;
}
.app-main .sidenav .sidenav-inner .nav-items ul.nav.nav-pills li.nav-item {
  margin-left: 12px;
  width: 180px;
  margin-bottom: 0.6rem;
}
.app-main .sidenav .sidenav-inner .nav-items ul.nav.nav-pills li.nav-item a {
  border: 0;
  opacity: 1;
}
.app-main .sidenav .sidenav-inner .nav-items ul.nav.nav-pills li.nav-item.active > a > span {
  color: #5e5bde;
}
.app-main .sidenav .sidenav-inner .nav-items ul.nav.nav-pills li.nav-item.active > a,
.app-main .sidenav .sidenav-inner .nav-items ul.nav.nav-pills li.nav-item:hover > a {
  background: linear-gradient(90deg, #ded9f5 0%, #cbe1fe 47.52%, #c6cff2 100%);
  opacity: 0.65;
  border-radius: 4px;
  border-left: 0;
}
.app-main .sidenav .sidenav-inner .nav-items ul.nav.nav-pills li.nav-item.active > a:hover,
.app-main .sidenav .sidenav-inner .nav-items ul.nav.nav-pills li.nav-item:hover > a:hover {
  opacity: 1;
}
.app-main .sidenav .sidenav-inner .nav-items ul.nav.nav-pills li.nav-item:last-child {
  margin-bottom: 0;
}
.app-main .sidenav .sidenav-inner .nav-items button.sidenav-toggle {
  border: 0;
  opacity: 1;
  padding-left: 12px;
}
.app-main .sidenav .sidenav-inner .nav-items button.sidenav-toggle:hover {
  background: linear-gradient(90deg, #ded9f5 0%, #cbe1fe 47.52%, #c6cff2 100%);
}
.app-main .sidenav .sidenav-inner .nav-items span.item-text {
  color: #6e788c;
  font-weight: bold;
  font-size: 11px;
  opacity: 1;
}
.app-main .sidenav .sidenav-inner .nav-items span.item-text.icon {
  width: 36px;
  font-size: 12px;
}
@media (min-width: 1200px) {
  .app-main .sidenav .sidenav-inner,
  .app-main .sidenav .sidenav-inner:hover {
    width: 20.5rem;
  }
}

.app-header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1003;
}

.environment-banner {
  z-index: 10000;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  top: 4px;
}
.environment-banner .alert {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 0;
  border-left: none;
  padding: 15px;
  gap: 10px;
}
.environment-banner .alert .close {
  top: unset;
  right: unset;
}
.environment-banner .alert .icon {
  margin-right: 0;
  color: #4b5055;
}
.environment-banner-text {
  font-size: 1.4rem;
}
.environment-banner-text strong {
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: underline;
}
.version-info {
  position: fixed;
  bottom: 2px;
  right: 4px;
  font-size: 1.1rem;
  z-index: 1000;
  opacity: 0.5;
}

asset-change-indicator {
  color: #ffa500;
  margin-right: 2px;
}
asset-change-indicator.revert:hover {
  cursor: pointer;
  border-color: #e24a4a;
}
asset-change-indicator.revert:hover .icon {
  color: #e24a4a;
}
asset-change-indicator.revert:hover .icon:before {
  content: '\F2EA';
  font-weight: 600;
}

.change-indicator {
  display: inline-block;
}
.change-indicator .icon {
  color: #ffa500;
  font-size: 1.6rem;
}
.change-indicator + .tooltip > .tooltip-inner {
  width: auto;
}
.form-group .change-indicator {
  margin-left: -34px;
  position: absolute;
  top: 0;
  bottom: 0;
  border-right: 2px solid #ffa500;
  max-height: 40px;
}
.form-group .change-indicator .icon {
  width: 30px;
  height: 34px;
  padding: 9px;
}
.form-group #linerNotesInput .change-indicator,
.form-group #productDescription .change-indicator {
  max-height: none;
}
.translations-form .change-indicator .icon {
  padding-right: 9px;
  padding-top: 9px;
}
.restrictions-list .change-indicator .icon {
  margin-top: 0.1rem;
  margin-right: 0.3rem;
}
.restriction-list-actions .change-indicator {
  padding: 6px;
}
.list-builder .change-indicator {
  max-height: calc(100% - 5px);
  bottom: 4.4rem;
}
.list-builder-non-btn .change-indicator {
  bottom: 0;
}
.change-indicator-tooltip .original-value-title {
  font-weight: 700;
  font-size: 1.1rem;
  text-transform: uppercase;
}
.change-indicator-tooltip .original-value {
  font-size: 1.2rem;
  opacity: 0.85;
}

change-request-counter {
  margin-left: 0.35rem;
  margin-right: 0.35rem;
}
change-request-counter:first-child {
  margin-left: 0;
}
change-request-counter:last-child {
  margin-right: 0;
}
change-request-counter > .badge.change-count-badge {
  color: #fff;
  background-color: #ffa500;
  border-radius: 3px;
  height: 16px;
  width: 16px;
  font-size: 9.9px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 14px;
  text-align: center;
  padding: 0;
}

.original-value-list {
  display: table;
}
.original-value-list .item {
  display: table-row;
  border-bottom: 1px solid #000;
}
.original-value-list .item .item-name,
.original-value-list .item .item-details {
  display: table-cell;
  vertical-align: top;
  word-break: break-word;
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
  max-width: 20rem;
}
.original-value-list .item .item-name-small,
.original-value-list .item .item-details-small {
  font-size: 1.1rem;
}
.original-value-list .item .item-details {
  min-width: 5rem;
  font-weight: 500;
  padding-left: 1rem;
}

section#sampleStartTime {
  margin-bottom: 1.5rem;
}
section#sampleStartTime div.alert.alert-info {
  margin-left: 1.5rem;
}
section#sampleStartTime div#sampleStartTimeFormGroup {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
section#sampleStartTime div#sampleStartTimeFormGroup div#sampleStartTimeInput {
  width: 14rem;
}
section#musicServices button#addMusicServiceButton {
  margin: 4rem 2rem 2rem;
}

.payment-splits-inputs-container {
  display: flex;
  flex-wrap: wrap;
}
.payment-splits-inputs-container .payment-splits-label {
  flex: 1 1 20%;
  min-width: 10rem;
  align-self: flex-start;
  margin-top: 1rem;
}
.payment-splits-inputs-container .payment-splits-inputs {
  flex: 1 1 80%;
}
.payment-splits-inputs-container .payment-splits-inputs .default-payee,
.payment-splits-inputs-container .payment-splits-inputs .additional-payee {
  display: flex;
}
.payment-splits-inputs-container .payment-splits-inputs .default-payee .payee-name,
.payment-splits-inputs-container .payment-splits-inputs .additional-payee .payee-name {
  flex: 1 1 55%;
  min-width: 20rem;
  max-width: 30rem;
}
.payment-splits-inputs-container .payment-splits-inputs .default-payee .payee-payment-percentage,
.payment-splits-inputs-container .payment-splits-inputs .additional-payee .payee-payment-percentage {
  flex: 0 0 auto;
  min-width: 10rem;
  margin-left: 0.5rem;
  width: 10rem;
}
.payment-splits-inputs-container .payment-splits-inputs .additional-payee {
  flex-wrap: wrap;
}
.payment-splits-inputs-container .payment-splits-inputs .additional-payee .additional-payees-inputs {
  display: flex;
  flex: 0 0 100%;
  margin-top: 0.5rem;
}
.payment-splits-inputs-container .payment-splits-inputs .additional-payee .additional-payees-inputs .remove-additional-payee {
  flex: 0 0 auto;
  min-width: 2rem;
  align-self: center;
  text-align: end;
  margin-right: -2rem;
}
.payment-splits-inputs-container .payment-splits-inputs .additional-payee .add-payment-splits {
  flex: 1 1 100%;
  padding: 0.75rem;
  font-size: 1.1rem;
  display: flex;
}
.payment-splits-inputs-container .payment-splits-inputs .additional-payee .add-payment-splits button {
  padding: 0.5rem 0;
  color: #8db7ee;
  background: transparent;
}
.payment-splits-inputs-container .payment-splits-inputs .additional-payee .add-payment-splits a.create-payee-link {
  align-self: center;
  margin-left: 1rem;
}
.payment-splits-inputs-container .tooltip.in {
  top: unset !important;
}
.payment-splits-inputs-container .select2-selection__rendered {
  padding-right: 2rem;
}
.payment-splits-inputs-container .select2-selection__rendered .select2-selection__clear {
  display: none !important;
}

payment-split-details {
  font-weight: 600;
}
payment-split-details .payment-split-details {
  margin-bottom: 0.5rem;
  max-width: 500px;
}
payment-split-details .payment-split-details div.row {
  margin: 0 0 0.5rem 0;
}
payment-split-details .payment-split-details div.row .value-placeholder {
  inline-size: fit-content;
}
.edit-product-form payment-split-details > div {
  padding-top: 0.7rem;
}
.edit-product-form payment-split-details .payment-split-details {
  padding-right: 3.6rem;
}
.edit-product-form payment-split-details .payment-split-details .con-xs-6.value-placeholder {
  padding-left: 0.5rem;
}

.modal-tabs {
  padding: 0 5rem;
}
.modal-tabs .nav.nav-tabs {
  display: flex;
  flex-wrap: wrap;
}
.modal-tabs .nav.nav-tabs li {
  flex: 1 1 auto;
}
.modal-tabs .nav.nav-tabs li a.nav-tabs-track {
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}
.modal-tabs .nav.nav-tabs li a.nav-tabs-product {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.modal-tabs .nav.nav-tabs:before,
.modal-tabs .nav.nav-tabs:after {
  display: none;
}
.modal-tabs .nav.nav-tabs.left li {
  display: table-cell;
  text-align: left;
}
.modal-tabs modal-tab-header .modal-tab-icon {
  margin-right: 0.3rem;
  position: relative;
}
.modal-tabs modal-tab-header .modal-tab-icon .change-count-badge {
  padding: 0.2rem 0.45rem 0.3rem 0.4rem;
}