@import url('../../inter-font/inter.css');
@import url('../../iconfont/material-icons.css');

/* Colors */
:root {
  --nxg-white-24: rgba(255, 255, 255, 0.24);
  --nxg-white-32: rgba(255, 255, 255, 0.32);
  --nxg-white-70: rgba(255, 255, 255, 0.7);
  --nxg-white-90: rgba(255, 255, 255, 0.9);
  --nxg-white-100: rgba(255, 255, 255, 1);

  --nxg-black-4: rgba(0, 0, 0, 0.04);
  --nxg-black-8: rgba(0, 0, 0, 0.08);
  --nxg-black-12: rgba(0, 0, 0, 0.12);
  --nxg-black-16: rgba(0, 0, 0, 0.16);
  --nxg-black-24: rgba(0, 0, 0, 0.24);
  --nxg-black-38-12op: rgba(108, 102, 96, 1);
  --nxg-black-12: rgba(0, 0, 0, 0.12);
  --nxg-black-38: rgba(0, 0, 0, 0.38);
  --nxg-black-54: rgba(0, 0, 0, 0.54);
  --nxg-black-64: rgba(0, 0, 0, 0.64);
  --nxg-black-87: rgba(0, 0, 0, 0.87);
  --nxg-black-100: rgba(0, 0, 0, 1);

  --nxg-warm-grey-50: rgba(247, 246, 245, 1);
  --nxg-warm-grey-100: rgba(226, 221, 217, 1);
  --nxg-warm-grey-200: rgba(206, 197, 187, 1);
  --nxg-warm-grey-300: rgba(182, 173, 165, 1);
  --nxg-warm-grey-400: rgba(158, 151, 143, 1);
  --nxg-warm-grey-500: rgba(135, 129, 122, 1);
  --nxg-warm-grey-600: rgba(113, 107, 101, 1);
  --nxg-warm-grey-700: rgba(91, 87, 81, 1);
  --nxg-warm-grey-800: rgba(71, 67, 63, 1);
  --nxg-warm-grey-900: rgba(51, 48, 45, 1);

  --nxg-grey-50: rgba(246, 246, 246, 1);
  --nxg-grey-100: rgba(220, 220, 220, 1);
  --nxg-grey-200: rgba(195, 195, 195, 1);
  --nxg-grey-300: rgba(170, 170, 170, 1);
  --nxg-grey-400: rgba(152, 152, 152, 1);
  --nxg-grey-500: rgba(123, 123, 123, 1);
  --nxg-grey-600: rgba(100, 100, 100, 1);
  --nxg-grey-700: rgba(78, 78, 78, 1);
  --nxg-grey-800: rgba(57, 57, 57, 1);
  --nxg-grey-900: rgba(38, 38, 38, 1);

  --nxg-orange-50: rgba(255, 240, 239, 1);
  --nxg-orange-100: rgba(255, 208, 204, 1);
  --nxg-orange-200: rgba(254, 175, 166, 1);
  --nxg-orange-300: rgba(254, 138, 123, 1);
  --nxg-orange-400: rgba(253, 96, 61, 1);
  --nxg-orange-400-12-op: rgba(253, 96, 61, 0.12);
  --nxg-orange-400-50-op: rgba(253, 96, 61, 0.5);
  --nxg-orange-500: rgba(227, 70, 15, 1);
  --nxg-orange-500-15-op: rgba(227, 70, 15, 0.15);
  --nxg-orange-600: rgba(189, 57, 12, 1);
  --nxg-orange-700: rgba(153, 45, 8, 1);
  --nxg-orange-800: rgba(118, 33, 5, 1);
  --nxg-orange-900: rgba(86, 21, 3, 1);

  --nxg-red-50: rgba(252, 241, 241, 1);
  --nxg-red-100: rgba(246, 209, 209, 1);
  --nxg-red-200: rgba(242, 176, 176, 1);
  --nxg-red-300: rgba(240, 139, 139, 1);
  --nxg-red-400: rgba(240, 95, 96, 1);
  --nxg-red-500: rgba(229, 46, 48, 1);
  --nxg-red-600: rgba(190, 32, 34, 1);
  --nxg-red-700: rgba(152, 20, 21, 1);
  --nxg-red-800: rgba(115, 9, 10, 1);
  --nxg-red-900: rgba(79, 3, 3, 1);

  --nxg-hover-background-grey: rgba(158, 158, 158, 0.2);

  --nxg-default-font-family: 'Inter', 'Roboto', 'Helvetica', 'Arial', sans-serif !important;
}

/* General */
body {
  color: var(--nxg-black-54) !important;
  background-color: var(--nxg-warm-grey-50);
  font-family: var(--nxg-default-font-family);
  font-weight: 400 !important;
  height: 100%;
  width: 100%;
}

html,
body,
a,
p,
div,
th,
td,
area,
input,
option,
span,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
span.txt,
.mdl-layout,
table {
  font-family: var(--nxg-default-font-family);
}

hr {
  border-top: 1px solid var(--nxg-black-12) !important;
}

.material-icons {
  color: var(--nxg-black-64);
}

.mdl-color-text--black {
  color: var(--nxg-black-54) !important;
}

.mdl-button.mdl-button--colored {
  color: var(--nxg-orange-500) !important;
}

button.mdl-button[disabled],
button.mdl-button[disabled] > .material-icons {
  color: var(--nxg-black-24) !important;
}

button.mdl-button[disabled],
button.mdl-button[disabled] > .material-icons {
  color: var(--nxg-black-24) !important;
}

.mdl-select {
  border: 1px solid var(--nxg-black-38) !important;
  border-radius: 4px !important;
}

.mdl-select > .mdl-textfield {
  color: var(--nxg-black-54) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

.mdl-select > .mdl-textfield > input {
  height: 30px !important;
  padding: 4px 12px !important;
  box-sizing: border-box;
}

.mdl-select.mdl-select--disabled > .mdl-textfield {
  color: var(--nxg-black-38) !important;
}

.mdl-actionbar__item.mdl-actionbar__item-select-button {
  border: 1px solid var(--nxg-black-38);
  border-radius: 4px;
}

.mdl-actionbar__item.mdl-actionbar__item-select-button .mdl-select {
  border: none !important;
}

.mdl-actionbar.mdl-actionbar--dark .mdl-select__arrow {
  color: var(--nxg-black-38) !important;
}

.mdl-select__arrow {
  right: 0 !important;
  top: 5px !important;
}

.mdl-checkbox.is-checked:not(.is-disabled) .mdl-checkbox__box-outline {
  border: 2px solid var(--nxg-orange-500) !important;
}

.mdl-checkbox.is-checked:not(.is-disabled) .mdl-checkbox__tick-outline {
  background-color: var(--nxg-orange-500) !important;
}

.mdl-checkbox__ripple-container .mdl-ripple {
  background: var(--nxg-orange-500) !important;
}

.mdl-textfield {
  border: 1px solid var(--nxg-black-38);
  border-radius: 4px !important;
  margin-bottom: 0;
  padding: 0 !important;
  height: 32px !important;
  box-sizing: border-box;
}

.mdl-textfield.mdl-textfield--textarea {
  height: auto !important;
}

.mdl-textfield input,
.mdl-textfield textarea {
  border: none !important;
  font-size: 14px !important;
  height: 100% !important;
  padding: 8px !important;
  box-sizing: border-box;
}

.mdl-textfield label::after {
  all: unset;
}

.mdl-textfield .mdl-textfield__input {
  font-family: 'Inter', 'Roboto', 'Helvetica', 'Arial', sans-serif !important;
  font-size: 16px;
  font-weight: 400 !important;
}

.mdl-button {
  border-radius: 4px !important;
  font-family: 'Inter', 'Roboto', 'Helvetica', 'Arial', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  line-height: 36px !important;
}

.mdl-actionbar__item-select-button .mdl-button {
  line-height: unset !important;
}

.mdl-button--fab .mdl-button__ripple-container {
  border-radius: 4px;
}

.dam30-nav-layout .ui-layout-south > .pdam3-layout__west-south > button:hover {
  background-color: var(--nxg-hover-background-grey) !important;
  border-radius: 4px;
}

ul.mdl-select__options > li > button.mdl-button {
  font-weight: lighter !important;
  color: var(--nxg-black-54);
}

#dam30-layout .jstree-material .jstree-hovered,
#dam30-layout .jstree-material [data-active] > a {
  background: none !important;
  border-bottom: none !important;
  position: static;
}

#dam30-layout .jstree-material .jstree-hovered::after,
#dam30-layout .jstree-material [data-active] > a::after {
  content: '';
  background-color: var(--nxg-orange-500-15-op);
  position: absolute;
  display: inline-block;
  left: 0px;
  right: 0px;
  height: 35px;
  border-left: 2px solid var(--nxg-orange-500) !important;
  transform: translateY(-5px);
  z-index: -4;
}

#dam30-layout .jstree-material .jstree-icon.jstree-material-button:hover::after {
  content: '';
  background-color: var(--nxg-orange-500-15-op);
  position: absolute;
  display: inline-block;
  left: 0px;
  right: 0px;
  height: 35px;
  border-left: 2px solid var(--nxg-orange-500) !important;
  z-index: -4;
}

#dam30-layout .jstree-material [data-active] .jstree-icon.jstree-material-button:hover::after {
  background-color: unset !important;
  border-left: none !important;
}

#dam30-layout .jstree-material .jstree-clicked {
  background: transparent;
  border-bottom: none;
}

li.jstree-open > ul {
  overflow: visible;
}

li.jstree-open > ul li {
  overflow: visible;
}

.jstree-material a[href] {
  border-bottom: none !important;
  font-family: 'Inter', 'Roboto', 'Helvetica', 'Arial', sans-serif !important;
  color: var(--nxg-black-87) !important;
  position: static;
}

.mdl-actionbar.mdl-actionbar--light .mdl-actionbar__item {
  color: var(--nxg-black-54) !important;
}

.mdl-radio.is-checked:not(.is-disabled) .mdl-radio__outer-circle {
  display: none !important;
}

.mdl-radio.is-upgraded.is-checked::after {
  content: 'check_circle';
  font-family: 'Material Icons';
  font-size: 20px;
  line-height: 20px;
  position: absolute;
  left: -2px;
  top: 2px;
  color: var(--nxg-orange-500);
  z-index: 100;
  font-weight: 400;
}

.mdl-radio.is-checked .mdl-radio__inner-circle {
  display: none !important;
}

.mdl-radio {
  font-size: 14px !important;
}

.mdl-radio__label {
  font-family: 'Inter', 'Roboto', 'Helvetica', 'Arial', sans-serif !important;
  color: var(--nxg-black-87);
}

.mdl-textfield label {
  border: none !important;
  top: -32px !important;

  line-height: 32px;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Inter', 'Roboto', 'Helvetica', 'Arial', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--nxg-black-87);
}

.mdl-textfield.is-focused label,
.mdl-textfield.is-dirty label {
  color: var(--nxg-black-87) !important;
  visibility: visible !important;
}

.mdl-textfield.mdl-textfield--date > .mdl-textfield__datepicker {
  bottom: 0 !important;
}

.media-state-archived.ui-state-highlight,
.media-state-deleted.ui-state-error {
  border: none !important;
  color: var(--nxg-red-500) !important;
  background: repeating-linear-gradient(
    135deg,
    var(--nxg-orange-100),
    var(--nxg-orange-100) 10px,
    var(--nxg-orange-50) 10px,
    var(--nxg-orange-50) 20px
  );
  font-size: 10px !important;
  font-weight: 400 !important;
  text-transform: uppercase;
  padding: 4px !important;
  line-height: 14px !important;
}

.media-info {
  position: absolute;
  font-weight: bold;
  text-align: center;
  line-height: 20px;
  padding: 2px 10px;
  overflow: hidden;
  max-width: 120px;
}

.mddtp-picker {
  box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.1),
    0px 0px 0px 1px rgba(0, 0, 0, 0.05);
  font-family: 'Inter', 'Roboto', 'Helvetica', 'Arial', sans-serif !important;
}

.mddtp-picker .mddtp-picker__header .mddtp-picker__subtitle {
  font-weight: 400 !important;
}

.mddtp-picker .mddtp-picker__header .mddtp-picker__title {
  color: var(--nxg-white-90) !important;
  font-family: 'Inter', 'Roboto', 'Helvetica', 'Arial', sans-serif !important;
  font-size: 20px !important;
  font-weight: 500 !important;
}

.mddtp-picker .mddtp-picker__header {
  background-color: var(--nxg-orange-500) !important;
}

.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__view .mddtp-picker__month {
  display: inline-block;
  padding: 18px;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--nxg-black-87);
}

.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__th span {
  color: var(--nxg-grey-500) !important;
}

.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: var(--nxg-grey-500) !important;
}

.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span.mddtp-picker__cell--selected,
.mddtp-picker__body
  .mddtp-picker__viewHolder
  .mddtp-picker__grid
  .mddtp-picker__tr
  span.mddtp-picker__cell:hover {
  background-color: var(--nxg-orange-500) !important;
}

.mddtp-picker__body
  .mddtp-picker__viewHolder
  .mddtp-picker__grid
  .mddtp-picker__tr
  span.mddtp-picker__cell--selected {
  color: var(--nxg-white-100) !important;
}

.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr span {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--nxg-grey-800) !important;
}

.mddtp-picker .mddtp-picker__body .mddtp-picker__action {
  margin-top: 0 !important;
}

.mddtp-picker .mddtp-picker__body .mddtp-picker__action .mddtp-button {
  color: var(--nxg-orange-500) !important;
}

.mdl-menu__outline {
  border: 1px solid var(--nxg-black-4) !important;
  border-radius: 4px !important;

  box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.1),
    0px 0px 0px 1px rgba(0, 0, 0, 0.05) !important;
}

.mdl-menu__item {
  font-family: var(--nxg-default-font-family);
  font-size: 14px !important;
  font-weight: 400 !important;
}

select,
textarea,
input {
  font-family: var(--nxg-default-font-family);
  font-size: 14px !important;
  font-weight: 400 !important;
}

.mdl-dialog {
  border: 0;
  box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.1),
    0px 0px 0px 1px rgba(0, 0, 0, 0.05) !important;
  border-radius: 4px;
  width: 280px;
}

#image-editor label.disabled {
  color: var(--nxg-black-54) !important;
}

input,
textarea,
select {
  border: none !important;
  border: 1px solid var(--nxg-black-38) !important;
  border-radius: 4px !important;
  background-color: unset !important;
}

input[disabled='disabled'] {
  border-color: var(--nxg-black-12) !important;
}

input[type='checkbox'] {
  border-radius: unset !important;
}

input[type='checkbox']:checked {
  border-color: var(--nxg-orange-400) !important;
  border-radius: unset !important;
}

input[type='checkbox']:checked.disabled {
  border-color: var(--nxg-orange-400-50-op) !important;
  border-radius: unset !important;
}

.mdl-dialog__actions {
  flex-direction: row !important;
}

.mdl-dialog__actions .mdl-button[data-name='agree'] {
  border-radius: 4px !important;
  background-color: var(--nxg-orange-500);
  color: var(--nxg-white-100) !important;
  margin-right: 16px;
}

.mdl-dialog__actions .mdl-button[data-name='disagree'] {
  color: var(--nxg-orange-500);
}

.mdl-dialog__content .mdl-button.mdl-button--raised.mdl-button--colored {
  border: 1px solid var(--nxg-orange-500) !important;
  background-color: var(--nxg-white-100) !important;
  color: var(--nxg-orange-500) !important;
  box-shadow: none !important;
}

.mdl-dialog__content form label {
  word-wrap: break-word;
}

.description_area .desc_text,
.description_area .txt {
  font-family: var(--nxg-default-font-family);
  font-size: 14px !important;
}

.description_area .txt {
  color: var(--nxg-black-54) !important;
}

#dam30-layout
  .jstree-material
  .jstree-undetermined
  > a
  > .jstree-checkbox
  .mdl-checkbox__box-outline {
  border: 2px solid var(--nxg-orange-500) !important;
}

#dam30-layout
  .jstree-material
  .jstree-undetermined
  > a
  > .jstree-checkbox
  .mdl-checkbox__tick-outline {
  background: var(--nxg-orange-500) !important;
}

/* Main Page */

/* Header */

#dam30-layout section.dam30-layout > div > div.ui-layout-north {
  height: 64px !important;
}

.dam30-layout__header {
  height: 62px !important;
  border-bottom: 1px solid var(--nxg-black-8);
  border-top: 1px solid var(--nxg-white-100);
}

.dam30-layout__header-background {
  background-color: var(--nxg-white-100);
  color: var(--nxg-black-54);
}

.dam30-layout__stack > div {
  height: 0px;
  margin-right: 0px;
}

#dam30-drawer-button.mdl-layout__drawer-button {
  height: 64px;
  width: 64px;
  text-align: center;
}

#dam30-drawer-button.mdl-layout__drawer-button i.material-icons {
  margin-top: 20px;
}

#dam30-layout__header-logo > img {
  margin: 8px;
}

section.dam30-header .ui-layout-center .dam30-layout__search {
  margin: 8px 16px 8px 8px;
  height: 48px;
}

.dam30-layout__search .mdl-select {
  background-color: var(--nxg-black-8);
  border-radius: 4px 0 0 4px !important;
}

.dam30-layout__search .mdl-select__arrow {
  color: var(--nxg-black-54);
  top: 12px !important;
}

.mdl-search .mdl-search__input {
  background-color: var(--nxg-black-8) !important;
  color: var(--nxg-black-54);
  border-radius: unset !important;
}

.dam30-layout__search .mdl-textfield {
  margin: 0 !important;
  height: 48px !important;
}

.dam30-layout__search .mdl-search__wrapper .mdl-select {
  border: none !important;
  flex-grow: 1;
}

.dam30-layout__search .mdl-search__wrapper .mdl-textfield {
  padding: 0 !important;
  border: none !important;
}

.dam30-layout__search .mdl-search__wrapper .mdl-textfield__input {
  color: var(--nxg-black-54);
  height: 48px !important;
  margin: 0 !important;
  padding: 12px !important;
}

.dam30-layout__search .mdl-button.mdl-search__button {
  background-color: var(--nxg-black-8) !important;
  color: var(--nxg-black-54) !important;
  border-radius: 0 4px 4px 0 !important;
  height: 48px !important;
  box-shadow: none !important;
}

#dam30-search-in-folder {
  background-color: var(--nxg-white-100) !important;
  margin-top: 14px !important;
  border: 1px solid var(--nxg-orange-500);
  border-radius: 4px;
  box-shadow: none !important;
  line-height: unset !important;
}

#dam30-search-in-folder > .material-icons {
  color: var(--nxg-orange-500) !important;
}

#dam30-search-in-search-result {
  background-color: var(--nxg-white-100) !important;
  margin: 14px 0 0 14px !important;
  border: 1px solid var(--nxg-orange-500);
  border-radius: 4px;
  box-shadow: none !important;
  line-height: unset !important;
}

#dam30-search-in-search-result > .material-icons {
  color: var(--nxg-orange-500) !important;
}

.disabled-icon {
  opacity: 0.5 !important;
}

#dam30-extended-search-icon,
#dam30-extended-search {
  background-color: transparent !important;
  color: var(--nxg-orange-500) !important;
  border: 1px solid var(--nxg-orange-500);
  margin: 14px 24px 0 14px !important;
  box-shadow: none !important;
  border-radius: 4px;
}

#dam30-extended-search .material-icons {
  color: var(--nxg-orange-500) !important;
}

#dam30-to-dashboards {
  display: flex;
  align-items: center;
  width: auto;
  position: absolute;
  right: 0;
  color: var(--nxg-black-54) !important;
  margin: 14px 0 0 14px !important;
}

#dam30-to-dashboards .material-icons {
  color: var(--nxg-black-54) !important;
  margin-right: 0.25em;
}

section.dam30-header .ui-layout-east {
  padding-right: 16px !important;
}

section.dam30-header .ui-layout-east .dam30-layout__stack {
  text-align: left !important;
  display: flex !important;
}

section.dam30-header .dam30-layout__stack > .dam30-layout__2x-row {
  height: 62px;
}

section.dam30-header .ui-layout-east .dam30-layout__stack > .dam30-layout__2x-row {
  margin: 0px !important;
}

#mdl-fab-account_circle.mdl-button--fab {
  box-shadow: none;
  margin-top: 8px;
}

#mdl-fab-account_circle > i {
  color: var(--nxg-black-54) !important;
  font-size: 24px !important;
  transform: translate(-12px, -12px) !important;
}

.dam30-header .dam30-layout__user-name {
  color: var(--nxg-black-54);
  width: auto;
  height: auto;
  margin-top: 18px;
  font-family: 'Inter', 'Roboto', 'Helvetica', 'Arial', sans-serif !important;
}

/* left nav bar */

.mdl-layout__tab-bar {
  background-color: var(--nxg-white-100);
}

.mdl-layout__header {
  background-color: var(--nxg-white-100) !important;
  box-shadow: none;
  border-bottom: 1px solid var(--nxg-black-8);
  border-top: 1px solid var(--nxg-white-100);
}

#dam-nav-tabs .mdl-badge[data-badge]::after {
  background: var(--nxg-orange-500) !important;
  top: -20px !important;
  right: -6px !important;
}

#navtab1 > .page-content {
  padding-left: 0 !important;
}

.mdl-layout__tab.is-active > .material-icons {
  color: var(--nxg-orange-500);
}

#dam30-layout .jstree-material [data-active] > a {
  background-color: transparent;
  color: var(--nxg-orange-500);
}

#dam30-layout .jstree-material [data-active] > a > ins.jstree-icon {
  background-color: transparent;
}

#dam30-layout .jstree-material [data-active] > a > ins.jstree-icon > i {
  color: var(--nxg-orange-500);
}

#dam30-layout .jstree-material.jstree-material--buttons li > .jstree-icon {
  height: 34px !important;
  width: 34px !important;
  margin: 1px 0 !important;
}

#dam30-layout .jstree-material.jstree-material--buttons li[data-active] > .jstree-icon {
  margin-right: 0 !important;
}

#dam30-layout .jstree-material.jstree-material--buttons li[data-active] > a[href] {
  color: var(--nxg-orange-500) !important;
}

.jstree-material a > ins .material-icons {
  font-size: 22px !important;
}

#dam30-layout .jstree-material a > .jstree-icon {
  margin-top: 2px !important;
  margin-left: 0 !important;
  margin-right: 14px !important;
}

#dam30-layout .jstree-material .jstree-hovered {
  border-bottom: none;
}

main.mdl-layout__content {
  border-right: 1px solid var(--nxg-black-8);
}

.dam30-nav-layout .ui-layout-south {
  height: 54px !important;
  z-index: 1 !important;
  border-right: 1px solid var(--nxg-black-8) !important;
  box-shadow: 0px -4px 6px -2px rgba(0, 0, 0, 0.05), 0px -10px 15px -3px rgba(0, 0, 0, 0.1),
    0px 0px 0px 1px rgba(0, 0, 0, 0.05);
}

.dam30-nav-layout .ui-layout-south > .pdam3-layout__west-south {
  background-color: var(--nxg-white-100) !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.dam30-nav-layout .ui-layout-south > .pdam3-layout__west-south > button {
  background-color: var(--nxg-white-100) !important;
  height: 34px !important;
  min-width: 34px !important;
  width: 34px !important;
  box-shadow: none !important;
}

.dam30-nav-layout .ui-layout-south > .pdam3-layout__west-south > button .material-icons {
  color: var(--nxg-black-64);
}

.dam30-nav-layout .ui-layout-south > .pdam3-layout__west-south > button.mdl-button--fab {
  left: unset !important;
  position: relative !important;
  bottom: unset !important;
  margin: 0 8px !important;
}

.dam30-nav-layout .ui-layout-south > .pdam3-layout__west-south .pdam3-layout__west-south-top,
.dam30-nav-layout .ui-layout-south > .pdam3-layout__west-south .pdam3-layout__west-south-bottom {
  height: 0 !important;
  background-color: var(--nxg-white-100) !important;
  border: none !important;
}

/* main content */

#dam30-layout .dam30-layout > .ui-layout-container > .ui-layout-center {
  padding: 0 !important;
}

.mdl-actionbar.mdl-actionbar--dark {
  background-color: var(--nxg-white-100) !important;
  border: 1px solid var(--nxg-black-8) !important;
  padding: 0 8px !important;
}

.mdl-actionbar.mdl-actionbar--dark .ui-layout-pane {
  background-color: var(--nxg-white-100) !important;
}

.mdl-actionbar.mdl-actionbar--dark .mdl-actionbar__group {
  border-left: none;
}

.mdl-actionbar.mdl-actionbar--dark .mdl-actionbar__item {
  color: var(--nxg-black-64);
}

.mdl-actionbar__fixed {
  border-left: none;
}

section.dam30-thumbs-layout {
  background-color: var(--nxg-warm-grey-50) !important;
}

.dam30-layout .mdl-actionbar.mdl-actionbar--dark .mdl-actionbar__item.mdl-button--colored {
  background-color: var(--nxg-orange-500-15-op) !important;
}

.dam30-layout
  .mdl-actionbar.mdl-actionbar--dark
  .mdl-actionbar__item.mdl-button--colored
  > .material-icons {
  color: var(--nxg-orange-500) !important;
}

.dam30-layout__thumb_func {
  padding: 8px 8px !important;
}

.dam30-layout__thumb {
  background-color: var(--nxg-white-100) !important;
  width: 192px !important;
  height: 272px !important;
}

li.ui-selectee {
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}

.dam30-layout__thumb > .dam30-layout__thumb_image {
  width: 192px !important;
  height: 232px !important;
  padding: 40px 0 0 0 !important;
  display: flex;
  box-sizing: border-box;
}

.dam30-layout__thumb > .dam30-layout__thumb_image > img {
  margin: auto !important;
}

.dam30-layout__thumb_func > .dam30-layout__thumb_checkbox_iconwrapper {
  background-color: var(--nxg-white-100) !important;
}

.dam30-layout__thumb_func_iconwrapper {
  background-color: var(--nxg-white-100) !important;
}

.dam30-layout__thumb_headline {
  color: var(--nxg-black-87) !important;
  font-family: 'Inter', 'Roboto', 'Helvetica', 'Arial', sans-serif !important;
  font-size: 10px !important;
  height: 24px !important;
  padding: 8px !important;
  display: flex !important;
}

.dam30-layout__thumb_headline .thumb_desc {
  align-self: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 150px;
}

header.dam30-layout__thumbview-header {
  background-color: rgba(255, 255, 255, 0.32) !important;
  border-bottom: 1px solid var(--nxg-black-8);
  display: flex;
  justify-content: flex-end;
}

header.dam30-layout__thumbview-header > h4:empty {
  margin: 0 !important;
}

header.dam30-layout__thumbview-header > h4 {
  margin: 0 0 0 12px !important;
}

header.dam30-layout__thumbview-header > .dam30-layout__thumbview-header-path {
  flex-grow: 1;
}

.dam30-layout__thumbview-header-path .folderpath a:last-child > .txt {
  color: var(--nxg-black-38) !important;
}

.dam30-layout__thumbview-header-path .folderpath a {
  text-decoration: none !important;
}

.dam30-layout__thumbview-header-path .folderpath .txt {
  color: var(--nxg-black-54) !important;
  font-weight: 500 !important;
}

#dam30-thumbs {
  padding-top: 16px;
}

.dam30-layout__thumb_func_iconwrapper .favourite-star {
  color: var(--nxg-orange-500);
}

.dam30-thumbs-layout .ui-layout-south {
  height: 54px !important;
  z-index: 1 !important;
  box-shadow: 0px -4px 6px -2px rgba(0, 0, 0, 0.05), 0px -10px 15px -3px rgba(0, 0, 0, 0.1),
    0px 0px 0px 1px rgba(0, 0, 0, 0.05);
}

.dam30-center-layout .mdl-actionbar {
  height: calc(100% - 1px) !important;
  border-top: none !important;
  border-left: none !important;
}

#dam-nav-tabs .mdl-layout__header {
  border-right: 1px solid var(--nxg-black-8);
  border-radius: 0px;
}

.dam30-thumbs-layout .ui-layout-south > .mdl-actionbar {
  margin-top: 0 !important;
  height: 54px !important;
}

.dam30-thumbs-layout
  .ui-layout-south
  > .mdl-actionbar
  > .dam30-thumbs-paginationbar
  .mdl-actionbar__fixed {
  border-left: none !important;
}

.dam30-thumbs-layout
  .ui-layout-south
  > .mdl-actionbar
  > .dam30-thumbs-paginationbar
  .mdl-actionbar__fixed
  .mdl-actionbar__textfield {
  margin: auto 0 !important;
  padding: 0 !important;
}

.dam30-thumbs-layout
  .ui-layout-south
  > .mdl-actionbar
  > .dam30-thumbs-paginationbar
  .mdl-actionbar__fixed
  .mdl-actionbar__textfield
  > input {
  padding: 8px !important;
  box-sizing: border-box;
  height: 100% !important;
  text-align: left !important;
}

/* Login */

.dam30-splash,
.dam30-splash:after {
  display: block !important;
  height: 100% !important;
  width: 50% !important;
}

.dialog-wrapper {
  height: 100% !important;
  left: 50% !important;
  width: 50%;
  position: relative !important;
  background-color: var(--nxg-warm-grey-50) !important;
  display: flex;
}

@keyframes bounce {
  from,
  20%,
  53%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0) translateY(-50%);
  }

  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0) scaleY(1.1) translateY(-50%);
  }

  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0) scaleY(1.05) translateY(-50%);
  }

  80% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0) scaleY(0.95) translateY(-50%);
  }

  90% {
    transform: translate3d(0, -4px, 0) scaleY(1.02) translateY(-50%);
  }
}

.login-dialog,
.register-dialog {
  width: 30% !important;
  position: fixed !important;
  left: 60% !important;
  top: 50% !important;
  transform: translateY(-50%);
  margin: 0 !important;
  background-color: var(--nxg-white-100) !important;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.1),
    0px 0px 0px 1px rgba(0, 0, 0, 0.05) !important;
  overflow: inherit;
  animation: bounce;
  animation-duration: 1s;
}

.login-dialog .mdl-login .mdl-textfield--floating-label .mdl-textfield__label {
  transition-duration: unset !important;
  transition-timing-function: unset !important;
}

.login-dialog > .mdl-dialog__title,
.register-dialog > .mdl-dialog__title {
  position: absolute;
  top: 0px;
  transform: translateY(-100%);
  width: 100%;
}

.login-dialog > .mdl-login__header,
.register-dialog > .mdl-login__header {
  padding: 40px 0;
  background: transparent !important;
  box-shadow: none !important;
}

.login-dialog > .mdl-dialog__content,
.register-dialog > .mdl-dialog__content {
  padding: 48px 48px 0 48px !important;
}

.login-dialog .mdl-login,
.register-dialog .mdl-login {
  display: flex;
  flex-direction: column;
}

.login-dialog .mdl-login :nth-child(1),
.register-dialog .mdl-login :nth-child(1) {
  order: 1;
}

.login-dialog .mdl-login :nth-child(2),
.register-dialog .mdl-login :nth-child(2) {
  order: 2;
}

.login-dialog .mdl-login :nth-child(3),
.register-dialog .mdl-login :nth-child(3) {
  order: 3;
}

.login-dialog .mdl-login :nth-child(4),
.register-dialog .mdl-login :nth-child(4) {
  order: 5;
}

.login-dialog .mdl-login :nth-child(5),
.register-dialog .mdl-login :nth-child(5) {
  order: 6;
}

.login-dialog .mdl-login :nth-child(6),
.register-dialog .mdl-login :nth-child(6) {
  order: 4;
}

.login-dialog .mdl-login > .mdl-login__tou:empty,
.register-dialog .mdl-login > .mdl-login__tou:empty {
  height: 0 !important;
  min-height: 0 !important;
}

.login-dialog .mdl-login .mdl-textfield,
.register-dialog .mdl-login .mdl-textfield {
  padding: 0 !important;
  height: 46px !important;
  margin-bottom: 16px;
}

.login-dialog .mdl-login .mdl-textfield input,
.register-dialog .mdl-login .mdl-textfield input {
  padding: 8px 16px 8px 32px !important;
  height: 100%;
}

.login-dialog .mdl-login .mdl-textfield:nth-of-type(3)::before,
.register-dialog .mdl-login .mdl-textfield:nth-of-type(3)::before {
  content: 'person_outline';
  font-family: 'Material Icons';
  font-size: 24px;
  line-height: 46px;
  position: absolute;
  left: 4px;
  bottom: 0;
}

.login-dialog .mdl-login .mdl-textfield:nth-of-type(4)::before,
.register-dialog .mdl-login .mdl-textfield:nth-of-type(4)::before {
  content: 'lock';
  font-family: 'Material Icons Outlined';
  font-size: 24px;
  line-height: 46px;
  position: absolute;
  left: 4px;
  bottom: 0;
}

.mdl-dialog__actions .mdl-button.mdl-button--colored {
  color: var(--nxg-white-100) !important;
}

.mdl-login .mdl-textfield.is-focused label,
.mdl-login .mdl-textfield.is-dirty label {
  color: var(--nxg-black-8) !important;
  visibility: hidden !important;
}

.login-dialog .mdl-login .mdl-textfield label,
.register-dialog .mdl-login .mdl-textfield label {
  padding: 0 16px 0 32px;
  line-height: 46px;
  border: none !important;
  top: 0 !important;
  margin: auto 0 !important;
  box-sizing: border-box;
  font-family: 'Inter', 'Roboto', 'Helvetica', 'Arial', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--nxg-black-54) !important;
}

.login-dialog .mdl-login > h4,
.register-dialog .mdl-login > h4 {
  text-align: left !important;
}

.login-dialog .mdl-login .mdl-login__message,
.register-dialog .mdl-login .mdl-login__message {
  background-color: var(--nxg-red-100);
  padding: 14px 14px 14px 48px;
  margin-bottom: 16px;
  border-left: 4px solid var(--nxg-red-300);
  position: relative;
  border-radius: 4px;
}

.login-dialog .mdl-login .mdl-login__message .material-icons,
.register-dialog .mdl-login .mdl-login__message .material-icons {
  position: absolute;
  top: 14px;
  left: 14px;
  padding: 0;
}

.login-dialog .mdl-login .mdl-login__message .mdl-login__message-text,
.register-dialog .mdl-login .mdl-login__message .mdl-login__message-text {
  font-family: var(--nxg-default-font-family);
  font-weight: 400;
  color: var(--nxg-red-600);
}

.login-dialog > .mdl-dialog__actions,
.register-dialog > .mdl-dialog__actions {
  padding: 8px 48px !important;
}

.login-dialog > .mdl-dialog__actions :last-child,
.register-dialog > .mdl-dialog__actions :last-child {
  order: 1;
  margin: 0;
}

.login-dialog > .mdl-dialog__actions > div:nth-of-type(1),
.register-dialog > .mdl-dialog__actions > div:nth-of-type(1) {
  order: 2;
}

.login-dialog > .mdl-dialog__actions :first-child,
.register-dialog > .mdl-dialog__actions :first-child {
  order: 3;
}

.login-dialog > .mdl-dialog__actions .mdl-button.mdl-button--colored,
.register-dialog > .mdl-dialog__actions .mdl-button.mdl-button--colored {
  background-color: var(--nxg-orange-500);
  color: var(--nxg-white-100);
  height: 46px;
  border-radius: 4px;
  text-transform: capitalize !important;
}

.login-dialog > .mdl-login__footer,
.register-dialog > .mdl-login__footer {
  color: var(--nxg-black-54) !important;
  background-color: var(--nxg-white-100) !important;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.login-dialog .powered-by,
.register-dialog .powered-by {
  visibility: hidden;
}

.login-dialog + .backdrop,
.register-dialog + .backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  background: rgba(0, 0, 0, 0.1);
  width: 50%;
}

.login-dialog ~ ._dialog_overlay,
.register-dialog ~ ._dialog_overlay {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  width: 50% !important;
}

/*Image Detail Pages*/

#mdl-forms .mdl-layout__header .mdl-layout__header-row,
#mdl-forms .mdl-layout__header .mdl-layout__tab-bar-container,
#mdl-forms .mdl-layout__header .mdl-layout__tab-bar {
  background-color: var(--nxg-warm-grey-50);
}

.mdl-layout__header .mdl-layout-title {
  font-size: 20px;
  color: rgb(0, 0, 0, 0.87);
  line-height: 25px;
}

.mdl-layout__header .mdl-layout__tab-bar .mdl-layout__tab {
  color: var(--nxg-black-54);
  text-transform: none;
}

.mdl-layout__header .mdl-layout__tab-bar .mdl-layout__tab.is-active {
  color: var(--nxg-orange-500);
}

.mdl-layout__tab-bar-container > .mdl-layout__tab-bar-button {
  background-color: var(--nxg-warm-grey-50);
}

.mdl-layout__header .mdl-layout__drawer-button {
  background-color: var(--nxg-warm-grey-50);
  z-index: 100;
}

.mdl-layout__header .mdl-layout__drawer-button .btn-mdl-selection-text {
  color: var(--nxg-black-54);
  transform: translateY(-12px);
}

#usagelist tr th,
#usagelist tr td {
  font-weight: 400;
  font-size: 12px;
}

#secusagelist .mdl-button--fab.mdl-button--colored.dam30-layout__fab-background {
  background-color: var(--nxg-orange-500);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 50% !important;
  width: 36px;
  height: 36px;
  min-width: 0px;
  margin-top: 8px;
}

.mdl-button--fab.mdl-button--colored.dam30-layout__fab-background .material-icons {
  color: white;
}

.mdl-switch.is-checked .mdl-switch__track {
  background-color: var(--nxg-orange-200);
}

.mdl-switch.is-checked .mdl-switch__thumb {
  background-color: var(--nxg-orange-500);
}

.page-content .grid-form input[type='text'],
.page-content .grid-form__select,
.page-content .grid-form input[type='text']:focus,
.page-content .grid-form__select:focus,
.page-content .gf-chips,
.page-content textarea {
  border: 1px solid var(--nxg-black-38);
  border-radius: 4px;
  padding: 5px 8px;
  font-size: 14px;
  font-weight: 400;
}

.page-content .grid-form:focus {
  color: var(--nxg-orange-500);
}

.grid-form__row-span > div {
  padding: 0px;
}

.grid-form__row-span .gf-textfield .bar,
.grid-form__row-span .boxFlex .bar,
#dam30-layout .grid-form .bar {
  display: none;
}

.mdl-checkbox__label {
  font-size: 14px !important;
  font-weight: 400;
}

#dam30-layout .grid-form .grid-form__label,
#dam30-layout .grid-form .grid-form__field--focused .grid-form__label {
  color: var(--nxg-black-87);
}

#dam30-layout .grid-form .grid-form__field--focused input:not(.grid-form__select),
#dam30-layout .grid-form .grid-form__field--focused textarea,
#dam30-layout .grid-form .grid-form__field--focused .gf-chips,
#dam30-layout .grid-form .grid-form__field--focused .mdl-select,
.grid-form__label .mdl-textfield input:focus {
  border: 1px solid #e3460f !important;
  box-shadow: 0px 0px 0px 2px #ffd0cc !important;
  box-sizing: border-box;
  width: calc(100% - 4px);
  margin-left: 2px;
  margin-bottom: 2px;
}

.grid-form [data-row-span] [data-field-span] {
  padding-left: 0px;
  padding-right: 0px;
}

.page-content .grid-form .gf-textarea--bordered {
  border: none;
}

#dam30-layout .grid-form .grid-form__field--focused.gf-textarea--bordered {
  border: none;
}

.page-content .grid-form .gf-textarea--bordered textarea {
  border: 1px solid var(--nxg-black-87);
  border-radius: 4px;
  padding: 5px 8px;
  font-size: 14px;
  height: inherit !important;
  overflow: visible !important;
}

#dam30-layout
  .theme-white
  .grid-form__field--focused
  .grid-form__prefix-button:not(.grid-form__prefix-button--disabled)
  i {
  color: var(--nxg-orange-500);
}

.mdl-select__dropdown.is-visible {
  border-radius: 4px;
  overflow-y: auto !important;
}

.mdl-select__dropdown.is-visible button {
  color: var(--nxg-black-87) !important;
}

.grid-form > fieldset {
  padding: 0 12px !important;
}

.dam-assetview .mdl-layout__content form {
  margin: 0px 24px 24px 0 !important;
}

.dam-assetview .mdl-layout__content .grid-form__row-span > div:not(.hidden) {
  margin: 24px 0 0 0 !important;
  padding: 0 !important;
}

.dam-assetview .mdl-layout__content .grid-form__row-span > div.hidden {
  margin: 0 !important;
  padding: 0 !important;
}

.dam-assetview .mdl-layout__content .grid-form__row-span > div > label:first-child {
  padding: 0 0 8px 1px !important;
}

.mdl-layout__content .grid-form__row-span[data-row-span='2'] > div:first-child {
  padding-right: 12px !important;
}

.mdl-layout__content .grid-form__row-span[data-row-span='2'] > div:last-child {
  padding-left: 12px !important;
}

.grid-form.gf-material,
.grid-form__input,
.mdl-chip,
.mdl-layout-title {
  font-family: var(--nxg-default-font-family);
}

.theme-white .grid-form .mdl-chip {
  background-color: var(--nxg-black-12) !important;
}

#secfurthercols .dam30-asset-metadata-wrapper > .attribute-wrapper {
  margin-left: 0 !important;
}

#secfurthercols .dam30-asset-metadata-wrapper > .attribute-wrapper ul {
  padding: 0 !important;
}

#secfurthercols .dam30-asset-metadata-wrapper > .attribute-wrapper li > br {
  margin-bottom: 16px !important;
}

.grid-form
  [data-row-span]
  [data-field-span]
  .grid-form__label
  .grid-form__field-actions
  i.material-icons {
  font-size: 24px !important;
}

.grid-form [data-row-span] [data-field-span] .grid-form__label .grid-form__field-actions {
  top: unset !important;
  right: 0 !important;
}

.mdl-chip__input {
  border: none !important;
}

#secposimagecaption .grid-form__label .grid-form__field-actions {
  top: 10px !important;
}

/*Usage List*/

#usagelist_wrapper {
  margin: 0 !important;
}

#usagelist_wrapper > div {
  padding: 0 !important;
}

#usagelist_wrapper > div.dt-table > div {
  margin: 0 !important;
}

#usagelist {
  margin-top: 0 !important;
}

#usagelist tr th,
#usagelist tr td {
  font-family: var(--nxg-default-font-family);
}

#usagelist tr th {
  font-size: 12px !important;
}

#usagelist.dataTable thead th {
  padding: 8px 24px 8px 8px;
}

#usagelist.dataTable th.sorting,
#usagelist.dataTable th.sorting_asc,
#usagelist.dataTable th.sorting_desc {
  background: none;
  position: relative;
}

#usagelist.dataTable th.sorting::before,
#usagelist.dataTable th.sorting::after {
  content: '';
  display: block;
  height: 0px;
  width: 0px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  z-index: 100;
  position: absolute;
  right: 0px;
}
#usagelist.dataTable th.sorting::before {
  border-bottom: 5px solid var(--nxg-black-54);
  top: 50%;
  transform: translateY(calc(-100% - 1px));
}

#usagelist.dataTable th.sorting::after {
  border-top: 5px solid var(--nxg-black-54);
  bottom: 50%;
  transform: translateY(calc(100% + 1px));
}

#usagelist.dataTable th.sorting_asc::before {
  content: '';
  display: block;
  height: 0px;
  width: 0px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid var(--nxg-black-54);
  z-index: 100;
  position: absolute;
  right: 3px;
  top: 50%;
  transform: translateY(calc(100% - 3px));
}

#usagelist.dataTable th.sorting_desc::after {
  content: '';
  display: block;
  height: 0px;
  width: 0px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid var(--nxg-black-54);
  z-index: 100;
  position: absolute;
  right: 0px;
  bottom: 50%;
  transform: translateY(calc(-100% + 3px));
}

#usagelist.dataTable.no-footer {
  border-bottom: none;
}

#usagelist.dataTable th {
  border-bottom: none;
}

#usagelist tr th,
#usagelist tr td {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 14px;
  line-height: 18px;
}

#usagelist tr td {
  color: var(--nxg-black-87);
}

#usagelist tr th {
  color: var(--nxg-black-54);
}

#usagelist tr th.sorting_disabled {
  min-width: 110px;
}

table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd,
table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.even {
  background: none;
}

#usagelist tr td {
  padding: 0 8px;
  line-height: 32px;
  height: 32px;
}

#usagelist tr td a i.material-icons {
  color: var(--nxg-black-54);
}

#usagelist tr td a i.material-icons svg {
  fill: var(--nxg-black-54);
}

#usagelist tr td a {
  height: 32px;
}

#usagelist tr td a button {
  margin-top: 0px;
  margin-bottom: 0px;
}

#usagelist tr td .mdl-button--icon {
  height: 24px;
  width: 24px;
  min-width: 24px;
  margin-right: 8px;
}

#usagelist tr th:last-child {
  text-align: center;
}

#secusagelist .mdl-switch__label {
  font-size: 14px !important;
  font-weight: 500 !important;
}

#secusagelist .dam30-asset-metadata-wrapper {
  padding-right: 24px;
}

#secusagelist .dam30-asset-metadata-wrapper > div:last-child {
  padding: 24px 0 !important;
}

#usagelist .dataTables_empty {
  background-color: var(--nxg-black-4);
}

/* empty search result */
#content.search__empty-result {
  height: 80vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#content.search__empty-result p:nth-child(1) {
  font-weight: 700;
  color: var(--nxg-black-87);
  font-size: 24px;
  margin-bottom: 24px;
}

#content.search__empty-result p:nth-child(2) {
  font-weight: 400;
  color: var(--nxg-black-54);
  font-size: 16px;
}

#content.search__empty-result p:nth-child(2) span {
  font-weight: 700;
  color: var(--nxg-black-54);
  font-size: 16px;
}

/* no selection screen */

#splash {
  height: 85vh;
  display: flex;
  margin-top: 0 !important;
}

#splash img {
  margin: auto;
}

/* drawer menu */

.mdl-drawer {
  width: 200px !important;
  background-color: var(--nxg-warm-grey-600);
  border: none !important;
}

.mdl-drawer > .mdl-layout-title.dam30-layout__header-background {
  padding: 0 !important;
  margin-bottom: 48px;
  height: auto !important;
  background-color: var(--nxg-warm-grey-600);
}

.mdl-drawer > .mdl-layout-title.dam30-layout__header-background > .mdl-layout__drawer-button {
  margin: 0;
  padding: 16px;
  text-align: center;
  height: 20px;
  width: 20px;
}

.mdl-drawer
  > .mdl-layout-title.dam30-layout__header-background
  > .mdl-layout__drawer-button::after {
  content: 'close';
  font-family: 'Material Icons Outlined';
  font-size: 20px;
  line-height: 1;
  color: var(--nxg-white-100);
  height: 20px;
  width: 20px;
  display: block;
}

.mdl-drawer
  > .mdl-layout-title.dam30-layout__header-background
  > .mdl-layout__drawer-button
  .material-icons {
  display: none;
}

.mdl-drawer > .mdl-layout-title.dam30-layout__header-background > img {
  display: none;
}

.mdl-drawer .mdl-list__item {
  position: relative;
  color: var(--nxg-white-100);
  font-size: 12px;
  font-family: var(--nxg-default-font-family);
}

.mdl-drawer .mdl-list__item:focus,
.mdl-drawer .mdl-list__item:hover {
  background-color: transparent;
}

.mdl-drawer .mdl-list__item:hover::after,
.mdl-drawer .mdl-list__item:focus::after {
  content: '';
  background-color: var(--nxg-black-38);
  opacity: 0.12;
  position: absolute;
  top: 8px;
  left: 8px;
  height: 36px;
  width: 184px;
  border-radius: 4px;
  z-index: -10;
}

.mdl-drawer .mdl-list__item .material-icons.mdl-list__item-icon {
  color: var(--nxg-white-100);
  height: 20px;
  width: 20px;
  font-size: 20px;
  margin-right: 16px;
}

.mdl-layout__obfuscator.is-visible {
  opacity: 0.3 !important;
}

/*List View*/

.thumbs-listview .mdl-card__supporting-text {
  padding: 0px;
}

.thumbs-listview .mdl-card__supporting-text .dam30-layout__thumb .dam30-layout__thumb_headline {
  display: none !important;
}

.thumbs-listview .mdl-card__supporting-text .dam30-layout__thumb {
  height: 232px !important;
}

.thumbs-listview .mdl-card .description_area span {
  font-family: var(--nxg-default-font-family);
}

.thumbs-listview .mdl-card .description_area span.desc_text {
  font-size: 14px !important;
  font-weight: 700 !important;
  padding-right: 16px;
}

.thumbs-listview .mdl-card .description_area span.txt {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--nxg-black-54) !important;
}

.thumbs-listview .mdl-card .description_area td {
  padding-bottom: 8px !important;
}

.thumbs-listview .mdl-card {
  border-radius: 4px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05) !important;
}

.thumbs-listview .description_wrapper {
  margin-top: 24px !important;
  margin-left: 0 !important;
  padding: 0 !important;
}

.dam30-layout__thumb_func .material-icons {
  font-size: 20px !important;
  height: 20px !important;
  width: 20px !important;
  padding: 0 2px !important;
}

.thumbs-listview .dam30-layout__thumb_func > .dam30-layout__thumb_checkbox_iconwrapper {
  background-color: transparent !important;
}

/* extended search */

#extended-search .extended-search__criteria-list {
  padding: 0 !important;
  width: 374px !important;
  border-right: 1px solid var(--nxg-black-12) !important;
  box-sizing: border-box;
}

#extended-search .extended-search__criteria-list > .sidebar {
  width: 100%;
  min-width: 100%;
  box-shadow: none;
}

#extended-search .extended-search__criteria-list .mdl-sidebar__header {
  border: none;
}

#extended-search .extended-search__criteria-list .mdl-sidebar__logo-label {
  font-family: var(--nxg-default-font-family);
  color: var(--nxg-black-87);
  font-weight: 500;
  font-size: 20px;
  text-align: left;
  padding: 0 24px;
  margin: 32px 0;
}

#extended-search .extended-search__criteria-list .mdl-sidebar__logo {
  align-items: flex-start;
}

#extended-search .extended-search__criteria-list .mdl-sidebar__menu > li:not(:last-child)::after {
  content: '';
  border-bottom: 1px solid var(--nxg-black-12);
  display: block;
  margin: 0 auto;
  width: 95%;
}

#extended-search .extended-search__criteria-list .mdl-sidebar__content {
  padding: 0 0 52px 8px;
}

#extended-search
  .extended-search__criteria-list
  .mdl-sidebar__menu
  > li
  > .mdl-sidebar__toggle
  > button {
  font-size: 16px !important;
  font-weight: 400 !important;
  color: var(--nxg-black-87) !important;
}

#extended-search .extended-search__criteria-list .mdl-sidebar__menu-link button {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--nxg-black-87) !important;
}

#extended-search .extended-search__criteria-list .mdl-sidebar__menu .material-icons {
  font-size: 20px !important;
  top: 10px !important;
}

#extended-search .extended-search__criteria-edit {
  display: flex !important;
  flex-direction: column;
  padding: 32px !important;
}

#extended-search .extended-search__criteria-edit .mdl-concat-criteria {
  box-shadow: none;
  order: 2;
  margin-bottom: 24px;
}

#extended-search .extended-search__criteria-edit header.mdl-sidebar__header {
  order: 1;
  box-shadow: none;
}

#extended-search .extended-search__criteria-edit .dam30-advanced-search__card {
  order: 3;
  box-shadow: none;
  border-top: 1px solid var(--nxg-black-12);
  flex-shrink: 0 !important;
}

#extended-search
  .extended-search__criteria-edit
  header.mdl-sidebar__header
  .mdl-sidebar__logo-label {
  margin: 0 0 32px 0;
  font-family: var(--nxg-default-font-family);
  text-align: left;
  font-size: 20px !important;
  font-weight: 500 !important;
  color: var(--nxg-black-87) !important;
}

#extended-search .extended-search__criteria-edit .mdl-concat-criteria label {
  margin: 0 0 8px 0 !important;
}

#extended-search .extended-search__criteria-edit .dam30-advanced-search__card .mdl-card__actions {
  border: none;
  padding: 0;
}

#extended-search
  .extended-search__criteria-edit
  .dam30-advanced-search__card
  .mdl-card__supporting-text {
  padding: 32px 0 16px 0;
}

#extended-search
  .extended-search__criteria-edit
  .dam30-advanced-search__card
  .mdl-card__supporting-text
  td {
  padding: 0px 18px 0px 0;
  height: 64px !important;
}

#extended-search
  .extended-search__criteria-edit
  .dam30-advanced-search__card
  .mdl-card__actions
  .mdl-button {
  padding: 0 8px;
}

#extended-search .mdl-select {
  min-width: 160px;
}

#extended-search .mdl-data-table tbody tr:nth-child(odd) {
  background-color: unset !important;
}

/* Create Usage List Entry */

#usagelistfieldset {
  border: none;
}

#usagelistfieldset p {
  position: relative;
}

#usagelistfieldset label {
  font-weight: 400;
  color: var(--nxg-black-87);
}

#usagelistfieldset select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  height: 32px;
}

#usagelistfieldset p:first-of-type::before,
#usagelistfieldset p:nth-of-type(3)::before {
  content: 'expand_more';
  font-family: 'Material Icons';
  font-size: 20px;
  position: absolute;
  right: 12px;
  top: 30px;
  color: var(--nxg-black-38);
  display: block;
  pointer-events: none;
}

#usagelistfieldset select::-ms-expand {
  display: none;
}

#usagelistfieldset input {
  height: 32px;
  padding: 5px;
}

#usagelistfieldset textarea,
#usagelistfieldset select,
#usagelistfieldset input {
  border: 1px solid var(--nxg-black-38);
  border-radius: 4px;
  font-size: 14px;
  line-height: 21px;
}

#ui-datepicker-div .ui-datepicker-header {
  background-color: var(--nxg-orange-500);
}

#ui-datepicker-div .ui-state-active,
#ui-datepicker-div .ui-widget-content .ui-state-active,
#ui-datepicker-div .ui-widget-header .ui-state-active {
  background: var(--nxg-red-50);
  border: 1px solid var(--nxg-orange-300);
}

#ui-datepicker-div .ui-state-highlight,
#ui-datepicker-div .ui-widget-content .ui-state-highlight,
#ui-datepicker-div .ui-widget-header .ui-state-highlight {
  background: #e6e6e6 url(images/ui-bg_highlight-soft_75_e6e6e6_1x100.png) 50% 50% repeat-x;
  border: 1px solid #cccccc;
}

#ui-datepicker-div .ui-datepicker-year,
#ui-datepicker-div .ui-datepicker-month {
  background: #ffffff;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  border: none;
}

#ui-datepicker-div .ui-datepicker-year {
  margin-left: 1px;
}

#ui-datepicker-div .ui-datepicker-month {
  margin-right: 1px;
}

#ui-datepicker-div .ui-datepicker-header .ui-icon {
  display: none;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {
  background-color: white;
  border-radius: 50%;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev::after,
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next::after {
  content: '';
  display: block;
  height: 0px;
  width: 0px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  z-index: 100;
  position: absolute;
  border-bottom: 7px solid var(--nxg-orange-500);
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev::after {
  transform: rotate(-90deg);
  right: 6px;
  top: 7px;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next::after {
  transform: rotate(90deg);
  right: 2px;
  top: 7px;
}

/* user profile menu */

.user-profile-menu ul > div:first-child > div:first-child {
  font-weight: 400 !important;
  color: var(--nxg-black-38) !important;
}

.user-profile-menu > div:first-child {
  box-sizing: border-box !important;
}

.user-profile-menu .mdl-radio__label,
.user-profile-menu ul > li span {
  font-weight: 400 !important;
  font-family: var(--nxg-default-font-family);
  font-size: 14px !important;
}

.user-profile-menu ul > li {
  border-top: 1px solid var(--nxg-black-12);
  padding: 0 16px 0 36px !important;
}

.user-profile-menu > ul {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  height: 100% !important;
  padding: 0 !important;
}

.user-profile-menu ul > div:first-child {
  flex-grow: 1 !important;
}

.user-profile-menu .mdl-menu.mdl-menu--bottom-right {
  left: 0 !important;
}

#chgpwd > div:first-child::before {
  content: 'lock';
  font-family: 'Material Icons';
  font-size: 20px;
  line-height: 48px;
  position: absolute;
  left: 16px;
  top: 0px;
  color: var(--nxg-black-54);
  z-index: 100;
  font-weight: 400;
}

.user-profile-menu ul > li > div:nth-child(2) {
  display: none !important;
}

#signout > div:first-child::before {
  content: 'exit_to_app';
  font-family: 'Material Icons Outlined';
  font-size: 20px;
  line-height: 48px;
  position: absolute;
  left: 16px;
  top: 0px;
  color: var(--nxg-black-54);
  z-index: 100;
  font-weight: 400;
}

.user-profile-menu ul > li > div:first-child {
  width: 100% !important;
}

/*Sitemap*/

div.sitemap#content {
  overflow: auto;
  height: 100% !important;
}

.sitemap img {
  display: none;
}

.sitemap table td {
  padding-left: 50px;
}

.sitemap table td {
  padding-top: 19px;
  overflow: visible;
}

.sitemap .pblink {
  font-size: 14px;
  line-height: 21px;
  position: relative;
}

.sitemap .pblink::before {
  content: 'folder';
  font-family: 'Material Icons';
  font-size: 26px;
  color: var(--nxg-black-54);
  position: absolute;
  left: 0px;
  top: -3px;
  transform: translateX(-100%) !important;
}

.sitemap .pblink::after {
  content: 'expand_more';
  font-family: 'Material Icons';
  font-size: 21px;
  color: var(--nxg-black-54);
  position: absolute;
  left: -30px;
  top: -2px;
  transform: translateX(-100%) !important;
}

/* actionbar 'more' menu */

.mdl-menu__container ul[data-mdl-for='dam30-actionbar-more'] > li {
  display: flex;
}

.mdl-menu__container ul[data-mdl-for='dam30-actionbar-more'] > li > div:nth-child(1) {
  order: 2;
}

.mdl-menu__container ul[data-mdl-for='dam30-actionbar-more'] > li > div:nth-child(2) {
  order: 1;
  width: 24px !important;
  text-align: center;
}

.mdl-menu__container
  ul[data-mdl-for='dam30-actionbar-more']
  > li.mdl-actionbar__more-button
  > div:nth-child(2)
  > .material-icons {
  top: calc(50% - 13px) !important;
  left: 0 !important;
}

.mdl-menu__container
  ul[data-mdl-for='dam30-actionbar-more']
  > li.mdl-actionbar__more-button
  > div:nth-child(2)
  > .mdi-24px {
  top: 0 !important;
  left: 0 !important;
  padding: 0 !important;
}

.mdl-menu__container
  ul[data-mdl-for='dam30-actionbar-more']
  > li.mdl-actionbar__more-button
  > div:nth-child(1)
  span {
  padding-left: 16px !important;
}

.mdl-menu__container
  ul[data-mdl-for='dam30-actionbar-more']
  > li.mdl-actionbar__more-select
  select {
  width: 100% !important;
  margin-left: 12px !important;
}

.mdl-menu__container
  ul[data-mdl-for='dam30-actionbar-more']
  > li.mdl-actionbar__more-select
  button {
  padding: 0 !important;
  width: 24px !important;
  height: 30px !important;
  min-width: 24px !important;
  top: -4px !important;
}
.mdl-menu__container
  ul[data-mdl-for='dam30-actionbar-more']
  > li.mdl-actionbar__more-select
  button.mdl-button:hover {
  background-color: transparent !important;
}

.mdi::before {
  line-height: normal !important;
}

/* create folder dialog */
.create-edit-folder-dialog {
  width: 328px !important;
}

.create-edit-folder-dialog #content .ml-language {
  font-family: var(--nxg-default-font-family);
  font-size: 14px !important;
  font-weight: 500 !important;
}

.create-edit-folder-dialog #content .ml-language ul.mlicon {
  position: relative;
}

.create-edit-folder-dialog #content .ml-language ul.mlicon li.icon {
  position: absolute;
  right: 0;
  top: -22px;
  font-size: 0 !important;
}

.create-edit-folder-dialog .mdl-dialog__actions {
  flex-direction: row !important;
}

.create-edit-folder-dialog .mdl-dialog__actions .mdl-button[data-name='agree'] {
  border-radius: 4px !important;
  background-color: var(--nxg-orange-500);
  color: var(--nxg-white-100);
  margin-right: 16px;
}

.create-edit-folder-dialog .mdl-dialog__actions .mdl-button[data-name='disagree'] {
  color: var(--nxg-orange-500);
}

.create-edit-folder-dialog input {
  border: none;
  border: 1px solid var(--nxg-black-38);
  border-radius: 4px !important;
  height: 32px;
  box-sizing: border-box;
  padding: 0 8px;
  color: var(--nxg-black-87) !important;
}

html .ml-language .foldername_val input[type='text'] {
  font-family: var(--nxg-default-font-family);
}

.create-edit-folder-dialog .mdl-dialog__content {
  padding: 20px 24px 8px 24px !important;
}

/* create collection / edit collection / change collection user */
.create-collection form > table:first-of-type,
.create-collection form > table:last-of-type,
.create-collection .collection-title,
.create-collection .creator-title,
.create-collection .recipient-title,
.create-collection .permissions-title,
.create-collection .disabledate-title,
.create-collection .info-title,
.create-collection .add-objects-title,
.create-collection .add-objects-info,
.modify-collection .user-title {
  display: none;
}

.create-collection form > table,
.create-collection form > table tr,
.create-collection form > table td {
  display: block;
}

.create-collection form > table label,
.modify-collection .user-id > td:first-child {
  font-family: var(--nxg-default-font-family);
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--nxg-black-87) !important;
}

.create-collection form > table input[type='text'] {
  border: none;
  border: 1px solid var(--nxg-black-38);
  border-radius: 4px !important;
  height: 32px;
  box-sizing: border-box;
  padding: 0 8px;
  color: var(--nxg-black-87) !important;
  min-width: 280px;
}

.create-collection .collection-input,
.create-collection .activate-collection,
.create-collection .creator-input,
.create-collection .recipient-input,
.create-collection .scaler,
.modify-collection .user-id {
  margin-bottom: 16px;
}

.create-collection .use-lightbox label,
.create-collection .activate-collection label {
  position: relative;
  bottom: 6px;
  font-weight: 400 !important;
  margin-left: 6px;
}

.create-collection td {
  padding: 0 !important;
}

.create-collection .collection-input > td:first-child,
.create-collection .use-lightbox,
.create-collection .creator-input > td:first-child,
.create-collection .recipient-input > td:first-child,
.create-collection .permissions-label > td:first-child,
.create-collection .disabledate-input > td:first-child,
.modify-collection .user-id > td:first-child {
  margin-bottom: 8px;
}

.create-collection .disabledate-input > td:nth-child(2) {
  display: flex !important;
}

.create-collection .disabledate-input > td:nth-child(2) input {
  margin-right: 24px;
}

.create-collection .disabledate-input > td:nth-child(2) select,
.admin-publication select[name='usa_usr'] {
  border: none;
  border: 1px solid var(--nxg-black-38);
  border-radius: 4px !important;
  height: 32px;
  box-sizing: border-box;
  padding: 0 8px;
  color: var(--nxg-black-87) !important;
  background-color: var(--nxg-white-100);
}

.create-collection .scaler select {
  min-width: 280px;
  border: 1px solid var(--nxg-black-38);
  border-radius: 4px !important;
  color: var(--nxg-black-87) !important;
}

.create-collection .scaler select option {
  font-weight: 400 !important;
}

.modify-collection .user-id > td:last-child,
.admin-publication span,
.admin-publication h1,
.admin-publication h2,
.admin-publication li,
.admin-publication .hbtxt {
  font-family: var(--nxg-default-font-family);
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--nxg-black-87) !important;
}

.admin-publication h1 {
  font-size: 20px !important;
  font-weight: 500 !important;
}

.admin-publication h2 {
  font-size: 16px !important;
  font-weight: 500 !important;
}

.admin-publication .hbtxt {
  font-weight: 700 !important;
}

/*Access Rights*/

table#tbl_perm td,
table#tbl_perm td,
table#tbl_perm td {
  padding-top: 35px !important;
}

table#tbl_perm td.rights-header {
  display: none;
}

table#tbl_perm tr#foladmin-owner td,
table#tbl_perm tr#foladmin-group td {
  padding-top: 18px !important;
}

table#tbl_perm tr td .pbchkbxtg {
  top: -2px;
}

/* Checkboxen */
input[type='checkbox'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 10px !important;
  height: 10px !important;
  border-radius: 2px;
  border: 2px solid var(--nxg-black-54);
  box-shadow: none;
  font-size: 0.8em;
  text-align: center;
  line-height: 1em;
  position: relative;
  z-index: 2;
  box-sizing: content-box;
}

input[type='checkbox']:checked {
  border: 2px solid var(--nxg-orange-400);
}

input[type='checkbox']:checked:after {
  content: 'done';
  font-family: 'Material Icons';
  color: white;
  background-color: var(--nxg-orange-400);
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  z-index: 1;
}

input[type='checkbox'].disabled:checked:after {
  background-color: var(--nxg-orange-400-50-op);
}

/* Import assets */
.mdl-step.is-active .mdl-step__label-indicator {
  background-color: var(--nxg-orange-400) !important;
  border: 1px solid var(--nxg-orange-400) !important;
}

.mdl-step.is-active .mdl-step__label-indicator > .material-icons {
  color: var(--nxg-white-100) !important;
}

.mdl-step__label-indicator {
  background-color: var(--nxg-white-100) !important;
  color: var(--nxg-black-54);
  border: 1px solid var(--nxg-black-38);
}

.mdl-step__label-indicator > .material-icons {
  color: var(--nxg-black-54) !important;
}

.mdl-step__label-indicator > :first-child {
  font-size: 16px !important;
  font-weight: 500 !important;
}

.mdl-step .mdl-step__title {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--nxg-black-87) !important;
}

.mdl-step .mdl-step__title-message {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: var(--nxg-black-54) !important;
}

.mdl-stepper {
  font-family: var(--nxg-default-font-family);
}

.mdl-stepper--horizontal::before {
  box-shadow: none !important;
}

.dam30-layout__dropzone {
  height: 200px !important;
  margin: 24px 24px 48px 24px !important;
  background: none !important;
  border: 1px dashed var(--nxg-black-38) !important;
  border-radius: 4px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.dam30-layout__dropzone i {
  width: 40px !important;
  height: 40px !important;
  font-size: 40px !important;
  color: var(--nxg-black-38) !important;
  margin: 8px 0 !important;
}

.dam30-layout__dropzone label {
  font-family: var(--nxg-default-font-family);
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--nxg-black-87) !important;
  margin: 8px 0 !important;
}

#import-stepper > li:first-child button {
  background-color: var(--nxg-orange-500) !important;
  color: var(--nxg-white-100) !important;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1) !important;
}

.dam30-layout-upload-table .mdl-data-table td,
.dam30-layout-upload-table .mdl-data-table th {
  font-family: var(--nxg-default-font-family);
}

.dam30-layout-upload-table .mdl-data-table th {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--nxg-black-87) !important;
}

.dam30-layout-upload-table .mdl-data-table td {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: var(--nxg-black-87) !important;
}

.mdl-data-table tbody tr:nth-child(odd) {
  background-color: var(--nxg-black-4);
}

.mdl-data-table td {
  height: 40px !important;
  border-top: none !important;
  border-bottom: none !important;
  padding: 8px 18px !important;
  box-sizing: border-box;
}

.mdl-data-table tbody tr {
  height: 40px !important;
}

.mdl-data-table td,
.mdl-data-table th {
  text-align: left !important;
}

.dam30-layout-upload-table {
  padding: 72px 24px 24px 24px !important;
}

#import-stepper > li:first-child {
  margin-left: 72px !important;
}

#import-stepper > li:last-child {
  margin-right: 72px !important;
}

#import-stepper.mdl-stepper--horizontal .mdl-step > .mdl-step__content {
  width: calc(100% - 224px) !important;
  margin: 24px 112px !important;
}

.mdl-stepper--horizontal > .mdl-step.mdl-step--completed .mdl-step__title > .mdl-step__title-text {
  font-weight: 500 !important;
}

#import-stepper .dam30-import-folder-selection > div > .ui-layout-center {
  width: 40% !important;
}

#import-stepper .dam30-import-folder-selection > div > .ui-layout-east {
  width: 40% !important;
}

#import-stepper.mdl-stepper--horizontal .mdl-step:nth-child(2) > .mdl-step__content,
#import-stepper.mdl-stepper--horizontal .mdl-step:nth-child(3) > .mdl-step__content,
#import-stepper.mdl-stepper--horizontal .mdl-step:nth-child(4) > .mdl-step__content {
  margin: 24px !important;
  width: calc(100% - 48px) !important;
}

#import-stepper .dam30-import-folder-selection > div > .ui-layout-east .mdl-data-table th {
  padding: 8px 18px !important;
}

#import-stepper
  .dam30-import-folder-selection
  > div
  > .ui-layout-east
  .mdl-data-table
  th:last-of-type,
#import-stepper
  .dam30-import-folder-selection
  > div
  > .ui-layout-east
  .mdl-data-table
  tr
  > td:last-of-type {
  text-align: center !important;
}

.mdl-data-table th,
.mdl-data-table td {
  font-family: var(--nxg-default-font-family);
}

#import-stepper .dam30-import-folder-selection > div > .ui-layout-east .mdl-data-table th {
  font-size: 14px !important;
  font-weight: 400 !important;
}

#import-stepper .dam30-import-folder-selection > div > .ui-layout-east .mdl-data-table td {
  font-size: 14px !important;
  color: var(--nxg-black-87) !important;
}

#import-stepper .dam30-import-folder-selection > div > .ui-layout-east .mdl-data-table tr {
  background-color: unset !important;
  border-bottom: 1px solid var(--nxg-black-12);
}

#import-stepper.mdl-stepper--horizontal
  .mdl-step:nth-child(3)
  > .mdl-step__content
  > div
  > .mdl-textfield,
#import-stepper.mdl-stepper--horizontal
  .mdl-step:nth-child(3)
  > .mdl-step__content
  > div
  > .mdl-select {
  margin-top: 32px !important;
}

#import-stepper.mdl-stepper--horizontal .mdl-step:nth-child(3) > .mdl-step__content > div {
  margin-bottom: 16px !important;
}

#import-stepper.mdl-stepper--horizontal .mdl-step:nth-child(4) > .mdl-step__content h4 {
  font-size: 20px !important;
  font-weight: 500 !important;
  color: var(--nxg-black-87) !important;
  margin-top: 48px !important;
}

#import-stepper.mdl-stepper--horizontal .mdl-step:nth-child(4) > .mdl-step__content h4:first-child {
  margin-top: 0px !important;
}

#import-stepper.mdl-stepper--horizontal
  .mdl-step:nth-child(4)
  > .mdl-step__content
  > div:nth-of-type(1)
  td:first-child,
#import-stepper.mdl-stepper--horizontal
  .mdl-step:nth-child(4)
  > .mdl-step__content
  > div:nth-of-type(1)
  th:first-child {
  padding: 0 !important;
  width: 0 !important;
}

#import-stepper.mdl-stepper--horizontal
  .mdl-step:nth-child(4)
  > .mdl-step__content
  > div:nth-of-type(1)
  td:first-child
  .material-icons {
  font-size: 0 !important;
}

#import-stepper.mdl-stepper--horizontal
  .mdl-step:nth-child(4)
  > .mdl-step__content
  > div:nth-of-type(1)
  tbody
  tr {
  background-color: unset !important;
}

#import-stepper.mdl-stepper--horizontal
  .mdl-step:nth-child(4)
  > .mdl-step__content
  > div:nth-of-type(1)
  td:last-child,
#import-stepper.mdl-stepper--horizontal
  .mdl-step:nth-child(4)
  > .mdl-step__content
  > div:nth-of-type(1)
  th:last-child {
  padding: 8px 18px 8px 0 !important;
}

#import-stepper.mdl-stepper--horizontal
  .mdl-step:nth-child(4)
  > .mdl-step__content
  > div:nth-of-type(1)
  tr {
  border-bottom: 1px solid var(--nxg-black-12);
}

#import-stepper.mdl-stepper--horizontal
  .mdl-step:nth-child(4)
  > .mdl-step__content
  > div:nth-of-type(1)
  th {
  font-size: 14px !important;
  font-weight: 400 !important;
}

#import-stepper.mdl-stepper--horizontal
  .mdl-step:nth-child(4)
  > .mdl-step__content
  > div:nth-of-type(1)
  td {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--nxg-black-87) !important;
}

#import-stepper.mdl-stepper--horizontal
  .mdl-step:nth-child(4)
  > .mdl-step__content
  .upload-metadata-overview {
  border-bottom: 1px solid var(--nxg-black-12);
  margin-bottom: 8px;
}

#import-stepper.mdl-stepper--horizontal
  .mdl-step:nth-child(4)
  > .mdl-step__content
  .upload-metadata-overview
  * {
  font-family: var(--nxg-default-font-family) !important;
}

#import-stepper.mdl-stepper--horizontal
  .mdl-step:nth-child(4)
  > .mdl-step__content
  .upload-metadata-overview.metadata-textfield
  label,
#import-stepper.mdl-stepper--horizontal
  .mdl-step:nth-child(4)
  > .mdl-step__content
  .upload-metadata-overview.metadata-select
  label,
#import-stepper.mdl-stepper--horizontal
  .mdl-step:nth-child(4)
  > .mdl-step__content
  .upload-metadata-overview.metadata-topic-list
  > label:first-child {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--nxg-black-87) !important;
  padding: 8px 0 !important;
  display: block !important;
}

#import-stepper.mdl-stepper--horizontal
  .mdl-step:nth-child(4)
  > .mdl-step__content
  .upload-metadata-overview.metadata-textfield
  span,
#import-stepper.mdl-stepper--horizontal
  .mdl-step:nth-child(4)
  > .mdl-step__content
  .upload-metadata-overview.metadata-select
  span {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--nxg-black-87) !important;
  display: block !important;
  padding-left: 0 !important;
  min-height: 24px;
}

#import-stepper.mdl-stepper--horizontal
  .mdl-step:nth-child(4)
  > .mdl-step__content
  .upload-metadata-overview
  .mdl-checkbox__label {
  color: var(--nxg-black-87) !important;
}

#import-stepper.mdl-stepper--horizontal
  .mdl-step:nth-child(4)
  > .mdl-step__content
  > div:nth-of-type(3) {
  max-width: 480px !important;
}

#import-stepper.mdl-stepper--horizontal
  .mdl-step:nth-child(4)
  > .mdl-step__content
  .mdl-data-table
  a {
  color: var(--nxg-orange-500) !important;
}

#import-stepper #stepTagObjects .import-topic-list__label {
  color: var(--nxg-black-87) !important;
  font-family: var(--nxg-default-font-family);
  font-size: 14px;
  font-weight: 500;
}

#import-stepper #stepTagObjects .import-topic-list-wrapper {
  min-width: 300px;
}

#import-stepper #stepTagObjects .import-boolean-field {
  min-width: 300px;
}

/* thumb preview */
#layout-preview-area {
  background-color: var(--nxg-white-100) !important;
  padding: 8px !important;
  border-radius: 4px !important;
  border: none !important;
  box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.1),
    0px 0px 0px 1px rgba(0, 0, 0, 0.05) !important;
}

#layout-preview-area #layout-preview-title {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--nxg-black-87) !important;
}

/* send object */

#sendbyemail * {
  font-family: var(--nxg-default-font-family);
}

#sendbyemail .proptxt {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--nxg-black-87);
  margin-right: 32px;
}

#sendbyemail td:first-child {
  vertical-align: baseline;
}

#sendbyemail tr:nth-of-type(1) > td:nth-of-type(2),
#sendbyemail tr:nth-of-type(2) > td:nth-of-type(2) {
  border-bottom: 1px solid var(--nxg-black-12);
}

#sendbyemail tr:not(:first-of-type) td {
  padding-top: 24px !important;
}

#sendbyemail input[type='text'] {
  height: 32px !important;
  padding: 0 8px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

#sendbyemail textarea {
  width: 100% !important;
  padding: 8px 8px !important;
  box-sizing: border-box !important;
}

#sendbyemail select {
  width: 100% !important;
  height: 32px !important;
  box-sizing: border-box !important;
}

#sendbyemail td:last-of-type {
  max-width: 400px !important;
}

/* filter folder content dialog */

#dam30-folder-filter {
  padding: 24px !important;
  box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.04), 0px 20px 25px -5px rgba(0, 0, 0, 0.1) !important;
}

#dam30-folder-filter .mdl-dialog__title {
  padding: 0 !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  color: var(--nxg-black-87) !important;
}

#dam30-folder-filter .mdl-dialog__content {
  padding: 24px 0 !important;
}

#dam30-folder-filter .mdl-dialog__content > p > label {
  margin-bottom: 8px !important;
}

#dam30-folder-filter .mdl-checkbox.is-focused .mdl-checkbox__focus-helper {
  box-shadow: none !important;
  background-color: unset !important;
}

#dam30-folder-filter .mdl-checkbox__label {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--nxg-black-87) !important;
}

#dam30-folder-filter .mdl-dialog__actions {
  flex-direction: row !important;
  padding: 0 !important;
}

#dam30-folder-filter .mdl-dialog__actions .mdl-button[data-name='agree'] {
  border-radius: 4px !important;
  background-color: var(--nxg-orange-500);
  color: var(--nxg-white-100);
  margin-right: 16px;
}

#dam30-folder-filter .mdl-dialog__actions .mdl-button[data-name='disagree'] {
  color: var(--nxg-orange-500);
}

/* facettes */
section#navtab2 .page-content {
  padding: 8px 0 !important;
}

.facet-accordion .ui-accordion-header,
.facet-accordion .ui-accordion-content {
  border: none !important;
}

.facet-accordion:not(:last-of-type) {
  border-bottom: 1px solid var(--nxg-black-12);
}

.facet-accordion.facet-collapsed > .ui-accordion-header,
.facet-accordion > .ui-accordion-header.ui-state-default {
  background: none !important;
}

.facet-accordion > .ui-accordion-header .ui-accordion-header-icon {
  display: none;
}

.facet-accordion > .ui-accordion-header {
  font-size: 16px !important;
  color: var(--nxg-black-87) !important;
  padding: 8px 16px !important;
}

#facet-wrapper .facet-accordion > .ui-accordion-content {
  padding: 8px 16px !important;
}

.facet-accordion > .ui-accordion-header,
.facet-accordion > .ui-accordion-content label,
.facet-accordion > .ui-accordion-content span,
.less-subclasses,
.more-subclasses {
  font-family: var(--nxg-default-font-family);
  font-weight: 400 !important;
}

.facet-accordion > .ui-accordion-content label {
  font-size: 14px !important;
  color: var(--nxg-black-87) !important;
}

.facet-accordion > .ui-accordion-content span {
  font-size: 14px !important;
  color: var(--nxg-black-54) !important;
}

.facet-subclass {
  margin-bottom: 8px !important;
  padding-left: 8px;
}

.facet-subclass a {
  text-decoration: none !important;
}

.facet-subclass a > label {
  padding-left: 16px;
}

.facet-subclass > a > input {
  margin: 0 !important;
}

.facet-subclass a > span {
  position: absolute;
  right: 16px;
  text-align: end;
}

.ui-accordion-content .less-subclasses,
.ui-accordion-content .more-subclasses {
  font-size: 14px !important;
  color: var(--nxg-orange-500) !important;
  padding: 8px 0 0 42px;
  display: block;
}

.facet-accordion > .ui-accordion-header:not(.ui-accordion-header-active)::after {
  content: 'add';
  font-family: 'Material Icons Outlined';
  font-size: 20px;
  line-height: 20px;
  position: absolute;
  right: 16px;
  color: var(--nxg-black-54);
  z-index: 100;
  font-weight: 400;
}

.facet-accordion > .ui-accordion-header.ui-accordion-header-active::after {
  content: 'remove';
  font-family: 'Material Icons Outlined';
  font-size: 20px;
  line-height: 20px;
  position: absolute;
  right: 16px;
  color: var(--nxg-black-54);
  z-index: 100;
  font-weight: 400;
}

/* progress bar */
.mdl-progress.mdl-progress__indeterminate .progressbar.bar::after,
.mdl-progress.mdl-progress__indeterminate > .bar1 {
  background: var(--nxg-orange-500) !important;
}

.mdl-progress > .bufferbar {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)),
    linear-gradient(to right, var(--nxg-orange-500), var(--nxg-orange-500)) !important;
}

.mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate) > .auxbar,
.mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate) > .auxbar {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)),
    linear-gradient(to right, var(--nxg-orange-500), var(--nxg-orange-500)) !important;
}

.mdl-dialog__title {
  font-size: 20px !important;
  font-weight: 500 !important;
  color: var(--nxg-black-87) !important;
}

/* versioning */

#secxlinktableautabs5 .description_area table td {
  padding: 2px 4px 8px 4px !important;
}

/* slideshow */

.mss-wrapper section > .ui-layout-container {
  background-color: transparent !important;
}

.mss-wrapper section > .ui-layout-container > .ui-layout-north {
  background-color: var(--nxg-black-54) !important;
  z-index: 5 !important;
}

.mss-wrapper section > .ui-layout-container > .ui-layout-north > .mdl-actionbar,
.mss-wrapper section > .ui-layout-container > .ui-layout-north > .mdl-actionbar .ui-layout-center,
.mss-wrapper section > .ui-layout-container > .ui-layout-north > .mdl-actionbar .ui-layout-east {
  background-color: transparent !important;
}

.mss-wrapper section .mdl-actionbar__group button .material-icons {
  color: var(--nxg-white-90) !important;
}

.mss-wrapper section .mdl-actionbar__group button.disabled .material-icons {
  color: var(--nxg-white-32) !important;
}

.mss-wrapper section > .ui-layout-container > .ui-layout-center {
  inset: 0 0 0 0 !important;
  height: 100% !important;
}

.mss-wrapper section > .ui-layout-container > .ui-layout-center .sl-slider,
.mss-wrapper section > .ui-layout-container > .ui-layout-center .sl-content-wrapper {
  height: 100% !important;
}

/* bulk edit */

#bulk-edit .bulk-edit__criteria-list {
  padding: 0 !important;
  width: 374px !important;
  border-right: 1px solid var(--nxg-black-12) !important;
  box-sizing: border-box;
}

#bulk-edit .bulk-edit__criteria-list > .sidebar {
  width: 100%;
  min-width: 100%;
  box-shadow: none;
}

#bulk-edit .bulk-edit__criteria-list .mdl-sidebar__header {
  border: none;
}

#bulk-edit .bulk-edit__criteria-list .mdl-sidebar__logo-label {
  font-family: var(--nxg-default-font-family);
  color: var(--nxg-black-87);
  font-weight: 500;
  font-size: 20px;
  text-align: left;
  padding: 0 24px;
  margin: 32px 0;
}

#bulk-edit .bulk-edit__criteria-list .mdl-sidebar__logo {
  align-items: flex-start;
}

#bulk-edit .bulk-edit__criteria-list .mdl-sidebar__menu > li:not(:last-child)::after {
  content: '';
  border-bottom: 1px solid var(--nxg-black-12);
  display: block;
  margin: 0 auto;
  width: 95%;
}

#bulk-edit .bulk-edit__criteria-list .mdl-sidebar__content {
  padding: 0 0 52px 8px;
}

#bulk-edit .bulk-edit__criteria-list .mdl-sidebar__menu > li > .mdl-sidebar__toggle > button {
  font-size: 16px !important;
  font-weight: 400 !important;
  color: var(--nxg-black-87) !important;
}

#bulk-edit .bulk-edit__criteria-list .mdl-sidebar__menu-link button {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--nxg-black-87) !important;
}

#bulk-edit .bulk-edit__criteria-list .mdl-sidebar__menu .material-icons {
  font-size: 20px !important;
  top: 10px !important;
}

#bulk-edit .bulk-edit__criteria-edit {
  display: flex !important;
  flex-direction: column;
  padding: 32px !important;
}

#bulk-edit .bulk-edit__criteria-edit .criteria-options {
  box-shadow: none;
  order: 2;
  margin-bottom: 24px;
}

#bulk-edit .bulk-edit__criteria-edit .criteria-options > div {
  font-family: var(--nxg-default-font-family) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

#bulk-edit .bulk-edit__criteria-edit header.mdl-sidebar__header {
  order: 1;
  box-shadow: none;
}

#bulk-edit .bulk-edit__criteria-edit .dam30-bulkEdit__card {
  order: 3;
  box-shadow: none;
  border-top: 1px solid var(--nxg-black-12);
  flex-shrink: 0 !important;
}

#bulk-edit .bulk-edit__criteria-edit header.mdl-sidebar__header .mdl-sidebar__logo-label {
  margin: 0 0 32px 0;
  font-family: var(--nxg-default-font-family);
  text-align: left;
  font-size: 20px !important;
  font-weight: 500 !important;
  color: var(--nxg-black-87) !important;
}

#bulk-edit .bulk-edit__criteria-edit .mdl-concat-criteria label {
  margin: 0 0 8px 0 !important;
}

#bulk-edit .bulk-edit__criteria-edit .dam30-bulkEdit__card .mdl-card__actions {
  border: none;
  padding: 0;
}

#bulk-edit .bulk-edit__criteria-edit .dam30-bulkEdit__card .mdl-card__supporting-text {
  padding: 32px 0 16px 0;
}

#bulk-edit .bulk-edit__criteria-edit .dam30-bulkEdit__card .mdl-card__supporting-text td {
  padding: 0px 18px 0px 0;
  /* vertical-align: top !important; */
  height: 64px !important;
}

#bulk-edit .bulk-edit__criteria-edit .dam30-bulkEdit__card .mdl-card__actions .mdl-button {
  padding: 0 8px;
}

#bulk-edit .mdl-select {
  min-width: 160px;
}

#bulk-edit .mdl-data-table tbody tr:nth-child(odd) {
  background-color: unset !important;
}

#bulk-edit
  .bulk-edit__criteria-edit
  .dam30-bulkEdit__card
  .mdl-card__supporting-text
  .mdl-textfield:not(:last-child) {
  margin-bottom: 48px;
}

/* access rights */

#tbl_perm td.label,
#tbl_perm li,
#tbl_perm span,
#tbl_perm button,
#bulkfoladmin td {
  font-family: var(--nxg-default-font-family);
}

#tbl_perm td.label {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--nxg-black-87) !important;
}

#tbl_perm td.value > select,
#bulkfoladmin td > select {
  height: 32px !important;
  color: var(--nxg-black-54) !important;
}

#tbl_perm li {
  color: var(--nxg-black-87) !important;
}

#tbl_perm #droles-box option {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--nxg-black-54) !important;
}

#tbl_perm #droles-label-box span,
#bulkfoladmin td,
#bulkfoladmin .recursive {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--nxg-black-87) !important;
}

#tbl_perm #button-container button,
#bulkfoladmin #button-container button {
  border: none !important;
  border: 1px solid var(--nxg-orange-500) !important;
  border-radius: 4px;
  background-color: var(--nxg-white-100) !important;
  color: var(--nxg-orange-500) !important;
  box-shadow: none !important;
  height: 34px !important;
  margin-bottom: 8px;
}

#bulkfoladmin td > select {
  min-width: 190px;
}

#bulkfoladmin .bulkfoladmin td:last-child > select {
  min-width: 270px;
  margin-left: 16px;
}

#bulkfoladmin .wrapit_bulk table,
#bulkfoladmin .wrapit_bulk table td {
  border: none !important;
}

#bulkfoladmin .wrapit_bulk table th {
  text-align: left;
  padding: 0 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: var(--nxg-black-54) !important;
}

#bulkfoladmin .wrapit_bulk table td:last-child > select {
  margin: 0 !important;
  min-width: 190px;
}

#bulkfoladmin .section-headline > div {
  font-size: 16px !important;
  font-weight: 400 !important;
  color: var(--nxg-black-87) !important;
  padding: 0 !important;
  margin: 8px 0;
}

#bulkfoladmin .bulkfoladmin {
  margin-bottom: 8px;
}

#bulkfoladmin-userpermissions {
  margin-top: 40px;
}

#bulkfoladmin .rights-header hr {
  border: none !important;
}

#bulkfoladmin .wrapit_bulk #droles tr:first-of-type td:first-child {
  font-size: 0 !important;
}

#bulkfoladmin .wrapit_bulk #droles tr:nth-of-type(2) td:first-child select {
  margin-right: 16px;
}

#bulkfoladmin-recursive .recursive {
  padding: 0 !important;
  border: none !important;
}

/* folder actions */

#folderactionrules tr,
#folderactionrules td {
  border: none !important;
}

#folderactionrules th {
  font-family: var(--nxg-default-font-family);
  font-size: 12px !important;
  font-weight: 400 !important;
  color: var(--nxg-black-54) !important;
  padding: 0 4px 8px 4px !important;
}

#folderactionrules select {
  height: 32px !important;
  color: var(--nxg-black-54) !important;
}

#folderactionrules td:nth-child(2) select {
  min-width: 362px !important;
}

#folderactionrules td:nth-child(4) select {
  min-width: 198px !important;
}

#folderactionrules td:nth-child(5) select {
  min-width: 350px !important;
}

/* edit profiles screen */

#permchg td {
  padding-bottom: 16px !important;
}

#permchg td.label,
#createprofile tr:nth-of-type(2) td {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--nxg-black-87) !important;
}

#permchg td.value {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--nxg-black-54) !important;
}

#createprofile,
#createprofile tbody {
  background-color: var(--nxg-grey-50);
  border: none !important;
}

#createprofile th {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: var(--nxg-black-87) !important;
  padding: 16px !important;
}

#createprofile td:first-child {
  padding-left: 16px !important;
}

#createprofile td:last-child {
  padding-right: 16px !important;
}

#createprofile tr:nth-of-type(2) td {
  padding-bottom: 8px !important;
}

#createprofile select,
#createprofile input {
  width: 100%;
  color: var(--nxg-black-87) !important;
  height: 32px;
  box-sizing: border-box !important;
}

#createprofile .pbcssbutton {
  background-image: none !important;
  border: 1px solid var(--nxg-orange-500) !important;
  border-radius: 4px;
  background-color: var(--nxg-orange-500) !important;
  box-shadow: none !important;
  height: 34px !important;
  margin: 16px 0;
  font-family: var(--nxg-default-font-family);
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--nxg-white-100) !important;
  line-height: 32px;
}

#createprofile .pbcssbutton span {
  font-family: var(--nxg-default-font-family);
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--nxg-white-100) !important;
  line-height: 32px;
}

#createprofile {
  margin-top: 16px;
}

/* image editor */

#image-editor {
  background-color: var(--nxg-white-100) !important;
}

#image-editor label,
#image-editor span,
#image-editor div {
  color: var(--nxg-black-87) !important;
}

#image-editor #header {
  height: 46px !important;
  border-bottom: 1px solid var(--nxg-black-12);
  border-top: 1px solid transparent;

  box-sizing: border-box !important;
  padding: 8px 16px !important;
  background-color: var(--nxg-white-100) !important;
  display: flex;
  z-index: 999;
}

#image-editor #boxes_funcs {
  width: 20px;
  height: 20px;
  margin: 0 !important;
  float: none !important;
}

#image-editor #boxes_funcs #bt_boxes_hide.btn-visible,
#image-editor #boxes_funcs #bt_boxes_show.btn-visible,
#image-editor #history_funcs #bt_history_show.btn-visible,
#image-editor #history_funcs #bt_history_hide.btn-visible {
  all: unset !important;
}

#image-editor #boxes_funcs #bt_boxes_hide::before {
  content: 'skip_previous';
  font-family: 'Material Icons';
  font-size: 20px;
  line-height: 20px;
  position: absolute;
  left: 16px;
  top: 12px;
  color: var(--nxg-black-54);
  font-weight: 400;
  width: 20px;
  height: 20px;
  display: block;
}

#image-editor #boxes_funcs #bt_boxes_show::before {
  content: 'skip_next';
  font-family: 'Material Icons';
  font-size: 20px;
  line-height: 20px;
  position: absolute;
  left: 16px;
  top: 12px;
  color: var(--nxg-black-54);
  font-weight: 400;
  width: 20px;
  height: 20px;
  display: block;
}

#image-editor #history_funcs {
  order: 3;
  float: none !important;
  margin: 0 !important;
}

#image-editor #history_funcs #bt_history_show::before {
  content: 'skip_previous';
  font-family: 'Material Icons';
  font-size: 20px;
  line-height: 20px;
  position: absolute;
  right: 16px;
  top: 12px;
  color: var(--nxg-black-54);
  font-weight: 400;
  width: 20px;
  height: 20px;
  display: block;
}

#image-editor #history_funcs #bt_history_hide::before {
  content: 'skip_next';
  font-family: 'Material Icons';
  font-size: 20px;
  line-height: 20px;
  position: absolute;
  right: 16px;
  top: 12px;
  color: var(--nxg-black-54);
  font-weight: 400;
  width: 20px;
  height: 20px;
  display: block;
}

#image-editor #header_text .floatbox {
  float: none !important;
  margin: 0 !important;
}

#image-editor #header_text {
  line-height: 28px !important;
  flex: 1;
  display: flex;
  margin: 0 40px;
}

#image-editor #main_title {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--nxg-black-87) !important;
  white-space: nowrap;
}

#image-editor #header_text > div:nth-child(2) {
  display: flex;
}

#image-editor #header_text #header_dpi_mode {
  margin: 0 16px 0 25px !important;
}

#image-editor #header_text #header_dpi_mode label,
#image-editor #header_text #header_dpi_info,
#image-editor #header_text #info_cropsize_headline {
  margin-right: 8px !important;
}

#image-editor #header_text #header_dpi_mode label,
#image-editor #header_text #header_dpi_info,
#image-editor #info_cropsize_headline,
#image-editor #info_cropsize_headline_label,
#image-editor #info_cropsize,
#image-editor span.dpi_info {
  font-size: 12px !important;
  color: var(--nxg-black-54) !important;
  line-height: 28px;
  font-weight: 400 !important;
}

#image-editor #header_text #header_dpi_mode label strong,
#image-editor #info_cropsize_headline_label {
  font-weight: 400 !important;
}

#image-editor #header_text #header_dpi_mode select {
  color: var(--nxg-black-54) !important;
}

#image-editor #header_text #header_dpi_info,
#image-editor #header_text #info_cropsize,
#image-editor #header_text #info_cropsize_headline {
  flex-shrink: 0;
}

#image-editor #header_text #header_dpi_info span {
  font-size: 12px !important;
  color: var(--nxg-black-54) !important;
  line-height: 28px;
  font-weight: 400 !important;
}

#image-editor #col1 {
  width: 306px !important;
}
#image-editor #col1_content {
  padding: 8px 16px !important;
}

#image-editor #col1_content .portlet {
  border: none !important;
  background: none !important;
  border-bottom: 1px solid var(--nxg-black-12) !important;
  margin: 8px 0 0 0 !important;
}

#image-editor #col1_content .portlet-header,
#image-editor #col1_content .portlet-header {
  border: none !important;
  background: var(--nxg-white-100) !important;
}

#image-editor .ui-widget-header {
  border: none !important;
  background: var(--nxg-white-100) !important;
  color: var(--nxg-black-87) !important;
  font-weight: unset !important;
}

#image-editor #col1_content .portlet-header span:not(.ui-icon) {
  font-size: 14px !important;
  color: var(--nxg-black-87) !important;
  font-weight: 500 !important;
}

#image-editor #col1_content .portlet-header .ui-icon {
  color: var(--nxg-black-54) !important;
}

#image-editor #col3 {
  margin: 0 70px 0 306px !important;
}

#image-editor #col1_content .portlet-header.ui-widget-header .ui-icon,
#image-editor #col1_content .ui-state-hover .ui-icon {
  background-image: url(/pblib/imgpro1/css/images/ui-icons_888888_256x240.png);
}

.ui-widget-header .ui-icon {
  background-color: #252512 !important;
  color: black !important;
  width: 18px !important;
  height: 18px !important;
  margin: -8px 0px 0px -12px !important;
}

.ui-widget .ui-widget,
.ui-dialog-titlebar-close {
  border: none !important;
}

#image-editor .ui-slider-horizontal {
  height: 2px;
}

#image-editor .ui-slider-horizontal.ui-widget-content {
  border: none !important;
  background: var(--nxg-orange-200) !important;
}

#image-editor .ui-slider {
  position: relative;
  text-align: left;
  top: 4px;
}

#image-editor .ui-slider-horizontal .ui-slider-handle {
  top: -7px;
  margin-left: -8px;
  width: 16px !important;
  height: 16px !important;
  border-radius: 50%;
}

#image-editor .ui-slider-horizontal .ui-slider-handle.ui-state-default {
  border: none !important;
  background: var(--nxg-orange-500) !important;
}

#image-editor .ui-slider-range {
  background-color: var(--nxg-orange-500) !important;
}

#image-editor input.ui-button.ui-state-default {
  background: var(--nxg-white-100) !important;
  height: 32px;
  box-sizing: border-box;
  border: 1px solid var(--nxg-orange-500) !important;
  font-family: var(--nxg-default-font-family);
  color: var(--nxg-orange-500);
}

#image-editor #bt_snap {
  margin-right: 16px;
}

#image-editor #slider-range-min {
  margin-top: 10px;
}

#image-editor label {
  font-weight: 500 !important;
}

#image-editor #txt_zoom_label {
  margin-right: 8px;
}

#image-editor #box_zoom .portlet-content > div > div:nth-child(2) {
  width: 100px !important;
}

#image-editor #box_zoom .portlet-content > div > div:nth-child(2) > span {
  line-height: 18px;
  font-weight: 500 !important;
  color: var(--nxg-black-87) !important;
}

#image-editor .ui-widget input,
#image-editor .ui-widget select,
#image-editor .ui-widget textarea,
#image-editor .ui-widget button {
  font-family: var(--nxg-default-font-family);
}

#image-editor #clip_bg_color,
#image-editor #bg_color {
  width: 24px !important;
  height: 24px !important;
  border-radius: 4px;
}

#image-editor #clip_bg_color_label,
#image-editor #clip_cb_transparent_label,
#image-editor #bg_color_label,
#image-editor #cb_transparent_label {
  line-height: 24px !important;
}

#image-editor .boxcol_label_60 {
  width: unset !important;
}

#image-editor #clip_cb_transparent,
#image-editor #cb_transparent {
  margin-top: 4px;
}

#image-editor input[type='checkbox'] {
  padding: 2px;
}

#image-editor .boxcol_input_170 {
  width: 190px !important;
}

#image-editor #slider_rotate {
  top: 5px !important;
}

#image-editor input[type='text'] {
  margin-right: 4px;
}

#image-editor span {
  line-height: 20px;
}

#image-editor #txt_height_label {
  padding-right: 4px;
}

#image-editor #urlparamtext {
  margin: 8px 0;
}

#image-editor #dl_height {
  margin-left: 4px;
}

#image-editor #dl_width {
  margin-left: 5px;
}

#image-editor .column {
  width: 274px !important;
}

#image-editor #box_color .portlet-content .boxcol_label_170,
#image-editor #box_download .portlet-content .boxcol_label_170 {
  float: right !important;
}

#image-editor #box_color .portlet-content > div,
#image-editor #box_download .portlet-content > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

#image-editor #box_color .portlet-content .boxcol_input_170,
#image-editor #box_download .portlet-content .boxcol_input_170 {
  width: unset !important;
  min-width: 180px;
}

#image-editor #box_color .portlet-content .boxcol_input_170 .floatbox_slider {
  margin: 0 !important;
  float: right !important;
  min-width: 175px;
}

#image-editor #box_color .portlet-content .boxcol_input_170 select,
#image-editor #box_download .portlet-content .boxcol_input_170 select,
#image-editor #box_download #dl_name {
  float: right !important;
  min-width: 175px;
}

#image-editor #box_download #dl_name {
  box-sizing: border-box !important;
  margin: 0 !important;
}

#image-editor .portlet-header {
  margin: 0 !important;
  padding: 3px 0 4px 0px;
  cursor: move;
}

#image-editor .portlet-content {
  padding: 8px 4px 8px 0 !important;
}

/* snackbar */

.mdl-snackbar {
  border-radius: 4px !important;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  background-color: var(--nxg-grey-800) !important;
  font-family: var(--nxg-default-font-family);
  color: var(--nxg-white-90) !important;
  font-size: 14px !important;
  min-height: 48px;
}

/* request release */

.requestrelease_txt {
  font-size: 14px !important;
  color: var(--nxg-black-87) !important;
}

#requestrelease {
  margin-top: 32px !important;
}

#requestrelease td > span.txt {
  font-size: 14px !important;
  color: var(--nxg-black-87) !important;
  font-weight: 500 !important;
}

#requestrelease td:nth-child(2) {
  padding-left: 16px !important;
}

#requestrelease input[type='text'],
#requestrelease textarea {
  min-height: 32px;
  min-width: 290px;
  padding: 8px !important;
  box-sizing: border-box;
  color: var(--nxg-black-54) !important;
}

/* notifications */

#navtab4 .mdl-list__item-avatar {
  background-color: var(--nxg-black-8);
  color: var(--nxg-black-54);
  font-size: 26px;
  line-height: 40px;
  padding-left: 8px;
}

#navtab4 .mdl-list__item-primary-content span:first-of-type {
  font-weight: 500 !important;
}

#navtab4 .mdl-list__item-primary-content .mdl-list__item-sub-title {
  font-size: 12px !important;
}

#navtab4 .mdl-list__item-secondary-action .material-icons {
  color: var(--nxg-black-54) !important;
}

/* drag 'n' drop */

.tableau-thumbs.ui-draggable {
  background: var(--nxg-white-100) !important;
  border: none !important;
  padding: 0 !important;
}

.droppable-clone-area__counter {
  position: absolute;
  top: -14px;
  right: -14px;
  border-radius: 50%;
  padding: 8px 10px;
  background: var(--nxg-orange-500);
  color: white;
  font-size: 10px;
  font-weight: 400;
  z-index: 10;
  line-height: 10px;
}

/* favorite folders */

#navtab3 .mdl-list__item-primary-content span:first-of-type {
  font-weight: 500 !important;
}

#navtab3 .mdl-list__item-primary-content .mdl-list__item-sub-title {
  font-size: 12px !important;
}

#navtab3 .mdl-list__item-secondary-action .material-icons {
  color: var(--nxg-black-54) !important;
}

/* tooltip */
.mdl-tooltip--large {
  font-weight: 400 !important;
  padding: 8px 16px !important;
}

.mdl-tooltip {
  background: var(--nxg-grey-700) !important;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
}

/* search dropdown */
.mdl-search__dropdown {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
  border-radius: 0 0 4px 4px !important;
}

.mdl-list__item:hover {
  outline: 0;
  background-color: var(--nxg-black-4) !important;
}

/* scaleparams */
.pcr-app .pcr-interaction .pcr-save {
  background-color: var(--nxg-orange-500) !important;
  color: var(--nxg-white-100) !important;
  border: 1px solid var(--nxg-orange-500) !important;
  font-weight: 500 !important;
}

.pcr-app .pcr-interaction .pcr-cancel {
  color: var(--nxg-orange-500) !important;
  border: 1px solid var(--nxg-orange-500) !important;
  font-weight: 500 !important;
}

.pcr-app .pcr-interaction .pcr-result {
  color: var(--nxg-black-54) !important;
}

.pcr-app .pcr-interaction .pcr-type.active {
  color: var(--nxg-black-54) !important;
}

#secscaleparamwatermark #thumbs.thumbs-gridview li.ui-selectee {
  border: 1px solid var(--nxg-black-12);
}

#secscaleparamwatermark
  #thumbs.thumbs-gridview
  li.ui-selectee
  .dam30-layout__thumb_headline
  .thumb_desc {
  overflow: hidden;
  text-overflow: ellipsis;
}
.toggleMenu {
  position: absolute;
  left: 930px;
  top: 3px;
}
.dropDown {
  display: none;
  position: absolute;
  left: 85%;
  top: 65px;
  width: 150px;
  background: white;
  flex-direction: column;
  border: 1px solid var(--nxg-black-8);
}
.openDropDown {
  display: flex !important;
  height: auto;
  animation: 0.3s ease-in slideDown;
  align-items: center;
}
#resetPosition {
  position: relative !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}
.dropdown-item {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-bottom: 10px;
}
.dropdown-item:nth-child(1) {
  padding-top: 10px;
  border-bottom: 1px solid var(--nxg-black-8);
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

#usagelistfieldset {
  overflow-y: auto !important;
  height: 50vh !important;
  max-height: 490px !important;
}
.jstree-material > ul > li {
  overflow-x: auto !important;
  position: relative;
}
.mdl-spinner__layer-1,
.mdl-spinner__layer-2,
.mdl-spinner__layer-3,
.mdl-spinner__layer-4 {
  border-color: #d62d20 !important;
}

@media (min-width: 841px) {
  #import-stepper > li:first-child {
    margin-left: 22px !important;
  }
}

@media (min-width: 1200px) {
  #import-stepper > li:first-child {
    margin-left: 72px !important;
  }
}