@charset "UTF-8";
.select2-container {
  display: flex;
  width: 100% !important;
  font-family: 'Montserrat';
  font-style: normal;
  font-size: 16px; }
  .select2-container .selection {
    width: 100%; }
    .select2-container .selection .select2-selection {
      border-color: var(--color-green-light);
      height: unset;
      padding: 16px 20px;
      box-sizing: border-box; }
      .select2-container .selection .select2-selection.select2-selection--single .select2-selection__rendered {
        line-height: 24px;
        padding-left: 0px;
        color: var(--color-black-text); }
      .select2-container .selection .select2-selection.select2-selection--multiple {
        padding: 7px 11px; }
        .select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered {
          display: flex;
          flex-wrap: wrap;
          padding: 0;
          line-height: 24px;
          color: var(--color-black-text);
          margin-bottom: 5px; }
          .select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
            display: flex;
            flex-direction: row-reverse;
            padding: 6px 16px;
            color: var(--color-green-nav);
            background-color: var(--color-green-very-lighter);
            border: none;
            font-size: 14px;
            line-height: 20px;
            font-weight: 600; }
            .select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
              color: transparent;
              position: relative;
              width: 20px; }
              .select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover::after {
                filter: drop-shadow(0px 0px 1px color-mix(in srgb, currentColor 50%, transparent)); }
              .select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove::after {
                content: "";
                position: absolute;
                top: 3px;
                left: 8px;
                display: block;
                width: 14px;
                height: 14px;
                color: var(--color-green-nav);
                background-image: url("/lib/images/icon-x.svg"); }
          .select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field {
            margin-top: 12px; }
    .select2-container .selection .select2-selection__arrow b {
      border: 2px solid !important;
      border-color: transparent var(--color-black-text) var(--color-black-text) transparent !important;
      transform: rotate(45deg);
      border-radius: 2px;
      width: 7px;
      height: 7px;
      margin-top: 7px;
      margin-left: -20px; }
  .select2-container.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(225deg);
    margin-top: 13px; }
  .select2-container.select2-container--disabled .select2-selection {
    background-color: var(--color-gray-bg);
    border-color: var(--color-gray-darker); }
  .select2-container .select2-dropdown {
    background-color: var(--color-white);
    border: 1px solid var(--color-green-light);
    color: var(--color-black-text); }
    .select2-container .select2-dropdown.select2-dropdown--below {
      border-radius: 0 0 4px 4px;
      border-top: 2px solid var(--color-green-light); }
      .select2-container .select2-dropdown.select2-dropdown--below .select2-results__option:last-child {
        border-radius: 0 0 4px 4px; }
    .select2-container .select2-dropdown.select2-dropdown--above {
      border-radius: 4px 4px 0 0;
      border-bottom: 2px solid var(--color-green-light); }
      .select2-container .select2-dropdown.select2-dropdown--above .select2-search__field {
        border-radius: 4px 4px 0 0; }
      .select2-container .select2-dropdown.select2-dropdown--above .select2-results__option:first-child {
        border-radius: 4px 4px 0 0; }
      .select2-container .select2-dropdown.select2-dropdown--above .select2-search + .select2-results .select2-results__option:first-child {
        border-radius: 0; }
      .select2-container .select2-dropdown.select2-dropdown--above .select2-search--hide + .select2-results .select2-results__option:first-child {
        border-radius: 4px 4px 0 0; }
    .select2-container .select2-dropdown .select2-search {
      padding: 0; }
      .select2-container .select2-dropdown .select2-search .select2-search__field {
        font-size: 16px;
        font-family: 'Montserrat';
        font-style: normal;
        background-color: var(--color-white);
        color: var(--color-black-text);
        line-height: 24px;
        text-indent: 24px;
        border: none;
        border-bottom: 2px solid var(--color-green-light);
        padding: 6px 0; }
        .select2-container .select2-dropdown .select2-search .select2-search__field:focus {
          outline: none; }
    .select2-container .select2-dropdown .select2-results__option[aria-selected="true"] {
      background-color: var(--color-green-lighter);
      color: var(--color-white); }
    .select2-container .select2-dropdown .select2-results__option.select2-results__option--highlighted {
      background-color: var(--color-green-light); }

body:has(.modal-backdrop) .select2-container {
  max-width: 50vw; }

.filter-popover .select2-dropdown {
  left: -2px;
  top: -2px; }

#ui-datepicker-div, div.ui-datepicker-inline.ui-widget {
  font-family: 'Montserrat';
  font-size: 18px;
  line-height: normal;
  background: var(--color-gray-bg);
  background-color: var(--color-gray-bg);
  color: var(--color-green-lighter);
  border-radius: 8px;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.6)); }
  #ui-datepicker-div th, div.ui-datepicker-inline.ui-widget th {
    font-weight: 550; }
  #ui-datepicker-div .ui-datepicker-header, div.ui-datepicker-inline.ui-widget .ui-datepicker-header {
    background: var(--color-gray-bg);
    background-color: var(--color-gray-bg);
    border: none; }
    #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title, div.ui-datepicker-inline.ui-widget .ui-datepicker-header .ui-datepicker-title {
      display: flex; }
      #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .select2.select2-container, div.ui-datepicker-inline.ui-widget .ui-datepicker-header .ui-datepicker-title .select2.select2-container {
        width: 45% !important;
        margin-left: 4px;
        margin-right: 4px;
        font-weight: 550; }
        #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .select2.select2-container .select2-selection--single, div.ui-datepicker-inline.ui-widget .ui-datepicker-header .ui-datepicker-title .select2.select2-container .select2-selection--single {
          padding: 8px; }
          #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .select2.select2-container .select2-selection--single .select2-selection__arrow, div.ui-datepicker-inline.ui-widget .ui-datepicker-header .ui-datepicker-title .select2.select2-container .select2-selection--single .select2-selection__arrow {
            height: 9px; }
        #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .select2.select2-container .select2-selection__rendered, div.ui-datepicker-inline.ui-widget .ui-datepicker-header .ui-datepicker-title .select2.select2-container .select2-selection__rendered {
          text-indent: 0;
          padding-left: 8px;
          text-align: left; }
    #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev, #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next, div.ui-datepicker-inline.ui-widget .ui-datepicker-header .ui-datepicker-prev, div.ui-datepicker-inline.ui-widget .ui-datepicker-header .ui-datepicker-next {
      top: 8px;
      background-color: var(--color-green-lighter); }
    #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev-hover, #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next-hover, div.ui-datepicker-inline.ui-widget .ui-datepicker-header .ui-datepicker-prev-hover, div.ui-datepicker-inline.ui-widget .ui-datepicker-header .ui-datepicker-next-hover {
      background: var(--color-green-nav);
      border: none;
      top: 8px; }
      #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev-hover .ui-icon, #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next-hover .ui-icon, div.ui-datepicker-inline.ui-widget .ui-datepicker-header .ui-datepicker-prev-hover .ui-icon, div.ui-datepicker-inline.ui-widget .ui-datepicker-header .ui-datepicker-next-hover .ui-icon {
        background-image: url("images/ui-icons_ffffff_256x240.png"); }
    #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev-hover, div.ui-datepicker-inline.ui-widget .ui-datepicker-header .ui-datepicker-prev-hover {
      left: 2px; }
    #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next-hover, div.ui-datepicker-inline.ui-widget .ui-datepicker-header .ui-datepicker-next-hover {
      right: 2px; }
  #ui-datepicker-div td .ui-state-default, div.ui-datepicker-inline.ui-widget td .ui-state-default {
    color: var(--color-black-text);
    border: 1px solid var(--color-green-light);
    background: var(--color-white);
    font-weight: 550; }
    #ui-datepicker-div td .ui-state-default.ui-state-hover:not(.ui-state-active), div.ui-datepicker-inline.ui-widget td .ui-state-default.ui-state-hover:not(.ui-state-active) {
      background: var(--color-green-light);
      color: var(--color-white); }
  #ui-datepicker-div td .ui-state-active, div.ui-datepicker-inline.ui-widget td .ui-state-active {
    color: var(--color-green-very-light);
    border: 1px solid var(--color-green-lighter);
    background: var(--color-green-lighter);
    font-weight: 550; }
  #ui-datepicker-div tr:first-child td:first-child a, div.ui-datepicker-inline.ui-widget tr:first-child td:first-child a {
    border-top-left-radius: 4px; }
  #ui-datepicker-div tr:first-child td:last-child a, div.ui-datepicker-inline.ui-widget tr:first-child td:last-child a {
    border-top-right-radius: 4px; }
  #ui-datepicker-div tr:last-child td:first-child a, div.ui-datepicker-inline.ui-widget tr:last-child td:first-child a {
    border-bottom-left-radius: 4px; }
  #ui-datepicker-div tr:last-child td:last-child a, div.ui-datepicker-inline.ui-widget tr:last-child td:last-child a {
    border-bottom-right-radius: 4px; }

div.ui-datepicker-inline.ui-widget {
  filter: none; }

@font-face {
  font-family: 'Montserrat';
  src: url("../font/Montserrat-VariableFont_wght.ttf") format("truetype"); }
:root {
  --color-white: #FFFFFF;
  --color-gray-bg: #F2F2F2;
  --color-gray-darkish: #E6E6E6;
  --color-gray-darker: #B3B3B3;
  --color-gray-dark: #999999;
  --color-gray-text: #666666;
  --color-yellow: #DFAF20;
  --color-green-nav: #07495B;
  --color-green-lighter: #197D98;
  --color-green-light: #85D4C5;
  --color-green-very-lighter: #ADE8DE;
  --color-green-success: #ADEBAD;
  --color-green-very-light: #E4F6F3;
  --color-green-whiteish: #EBF0F9;
  --color-green-neon: #52E052;
  --color-black-text: #191919;
  --color-blackish: #333333;
  --color-red: #DF2020;
  --color-red-dark: #8E0B0B;
  --color-red-light: #EBADAD; }

body {
  font-family: 'Montserrat';
  font-style: normal;
  margin: 0;
  color: var(--color-white);
  min-height: 100vh;
  min-width: fit-content;
  display: flex;
  flex-direction: column; }

button {
  font-family: 'Montserrat';
  font-style: normal;
  color: var(--color-white);
  cursor: pointer; }
  button:disabled {
    background-color: var(--color-gray-darker);
    color: var(--color-blackish);
    cursor: not-allowed; }

a {
  --link-color: var(--color-green-lighter);
  text-decoration: none;
  color: var(--link-color, inherit);
  font-weight: 550; }
  a:visited {
    color: var(--link-color, inherit); }

input:not([type]), input[type="text"], input[type="password"], textarea {
  border-radius: 4px;
  border: 1px solid var(--color-green-light);
  padding: 16px 20px;
  box-sizing: border-box;
  font-family: 'Montserrat';
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-black-text); }
  input:not([type]):disabled, input:not([type])[readonly], input[type="text"]:disabled, input[type="text"][readonly], input[type="password"]:disabled, input[type="password"][readonly], textarea:disabled, textarea[readonly] {
    background-color: var(--color-gray-bg);
    border-color: var(--color-gray-darker); }

textarea {
  resize: vertical;
  min-height: 58px; }

input[type="checkbox"], input[type="radio"] {
  appearance: none;
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  box-sizing: content-box;
  vertical-align: middle;
  border: 1px solid var(--color-green-light);
  position: relative;
  margin: 0 12px 0 0; }
  input[type="checkbox"]:checked::after, input[type="radio"]:checked::after {
    content: "";
    position: relative;
    left: 4px;
    top: 4px;
    display: block;
    width: 12px;
    height: 12px;
    background-color: var(--color-green-lighter); }
  input[type="checkbox"]:disabled, input[type="radio"]:disabled {
    background-color: var(--color-gray-bg);
    border-color: var(--color-gray-darker); }
    input[type="checkbox"]:disabled:checked::after, input[type="radio"]:disabled:checked::after {
      background-color: var(--color-gray-darker); }
  input[type="checkbox"]:indeterminate::after, input[type="radio"]:indeterminate::after {
    content: "";
    position: relative;
    left: 6px;
    top: 9px;
    display: block;
    width: 8px;
    height: 2px;
    background-color: var(--color-green-lighter); }

input[type="radio"] {
  border-radius: 50%;
  margin-right: 8px; }
  input[type="radio"]:checked::after {
    border-radius: 50%; }
  input[type="radio"]:indeterminate::after {
    display: none; }

footer {
  display: flex;
  justify-content: space-between;
  align-items: end;
  flex: 1;
  padding: 24px;
  color: var(--color-black-text); }
  footer > div {
    flex: 1; }
  footer #footer-links {
    flex: 2;
    flex-basis: min-content;
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 14px;
    --link-color: var(--color-gray-text); }
    footer #footer-links > div {
      display: flex;
      justify-content: center;
      gap: 20px; }
      footer #footer-links > div a {
        text-decoration: none;
        color: var(--link-color, inherit); }
        footer #footer-links > div a:visited {
          color: var(--link-color, inherit); }
      footer #footer-links > div:first-child {
        margin-bottom: 4px; }
    footer #footer-links #footer-version {
      width: 0;
      text-wrap: nowrap;
      color: var(--color-gray-darker); }
  footer #payment_operators {
    margin-right: 12px; }
    footer #payment_operators img {
      margin-bottom: 10px;
      height: 28px; }
    footer #payment_operators img + img {
      margin-left: 10px; }

.table {
  border-spacing: 0;
  width: 100%;
  position: relative;
  z-index: 5; }
  .table > thead > tr > th {
    background-color: var(--color-green-very-light); }
    .table > thead > tr > th:first-child, .table > thead > tr > th.border-fix-left {
      border-radius: 8px 0 0 0; }
    .table > thead > tr > th:last-child, .table > thead > tr > th.border-fix-right {
      border-radius: 0 8px 0 0; }
    .table > thead > tr > th.border-fix-left.border-fix-right {
      border-radius: 8px 8px 0 0; }
  .table > tbody > tr:last-child > td:first-child, .table > tbody > tr:last-child > td.border-fix-left {
    border-radius: 0 0 0 8px; }
  .table > tbody > tr:last-child > td:last-child, .table > tbody > tr:last-child > td.border-fix-right {
    border-radius: 0 0 8px 0; }
  .table > tbody > tr:last-child > td.border-fix-left.border-fix-right {
    border-radius: 0 0 8px 8px; }
  .table > tbody > tr > td, .table > thead > tr > th {
    padding-top: 14px;
    padding-bottom: 14px;
    padding-right: 24px; }
    .table > tbody > tr > td:first-child, .table > tbody > tr > td.border-fix-left, .table > thead > tr > th:first-child, .table > thead > tr > th.border-fix-left {
      padding-left: 24px; }
  .table > tbody > tr > td {
    max-width: 25vw;
    word-wrap: break-word; }
  .table > thead > tr > th {
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap; }
    .table > thead > tr > th > a {
      display: flex;
      align-items: center; }
      .table > thead > tr > th > a > svg {
        width: 16px;
        height: 16px; }
    .table > thead > tr > th .btn-filter {
      gap: 6px;
      margin-top: 4px;
      height: 32px;
      width: fit-content;
      box-sizing: border-box; }
      .table > thead > tr > th .btn-filter:hover > span {
        filter: drop-shadow(0px 0px 1px color-mix(in srgb, currentColor 50%, transparent)); }
      .table > thead > tr > th .btn-filter > span {
        min-width: 24px; }
      .table > thead > tr > th .btn-filter > button {
        display: flex;
        justify-content: center;
        align-items: start;
        padding: 0;
        margin: 0;
        border: none;
        flex-direction: column; }
        .table > thead > tr > th .btn-filter > button.hide {
          display: none; }
        .table > thead > tr > th .btn-filter > button svg:has(use[href="#svg-x-icon"]) {
          width: 16px;
          height: 16px; }
        .table > thead > tr > th .btn-filter > button:hover > * {
          filter: drop-shadow(0px 0px 1px color-mix(in srgb, currentColor 50%, transparent)); }
        .table > thead > tr > th .btn-filter > button > div {
          line-height: 14px; }
  .table.table-bordered {
    border-radius: 8px;
    background-color: var(--color-white);
    filter: drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.08)); }
    .table.table-bordered > tbody > tr:last-child > td {
      border-bottom: 1px solid var(--color-gray-darker); }
    .table.table-bordered > tbody > tr > td:first-child, .table.table-bordered > tbody > tr > td.border-fix-left {
      border-left: 1px solid var(--color-gray-darker); }
    .table.table-bordered > tbody > tr > td:last-child, .table.table-bordered > tbody > tr > td.border-fix-right {
      border-right: 1px solid var(--color-gray-darker); }
    .table.table-bordered > thead > tr > th {
      border-top: 1px solid var(--color-green-light);
      border-bottom: 1px solid var(--color-green-light); }
    .table.table-bordered > thead > tr > th:first-child, .table.table-bordered > thead > tr > th.border-fix-left {
      border-left: 1px solid var(--color-green-light); }
    .table.table-bordered > thead > tr > th:last-child, .table.table-bordered > thead > tr > th.border-fix-right {
      border-right: 1px solid var(--color-green-light); }
  .table.table-striped > tbody > tr:nth-child(2n+1) {
    background-color: var(--color-gray-bg); }

.filter-popover {
  padding: 8px;
  min-width: 350px;
  overflow: visible; }
  .filter-popover .input-group {
    padding-bottom: 0px;
    margin-bottom: 4px; }
  .filter-popover > .flex-horizontal {
    gap: 8px;
    justify-content: end; }
  .filter-popover svg {
    width: 16px;
    height: 16px; }
  .filter-popover .btn-filter {
    padding: 4px 32px; }

.pagination ul {
  list-style: none;
  display: flex;
  justify-content: center; }
  .pagination ul li {
    display: flex;
    width: 80px;
    height: 64px;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background-color: var(--color-green-very-light);
    border-top: 1px solid var(--color-green-very-lighter);
    border-bottom: 1px solid var(--color-green-very-lighter); }
    .pagination ul li:first-child {
      border-radius: 8px 0 0 8px;
      border-left: 1px solid var(--color-green-very-lighter); }
    .pagination ul li:last-child {
      border-radius: 0 8px 8px 0;
      border-right: 1px solid var(--color-green-very-lighter); }
    .pagination ul li + li {
      border-left: 1px solid var(--color-green-very-lighter); }
    .pagination ul li.active {
      background-color: var(--color-green-very-lighter); }
    .pagination ul li.next svg, .pagination ul li.previous svg {
      width: 11px;
      height: 16px; }
    .pagination ul li a {
      display: flex;
      width: 100%;
      height: 100%;
      justify-content: center;
      align-items: center; }
    .pagination ul li:has(a[href="#content-pager"]) {
      background-color: var(--color-gray-bg); }
      .pagination ul li:has(a[href="#content-pager"]) a {
        color: var(--color-blackish);
        cursor: default; }
        .pagination ul li:has(a[href="#content-pager"]) a:hover {
          filter: unset; }
    .pagination ul li a:hover {
      filter: drop-shadow(0px 0px 1px color-mix(in srgb, currentColor 50%, transparent)); }

.svg-icon {
  width: 24px;
  height: 24px;
  overflow: visible; }

a:hover .svg-icon, button:hover .svg-icon, .dropdown-toggle:hover {
  filter: drop-shadow(0px 0px 1px color-mix(in srgb, currentColor 50%, transparent)); }

.btn {
  padding: 24px;
  border-radius: 4px;
  border: none;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  background-color: var(--color-gray-darker); }

.btn-main {
  color: var(--color-green-nav);
  background-color: var(--color-green-very-lighter); }
  .btn-main:visited {
    color: var(--color-green-nav); }

.btn-warning {
  color: var(--color-black-text);
  background-color: var(--color-yellow); }

.btn-green {
  background-color: var(--color-green-success);
  color: var(--color-green-nav); }

.btn-red {
  background-color: var(--color-red-light);
  color: var(--color-red-dark); }

.btn-filter {
  display: flex;
  align-items: center;
  padding: 4px 16px;
  color: var(--color-green-nav);
  background-color: var(--color-green-very-lighter);
  font-size: 14px;
  line-height: 20px; }
  .btn-filter.btn-warning {
    color: var(--color-black-text);
    background-color: var(--color-yellow); }

.btn-empty {
  color: var(--color-green-lighter);
  background-color: inherit;
  border: 1px solid var(--color-green-lighter); }

.btn-medium {
  display: flex;
  box-sizing: content-box;
  min-height: 24px;
  padding: 12px 24px;
  width: fit-content;
  font-size: 16px; }
  .btn-medium.btn-empty {
    min-height: 22px;
    padding-top: 11px;
    padding-bottom: 11px; }

.btn-plus {
  line-height: 0;
  margin-left: 8px; }

.linklike-button {
  padding: 0;
  border: none;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-green-nav);
  background: none; }
  .linklike-button:hover {
    filter: drop-shadow(0px 0px 1px color-mix(in srgb, currentColor 50%, transparent)); }

.title-back-link {
  display: flex;
  align-items: center;
  margin-left: auto; }
  .title-back-link svg {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    padding-bottom: 1px; }

.icon-button {
  border: none;
  padding: 0;
  color: inherit;
  background: inherit; }

.underline-link, a.underline-link, button.underline-link {
  display: flex;
  border: none;
  padding: 0;
  color: var(--color-green-nav);
  background: none;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  text-decoration: underline; }

.input-group, .controls {
  display: flex; }
  .input-group > label, .controls > label {
    display: flex;
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 20px; }
    .input-group > label.checkbox, .controls > label.checkbox {
      margin-bottom: 0;
      align-items: center;
      width: 100%; }
  .input-group:last-child, .controls:last-child {
    margin-bottom: 0px; }

.modal-body .controls {
  flex-direction: column; }
  .modal-body .controls .error-icon {
    position: absolute;
    bottom: 0; }
  .modal-body .controls .help-inline.error {
    position: relative;
    left: 20px;
    width: fit-content;
    max-width: calc(100% - 20px); }

.input-group {
  flex-direction: column;
  padding-bottom: 36px; }
  .input-group:has(.error) {
    padding-bottom: 0; }
  .input-group.canterror {
    padding-bottom: 12px; }

form.form-horiz .input-group:not(.input-group-vertical) {
  flex-direction: row;
  padding-bottom: 12px; }
  form.form-horiz .input-group:not(.input-group-vertical) .label-wrap, form.form-horiz .input-group:not(.input-group-vertical) label {
    align-items: center; }
  form.form-horiz .input-group:not(.input-group-vertical) label {
    width: 250px;
    min-width: 250px;
    height: 58px;
    margin-bottom: 0; }
  form.form-horiz .input-group:not(.input-group-vertical) .controls {
    width: 100%; }
  form.form-horiz .input-group:not(.input-group-vertical).input-group-vertical {
    flex-direction: column; }
    form.form-horiz .input-group:not(.input-group-vertical).input-group-vertical label {
      height: unset;
      margin-bottom: 8px; }
  form.form-horiz .input-group:not(.input-group-vertical):has(.error) {
    padding-bottom: 0; }
    form.form-horiz .input-group:not(.input-group-vertical):has(.error) .controls {
      padding-bottom: 16px; }

.controls {
  flex-wrap: wrap;
  position: relative;
  --error-icon-display: none; }
  .controls input, .controls textarea, .controls .fake-input {
    width: 100%; }
  .controls:has(.error) {
    --error-icon-display: flex;
    margin-bottom: 12px; }
  .controls .error-icon {
    display: var(--error-icon-display);
    margin-top: 4px; }
    .controls .error-icon svg {
      height: 20px;
      width: 20px; }
  .controls .error {
    color: var(--color-red);
    font-size: 14px;
    line-height: 20px;
    margin-left: 4px;
    margin-top: 4px; }
  .controls.error-absolute:has(.error) {
    margin-bottom: 36px; }
  .controls.error-absolute .error-icon {
    position: absolute;
    bottom: -8px; }
  .controls.error-absolute .help-inline.error {
    position: absolute;
    bottom: -8px;
    left: 20px; }
  .controls.error-absolute.error-absolute-relative .error {
    position: relative;
    bottom: 0px; }
  .controls.error-absolute.error-absolute-relative .error-icon {
    bottom: 0; }

.label-wrap {
  display: flex;
  align-items: center;
  margin-bottom: 4px; }

.required > label:after, .required > .label-wrap > label:after {
  content: "*"; }

.control-label.metadata-explained {
  position: relative; }
  .control-label.metadata-explained > div {
    position: absolute;
    bottom: 4px;
    font-size: 11px;
    line-height: 10px;
    white-space: nowrap; }

.fake-input {
  border-radius: 4px;
  border: 1px solid var(--color-green-light);
  padding: 16px 20px;
  box-sizing: border-box;
  font-family: 'Montserrat';
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-black-text); }
  .fake-input.disabled {
    background-color: var(--color-gray-bg);
    border-color: var(--color-gray-darker); }

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

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

.flex-inline {
  display: inline-flex; }

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

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

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

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

.align-items-center {
  align-items: center; }

.hide {
  display: none; }

.w-100 {
  width: 100%; }

.flex-1 {
  flex: 1; }

.flex-3 {
  flex: 3; }

.gap2 {
  gap: 2px; }

.gap4 {
  gap: 4px; }

.gap8 {
  gap: 8px; }

.gap12 {
  gap: 12px; }

.gap16 {
  gap: 16px; }

.gap24 {
  gap: 24px; }

.gap32 {
  gap: 32px; }

.break-word {
  word-wrap: break-word; }

.nowrap {
  white-space: nowrap; }

.break-all {
  word-break: break-all; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: var(--color-blackish); }

.modal-backdrop {
  opacity: 0.8; }

.modal {
  position: fixed;
  z-index: 1050;
  width: fit-content;
  height: fit-content;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: var(--color-white);
  color: var(--color-black-text);
  border-radius: 8px;
  outline: none;
  padding: 40px; }

.modal-header {
  display: flex;
  justify-content: space-between;
  padding: 0 0 40px 0; }
  .modal-header .close {
    border: 0;
    background: transparent;
    color: var(--color-black-text);
    position: relative;
    left: 27px;
    bottom: 28px; }
    .modal-header .close svg {
      width: 16px;
      height: 16px; }
  .modal-header h3 {
    margin: 0;
    line-height: 30px;
    font-size: 24px; }
  .modal-header:has(+ * > h4:first-child), .modal-header:has(+ * .modal-body > h4:first-child), .modal-header:has(+ .modal-body > h4:first-child) {
    padding-bottom: 0px; }

.modal-body {
  position: relative;
  overflow-y: auto;
  max-height: calc(80vh - 150px);
  max-width: 70vw;
  min-width: 370px;
  padding: 4px; }

.modal-form {
  margin-bottom: 0; }

.modal-footer {
  display: flex;
  justify-content: end;
  gap: 16px;
  padding-top: 32px; }
  .modal-footer .btn {
    display: flex;
    box-sizing: content-box;
    height: 24px;
    padding: 12px 24px;
    width: fit-content;
    font-size: 16px; }
    .modal-footer .btn.hide {
      display: none; }

.modal-columns {
  columns: 2;
  column-gap: 32px; }

.nav-tabs {
  display: flex;
  list-style-type: none;
  padding: 0;
  border-radius: 8px;
  border: 1px solid var(--color-green-light); }
  .nav-tabs > li {
    flex: 1;
    display: flex;
    justify-content: center;
    color: var(--color-green-nav);
    background-color: var(--color-green-very-light); }
    .nav-tabs > li:first-child {
      border-radius: 8px 0 0 8px; }
    .nav-tabs > li:last-child {
      border-radius: 0 8px 8px 0; }
    .nav-tabs > li.active {
      color: var(--color-black-text);
      background-color: inherit; }
      .nav-tabs > li.active a {
        --link-color: var(--color-black-text); }
    .nav-tabs > li > a {
      padding: 24px;
      text-decoration: none;
      color: var(--link-color, inherit);
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      width: 100%;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center; }
      .nav-tabs > li > a:visited {
        color: var(--link-color, inherit); }
  .nav-tabs > li + li {
    border-left: 1px solid var(--color-green-light); }

.tab-pane {
  display: none; }
  .tab-pane.active {
    display: block; }

.tab-counter {
  color: var(--color-green-nav);
  background-color: var(--color-green-very-lighter);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  padding: 4px 8px;
  margin-left: 6px;
  border-radius: 4px; }

.center-message {
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto; }

.hfss-message {
  width: 100%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto; }
  .hfss-message video {
    margin: 24px auto;
    max-width: 600px; }
  .hfss-message .media-wrapper-dialog {
    max-width: 600px;
    margin: auto; }

.content-box {
  border-radius: 8px;
  background-color: var(--color-white);
  filter: drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.08));
  padding: 40px 32px;
  margin-bottom: 24px;
  width: 100%;
  box-sizing: border-box; }
  .content-box .content-box-desc {
    color: var(--color-gray-dark);
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 32px; }
  .content-box:has(> p:first-child), .content-box:has(> h2:first-child) {
    padding-top: 24px; }
  .content-box:has(> p:last-child) {
    padding-bottom: 24px; }

.page-title {
  font-weight: 600;
  font-size: 32px;
  line-height: 39px;
  margin-top: 32px;
  margin-bottom: 16px;
  margin-left: 40px;
  margin-right: 40px; }
  .page-title.page-title-center {
    width: fit-content;
    margin-left: auto;
    margin-right: auto; }
  .page-title.page-title-no-top-margin {
    margin-top: 0; }

.top-warning {
  color: var(--color-black-text);
  background-color: var(--color-yellow);
  font-weight: 500;
  display: flex;
  align-items: center; }
  .top-warning svg {
    margin: 20px;
    margin-right: 12px; }

.z_async_validation {
  position: absolute;
  top: 20px;
  right: 12px; }

.tooltip-inner {
  max-width: 470px;
  padding: 8px;
  color: var(--color-white);
  text-align: center;
  text-decoration: none;
  background-color: var(--color-blackish);
  border-radius: 4px;
  font-size: 14px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.tooltip {
  --arrow-width: 5px;
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 11px;
  line-height: 1.4; }
  .tooltip.top {
    margin-top: -3px;
    padding: 5px 0; }
  .tooltip.right {
    margin-left: 3px;
    padding: 0 5px; }
  .tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0; }
  .tooltip.left {
    margin-left: -3px;
    padding: 0 5px; }
  .tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: calc(-1 * var(--arrow-width));
    border-width: var(--arrow-width) var(--arrow-width) 0;
    border-top-color: var(--color-blackish); }
  .tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: calc(-1 * var(--arrow-width));
    border-width: var(--arrow-width) var(--arrow-width) var(--arrow-width) 0;
    border-right-color: var(--color-blackish); }
  .tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: calc(-1 * var(--arrow-width));
    border-width: var(--arrow-width) 0 var(--arrow-width) var(--arrow-width);
    border-left-color: var(--color-blackish); }
  .tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: calc(-1 * var(--arrow-width));
    border-width: 0 var(--arrow-width) var(--arrow-width);
    border-bottom-color: var(--color-blackish); }

.tooltip-toggle {
  margin-right: 4px;
  height: 20px; }
  .tooltip-toggle > svg {
    width: 20px;
    height: 20px; }

.modal-contact {
  text-align: center;
  line-height: 24px; }

.info-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  line-height: 20px; }
  .info-table td {
    padding: 14px 0; }
    .info-table td:has(.label) {
      padding: 6px 0; }
  .info-table tr + tr {
    border-top: 1px solid var(--color-gray-darker); }
  .info-table.info-table-gap8 td + td {
    padding-left: 8px; }

.notice-wrap {
  width: auto;
  min-width: 250px;
  max-width: 50vw;
  filter: drop-shadow(0px 1.5px 3px rgba(0, 0, 0, 0.3)); }

.notice-item-wrapper {
  overflow-wrap: break-word; }

.notice-item-wrapper + .notice-item-wrapper {
  margin-top: 8px; }

.label, .alert {
  font-size: 14px;
  line-height: 20px;
  padding: 6px 16px;
  border-radius: 4px;
  background-color: var(--color-green-lighter);
  color: var(--color-gray-bg); }

.label {
  font-weight: 600;
  width: fit-content; }
  .label > .icon-button {
    height: 20px;
    vertical-align: middle;
    margin-left: 8px; }
    .label > .icon-button svg {
      width: 14px;
      height: 14px; }

.alert {
  position: relative;
  padding-right: 26px; }
  .alert .close {
    position: absolute;
    top: 8px;
    right: 8px;
    display: block;
    color: var(--color-green-nav);
    cursor: pointer; }
    .alert .close > svg {
      width: 16px;
      height: 16px; }

.label-info, .alert-info {
  background-color: var(--color-gray-bg);
  color: var(--color-blackish); }

.label-info-darker {
  background-color: var(--color-gray-darkish);
  color: var(--color-blackish); }

.alert-success, .label-info-light {
  background-color: var(--color-green-very-light);
  color: var(--color-green-nav); }
  .alert-success .close, .label-info-light .close {
    color: var(--color-green-nav); }

.label-success {
  background-color: var(--color-green-success);
  color: var(--color-green-nav); }

.label-warning, .alert-warning {
  background-color: var(--color-yellow);
  color: var(--color-blackish); }

.label-important, .alert-error {
  background-color: var(--color-red-light);
  color: var(--color-red-dark); }
  .label-important .close, .alert-error .close {
    color: var(--color-red-dark); }

.label-info-green {
  background-color: var(--color-green-very-lighter);
  color: var(--color-green-nav); }

.label-info-green-neon {
  background-color: var(--color-green-neon);
  color: var(--color-green-nav); }

.label-postpaid {
  background-color: var(--color-yellow);
  color: var(--color-blackish); }

.message-warning {
  background-color: var(--color-red-light);
  color: var(--color-red-dark);
  border: 1px solid var(--color-red-dark);
  border-radius: 8px;
  padding: 20px; }

.labels-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 8px;
  margin-bottom: 8px; }
  .labels-list .label {
    margin-bottom: 8px;
    margin-right: 8px; }
  .labels-list.hide {
    display: none; }

.dropdown {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  position: relative; }
  .dropdown .dropdown-toggle {
    display: flex;
    height: 100%;
    align-items: center;
    color: var(--color-white);
    cursor: pointer; }
    .dropdown .dropdown-toggle[disabled] {
      filter: grayscale(0.9) contrast(0.7);
      cursor: not-allowed; }
  .dropdown .dropdown-content {
    display: none;
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    background-color: var(--color-green-lighter);
    color: var(--color-green-whiteish);
    border-radius: 8px;
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.6));
    white-space: nowrap; }
  .dropdown .dropdown-item {
    display: flex;
    align-items: center; }
    .dropdown .dropdown-item a {
      --link-color: var(--color-green-whiteish);
      text-decoration: none;
      color: var(--link-color, inherit);
      font-weight: 400;
      padding: 10px 24px; }
      .dropdown .dropdown-item a:visited {
        color: var(--link-color, inherit); }
      .dropdown .dropdown-item a.active {
        background-color: var(--color-green-very-light); }
      .dropdown .dropdown-item a:hover {
        color: var(--color-green-very-lighter); }
      .dropdown .dropdown-item a.disabled {
        color: var(--color-gray-dark); }
  .dropdown .dropdown-item + .dropdown-item {
    border-top: 1px solid var(--color-green-nav); }

.dropdown.active .dropdown-content {
  display: flex;
  flex-direction: column;
  z-index: 10; }
  .dropdown.active .dropdown-content:popover-open {
    border: none; }
.dropdown.active .dropdown-toggle {
  color: var(--color-green-light); }
  .dropdown.active .dropdown-toggle svg {
    color: var(--color-green-light); }

.dropdown.active-dropup .dropdown-content {
  top: unset;
  bottom: calc(100% + 4px); }

.dropdown.active.dropleft .dropdown-content {
  top: unset;
  bottom: unset;
  right: calc(100% + 4px); }

.gen-browser-table-actions {
  align-items: center;
  margin-top: 24px;
  margin-bottom: 24px; }

.dropdown.gen-browser-column-picker .dropdown-toggle {
  box-sizing: border-box;
  padding: 16px 24px;
  height: auto;
  color: var(--color-green-nav);
  border: 1px solid var(--color-green-nav);
  border-radius: 4px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  margin-left: 32px;
  user-select: none; }
.dropdown.gen-browser-column-picker > .dropdown-toggle {
  gap: 4px; }
  .dropdown.gen-browser-column-picker > .dropdown-toggle .svg-icon {
    width: 16px;
    height: 16px; }
.dropdown.gen-browser-column-picker.active > .dropdown-toggle svg {
  color: inherit; }
.dropdown.gen-browser-column-picker .dropdown-item > a {
  display: flex;
  align-items: center;
  padding-left: 12px; }
  .dropdown.gen-browser-column-picker .dropdown-item > a svg {
    margin-right: 6px; }
  .dropdown.gen-browser-column-picker .dropdown-item > a.depicked svg {
    color: transparent; }

.gen-browser-filter-form table thead th .btn-filter {
  height: unset; }
.gen-browser-filter-form table thead th button.btn-filter {
  min-height: 32px; }

.gen-browser-empty-results {
  font-style: italic;
  text-align: center; }

.gen-browser-pager {
  align-items: center;
  min-height: 96px; }
  .gen-browser-pager > * {
    flex: 1; }
  .gen-browser-pager .gen-browser-pager-select-container {
    display: flex;
    justify-content: end; }
    .gen-browser-pager .gen-browser-pager-select-container > div {
      width: 200px; }

.dropdown.gen-actions-dropdown .dropdown-toggle {
  color: var(--color-green-nav); }
.dropdown.gen-actions-dropdown.active .dropdown-toggle {
  color: var(--color-green-light); }

.loadmask-msg > div {
  border-radius: 4px;
  padding: 5px 5px 5px 22px !important; }

.masked.masksize-fix {
  overflow: visible !important; }
  .masked.masksize-fix .loadmask-msg {
    height: 35px; }

.loadmask-progress.ui-progressbar {
  border-radius: 2em;
  background: var(--color-gray-dark);
  background-color: var(--color-gray-dark); }
  .loadmask-progress.ui-progressbar .ui-progressbar-value {
    border: none;
    height: 120%;
    background: var(--color-green-neon);
    background-color: var(--color-green-neon); }

/* Overlay label and input element */
/* Some of this should be part of the z.inputoverlay.js module. */
p.do_inputoverlay {
  margin: 0px;
  padding: 0px;
  position: relative;
  height: 58px;
  width: 100%; }

p.do_inputoverlay input {
  position: absolute;
  left: 0px;
  background: none !important; }

p.do_inputoverlay span {
  position: absolute;
  left: 20px;
  top: 20px;
  color: var(--color-black-text); }

p.do_inputoverlay span.focus, .on_inputoverlay.focus {
  color: var(--color-black-text); }

p.do_inputoverlay span.hidden {
  display: none; }

.title-with-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.filter-dark {
  filter: brightness(0.5); }

.rejected-warning {
  margin: 4px 0 16px 0;
  max-width: MIN(100%, 773px);
  box-sizing: border-box; }
  .rejected-warning > span {
    font-weight: 600; }

.unmet_requirements ul {
  margin: 0 0 10px 25px !important;
  list-style: inherit; }
.unmet_requirements .field_name, .unmet_requirements .expected_value, .unmet_requirements .received_value {
  font-weight: bold; }
.unmet_requirements .expected_value {
  color: var(--color-green-neon); }
.unmet_requirements .received_value {
  color: var(--color-red); }

.video-placeholder-background {
  background-image: url(/lib/images/video-placeholder.jpeg);
  background-position: center;
  background-size: 110%;
  aspect-ratio: 16/9;
  border-radius: 8px;
  color: var(--color-white); }

.confirm-button {
  width: 45%;
  margin-left: auto; }

.field-of-operation {
  display: block;
  column-count: 2;
  width: fit-content;
  position: relative; }
  .field-of-operation > label {
    padding-top: 8px; }
  .field-of-operation > .error-icon {
    column-span: all; }
  .field-of-operation > .help-inline.error {
    position: absolute;
    bottom: 0;
    left: 20px; }

.progress_container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  margin: auto;
  background-color: var(--color-gray-dark);
  border-radius: 4px;
  width: calc(100% - 50px);
  min-width: 100px;
  height: 8px; }
  .progress_container .progress_bar {
    background-color: var(--color-green-neon);
    height: 8px;
    border-radius: 4px; }

.project-file-list {
  display: flex;
  flex-direction: column;
  background-color: var(--color-white);
  border-radius: 8px;
  overflow-y: auto;
  height: fit-content;
  min-width: min-content;
  filter: drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.08));
  position: relative; }
  .project-file-list.noshadow {
    filter: initial; }
  .project-file-list .project-file {
    display: flex;
    flex-direction: row;
    position: relative;
    padding: 16px;
    border-top: 1px solid var(--color-gray-darker); }
    .project-file-list .project-file input[type="checkbox"] {
      align-self: center; }
    .project-file-list .project-file .project-file-thumbnail {
      width: 88px;
      height: 66px;
      min-width: 88px;
      min-height: 66px;
      border-radius: 8px;
      overflow: hidden;
      margin-right: 16px;
      position: relative; }
      .project-file-list .project-file .project-file-thumbnail .status-bar {
        position: absolute;
        bottom: 0;
        width: 100%;
        font-size: 12px;
        line-height: 22px;
        font-weight: 650;
        text-align: center;
        color: var(--color-white);
        background-color: var(--color-gray-text); }
        .project-file-list .project-file .project-file-thumbnail .status-bar.status-bar-success {
          color: var(--color-black);
          background-color: var(--color-green-neon); }
        .project-file-list .project-file .project-file-thumbnail .status-bar.status-bar-error {
          color: var(--color-white);
          background-color: var(--color-red); }
        .project-file-list .project-file .project-file-thumbnail .status-bar.status-bar-small-text {
          font-size: 10px; }
      .project-file-list .project-file .project-file-thumbnail .validity-warning {
        position: absolute;
        top: 0;
        width: 22px;
        height: 22px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--color-white);
        background-color: var(--color-red);
        border-radius: 0 0 8px 0;
        font-weight: 700;
        font-size: 16px; }
      .project-file-list .project-file .project-file-thumbnail .progress_container {
        bottom: 8px;
        height: 2px;
        width: 64px;
        min-width: unset;
        border-radius: unset; }
        .project-file-list .project-file .project-file-thumbnail .progress_container .progress_bar {
          height: 2px;
          border-radius: unset; }
    .project-file-list .project-file .project-file-info {
      font-size: 12px;
      line-height: 20px;
      font-weight: 400;
      color: var(--color-blackish); }
      .project-file-list .project-file .project-file-info span + span::before {
        content: " – "; }
    .project-file-list .project-file .project-file-filename {
      font-size: 14px;
      line-height: 20px;
      font-weight: 550; }
    .project-file-list .project-file .project-file-status {
      font-size: 14px;
      line-height: 20px;
      font-weight: 500;
      margin-top: auto; }
      .project-file-list .project-file .project-file-status.bad {
        color: var(--color-red); }
      .project-file-list .project-file .project-file-status.good {
        color: HSL(from var(--color-green-neon) h s 33%); }
    .project-file-list .project-file .project-file-selector-actions {
      display: flex; }
      .project-file-list .project-file .project-file-selector-actions .dropdown.active .dropdown-toggle {
        color: var(--color-green-lighter); }
      .project-file-list .project-file .project-file-selector-actions .dropdown-toggle, .project-file-list .project-file .project-file-selector-actions .delete {
        color: var(--color-gray-darker); }
    .project-file-list .project-file.active {
      box-shadow: inset 0 0 0px 1px var(--color-blackish); }
      .project-file-list .project-file.active::after {
        content: '';
        position: absolute;
        display: flex;
        width: 2px;
        height: calc(100% - 20px);
        left: 6px;
        top: 10px;
        background-color: var(--color-blackish); }
    .project-file-list .project-file:has(div:first-child:hover) {
      background-color: var(--color-gray-bg); }
    .project-file-list .project-file:first-child {
      border-top: none;
      border-radius: 8px 8px 0 0; }
    .project-file-list .project-file:last-child {
      border-radius: 0 0 8px 8px; }
    .project-file-list .project-file:first-child:last-child {
      border-radius: 8px 8px 8px 8px; }

.company-info-general {
  margin-top: 32px;
  columns: 2;
  column-gap: 32px;
  padding-bottom: 6px; }
  .company-info-general .input-group {
    break-inside: avoid; }
    .company-info-general .input-group:first-child {
      column-span: all; }

.user-form {
  columns: 2;
  column-gap: 32px;
  padding-bottom: 6px; }
  .user-form .input-group {
    break-inside: avoid; }
    .user-form .input-group.wide {
      column-span: all; }

.submission-history-content-box .content-box-desc {
  margin-bottom: 20px; }
.submission-history-content-box table + .content-box-desc, .submission-history-content-box div + .content-box-desc {
  margin-top: 60px; }
.submission-history-content-box.hide-details .details {
  display: none; }
.submission-history-content-box.hide-details .content-box-desc {
  margin-top: 0; }
.submission-history-content-box .submission-history-table .label {
  white-space: nowrap; }
.submission-history-content-box .submission-history-table td:first-child {
  white-space: nowrap; }
.submission-history-content-box .submission-history-table td {
  padding-right: 12px; }
.submission-history-content-box .submission-history-table td:last-child {
  padding-right: 0; }
.submission-history-content-box .submission-history-table .submission_log_entry_div .rejection-message {
  font-weight: 600;
  color: var(--color-red); }

.progress_col > div {
  display: flex;
  flex-direction: row-reverse;
  gap: 12px; }
.progress_col .progress_status {
  min-width: 150px; }
.progress_col .progress_container {
  position: initial;
  max-width: 300px;
  margin-left: 0; }

.complaint-preview-content {
  position: fixed;
  top: 0;
  box-sizing: border-box;
  left: calc(100% - 40%);
  width: 40%;
  height: 100%;
  z-index: 100;
  overflow-y: auto;
  background-color: var(--color-white);
  box-shadow: -7px 4px 24px rgba(0, 0, 0, 0.35);
  padding: 50px; }
  .complaint-preview-content h2 {
    margin-top: 8px; }

.complaint-details-title {
  display: flex;
  flex-direction: row;
  align-items: center; }
  .complaint-details-title .label {
    margin-left: 16px;
    margin-right: auto; }
  .complaint-details-title button {
    margin-left: 16px; }

.complaint-rejected-message {
  padding: 20px 80px 0 80px; }
  .complaint-rejected-message + .complaint-general-fields {
    margin-top: 40px; }

.complaint-general-fields {
  margin-left: 80px;
  margin-right: 80px;
  margin-top: 80px; }
  .complaint-general-fields ~ .input-group, .complaint-general-fields ~ .content-box {
    margin-left: 80px;
    margin-right: 80px;
    width: calc(100% - 160px); }

.complaint-log-table .label {
  margin-left: auto; }

.commercial-list-thumbnail img {
  border-radius: 8px; }

.hide-emtpy-attachments {
  display: none; }
  .hide-emtpy-attachments:has(#complaint-attachments-list > div) {
    display: flex; }

.modal-body #commercial_submission_history_body > .content-box {
  padding: 0;
  filter: none; }

.trumbowyg {
  background-color: var(--color-white); }

.trumbowyg-modal-title {
  color: var(--color-black-text); }

.technical_requirements_tooltip_inner .tooltip-inner {
  white-space: preserve;
  text-align: justify;
  max-width: MAX(370px, 40vw); }

.collapse-button {
  margin-bottom: auto;
  margin-top: 2px;
  margin-left: 4px; }
  .collapse-button svg {
    width: 16px;
    height: 16px; }
  .collapse-button svg:has(use[href="#svg-chevron-down-icon"]) {
    display: none; }

.table td .expandable-area {
  overflow: hidden; }

.table td .collapsed .expandable-area {
  height: 20px; }
.table td .collapsed .collapse-button svg:has(use[href="#svg-chevron-up-icon"]) {
  display: none; }
.table td .collapsed .collapse-button svg:has(use[href="#svg-chevron-down-icon"]) {
  display: block; }

.expandable-icon {
  display: none; }

.collapsed .expandable-icon {
  display: block; }

.postpaid-current-balance {
  display: flex;
  flex-direction: column;
  align-items: end;
  font-size: 16px;
  line-height: 19px;
  font-weight: 600; }

#top-header {
  display: flex;
  justify-content: space-between;
  background-color: var(--color-green-nav);
  padding: 16px;
  gap: 16px;
  border-bottom: 1px solid var(--color-green-lighter); }
  #top-header #top-logo {
    --link-color: var(--color-white);
    text-decoration: none;
    color: var(--link-color, inherit);
    margin-right: auto;
    display: flex;
    align-items: center;
    gap: 18px; }
    #top-header #top-logo:visited {
      color: var(--link-color, inherit); }
    #top-header #top-logo .logo-first-part {
      font-weight: 700;
      font-size: 20px;
      line-height: 24px;
      letter-spacing: 0.08em;
      width: 47px;
      height: 24px; }
    #top-header #top-logo .logo-second-part {
      font-weight: 600;
      font-size: 14px;
      line-height: 20px;
      height: 20px; }
    #top-header #top-logo .logo-yellow {
      color: var(--color-yellow); }
  #top-header #user-name-display {
    margin-right: 4px; }
  #top-header #set_lang {
    display: flex; }
    #top-header #set_lang button {
      border: 1px solid var(--color-green-lighter);
      border-radius: 0;
      background-color: var(--color-green-nav);
      font-weight: 600;
      font-size: 14px;
      line-height: 16px;
      padding: 7px 11px; }
    #top-header #set_lang button:first-child {
      border-radius: 4px 0 0 4px; }
    #top-header #set_lang button:last-child {
      border-radius: 0 4px 4px 0; }
    #top-header #set_lang button.active {
      background-color: var(--color-green-lighter); }

#main-container {
  background-color: var(--color-gray-bg);
  color: var(--color-black-text);
  flex: 1;
  display: flex;
  flex-direction: column; }
  #main-container #content {
    margin: 32px 24px 24px 24px; }

#logon_outer, #signup_area {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 24px 24px 24px; }
  #logon_outer > .nav-tabs, #signup_area > .nav-tabs {
    max-width: 900px;
    width: 100%;
    box-sizing: border-box;
    margin-top: 40px;
    margin-bottom: 54px; }
  #logon_outer #submit, #signup_area #submit {
    margin-left: auto;
    width: 45%; }

#logon_outer #logon_message, #logon_outer #reminder_text {
  color: var(--color-gray-text);
  text-align: center; }
#logon_outer #logon_box {
  width: 100%;
  max-width: 600px; }
#logon_outer .logon_button .btn-main, #logon_outer #logon_reset_button, #logon_outer #logon_reset_button .btn-main {
  width: 100%; }
#logon_outer .page-title, #logon_outer #reminder_text, #logon_outer #logon_message {
  display: none; }
#logon_outer.logon_reminder .page-title.reminder_title, #logon_outer.logon_reminder #reminder_text {
  display: block; }
#logon_outer.logon_pw .page-title.pw_title, #logon_outer.logon_pw #okta_login, #logon_outer.logon_pw #logon_message {
  display: block; }
#logon_outer.logon_reminder a#logon_reminder_link, #logon_outer.logon_pw a#logon_pw_link {
  display: inline; }
#logon_outer #okta_login {
  display: none;
  margin-top: 24px;
  --link-color: var(--color-green-lighter);
  text-decoration: none;
  color: var(--link-color, inherit);
  font-weight: 600; }
  #logon_outer #okta_login:visited {
    color: var(--link-color, inherit); }
#logon_outer .logon_privacy {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  font-size: 11px;
  text-align: justify; }

#logon_box .content-box {
  padding-bottom: 6px; }

#logon_outer #logon_error_pw, #logon_outer #logon_error_reminder {
  display: none; }
#logon_outer.logon_error #logon_error_pw, #logon_outer.logon_error #logon_error_reminder {
  display: block; }
#logon_outer.logon_password_reset .nav-tabs, #logon_outer.logon_verification_pending .nav-tabs, #logon_outer.logon_verification_sent .nav-tabs {
  display: none; }
#logon_outer.logon_password_reset.logon_error .content-box-desc, #logon_outer.logon_verification_pending.logon_error .content-box-desc, #logon_outer.logon_verification_sent.logon_error .content-box-desc {
  margin-bottom: 16px; }
#logon_outer.logon_password_reset .content-box, #logon_outer.logon_verification_pending .content-box, #logon_outer.logon_verification_sent .content-box {
  padding-bottom: 40px; }
#logon_outer.logon_password_reset.logon_verification_sent .content-box, #logon_outer.logon_verification_pending.logon_verification_sent .content-box, #logon_outer.logon_verification_sent.logon_verification_sent .content-box {
  padding-bottom: 24px; }
#logon_outer #logon_reminder_sent {
  padding-bottom: 40px; }
#logon_outer #logon_password_reset_form, #logon_outer.logon_password_reset #logon_password_reset {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%; }
#logon_outer #logon_verification_pending, #logon_outer #logon_verification_sent {
  padding-top: 40px; }
  #logon_outer #logon_verification_pending > .content-box, #logon_outer #logon_verification_sent > .content-box {
    padding-top: 24px; }
#logon_outer #logon_password_reset .page-title {
  display: block; }
#logon_outer .logon-box-error {
  color: var(--color-red);
  font-weight: 700;
  margin-bottom: 16px; }
#logon_outer #logon_error_captcha_failed {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 8px; }

#signup_area #signup_form {
  max-width: 900px;
  width: 100%;
  box-sizing: border-box; }
  #signup_area #signup_form .content-box {
    columns: 2;
    column-gap: 32px;
    padding-bottom: 6px; }
    #signup_area #signup_form .content-box:nth-child(5) {
      columns: unset; }
    #signup_area #signup_form .content-box .content-box-desc {
      column-span: all; }
    #signup_area #signup_form .content-box .input-group {
      break-inside: avoid; }
    #signup_area #signup_form .content-box:nth-child(-n + 4) > .input-group:nth-child(2) {
      column-span: all; }
  #signup_area #signup_form #invoice_person_fields, #signup_area #signup_form #contact_person_fields {
    columns: 2;
    column-gap: 32px;
    column-span: all; }
  #signup_area #signup_form.error_signup #signup_error_signup, #signup_area #signup_form.error_captcha_failed #signup_error_captcha_failed {
    display: block; }
  #signup_area #signup_form #submit_row .label {
    align-self: center;
    margin-bottom: 4px; }
  #signup_area #signup_form #signup_error_captcha_failed {
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto; }

#signup_confirm_form .content-box {
  padding-bottom: 46px; }
  #signup_confirm_form .content-box:has(#confirm_error:not([style*="none"])) {
    padding-bottom: 0px; }

#main-navbar-wrapper {
  position: relative;
  z-index: 15;
  background-color: var(--color-green-nav); }
  #main-navbar-wrapper ul#main-nav {
    background-color: var(--color-green-nav);
    padding: 0;
    margin: 0; }
    #main-navbar-wrapper ul#main-nav li {
      display: flex;
      align-items: center;
      height: 64px;
      border-bottom: 1px solid var(--color-green-lighter); }
      #main-navbar-wrapper ul#main-nav li svg {
        color: var(--color-green-very-light); }
      #main-navbar-wrapper ul#main-nav li a {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100%;
        gap: 8px;
        margin: 0 20px;
        color: var(--color-green-very-light); }
        #main-navbar-wrapper ul#main-nav li a span {
          display: none; }
        #main-navbar-wrapper ul#main-nav li a:hover {
          filter: drop-shadow(0px 0px 1px color-mix(in srgb, currentColor 50%, transparent)); }
      #main-navbar-wrapper ul#main-nav li.active {
        background-color: var(--color-gray-bg); }
        #main-navbar-wrapper ul#main-nav li.active a, #main-navbar-wrapper ul#main-nav li.active svg {
          color: var(--color-black-text); }
  #main-navbar-wrapper:hover {
    width: 64px; }
    #main-navbar-wrapper:hover ul#main-nav {
      position: absolute; }
      #main-navbar-wrapper:hover ul#main-nav li.active {
        border-right: 4px solid var(--color-green-nav); }
      #main-navbar-wrapper:hover ul#main-nav li a span {
        display: flex; }

.modal #change_password_form .input-group {
  width: 400px; }

#project-general-data {
  display: flex;
  gap: 80px;
  padding-left: 120px;
  padding-right: 120px; }
  #project-general-data > div {
    flex: 1; }

#commercial-details-content .project-file-list-container {
  max-height: 520px;
  flex: 1; }
  #commercial-details-content .project-file-list-container .multiple-prolong-button, #commercial-details-content .project-file-list-container .multiple-order-button, #commercial-details-content .project-file-list-container .multiple-order-container, #commercial-details-content .project-file-list-container #upload-technical-correction {
    display: none; }
  #commercial-details-content .project-file-list-container:has(.project-file[data-can-submit='true']) .multiple-order-button, #commercial-details-content .project-file-list-container:has(.project-file[data-can-submit='true']) .multiple-order-container {
    display: flex; }
  #commercial-details-content .project-file-list-container:has(.project-file[data-can-prolong='true']) .multiple-prolong-button, #commercial-details-content .project-file-list-container:has(.project-file[data-can-prolong='true']) .multiple-order-container {
    display: flex; }
  #commercial-details-content .project-file-list-container:has(.project-file.active[data-can-correct='true']) #upload-technical-correction {
    display: flex; }
#commercial-details-content .swappable-more-actions {
  align-items: center; }
  #commercial-details-content .swappable-more-actions .delete:has(+ .dropdown .dropdown-item + .dropdown-item) {
    display: none; }
  #commercial-details-content .swappable-more-actions .dropdown {
    display: none; }
    #commercial-details-content .swappable-more-actions .dropdown:has(.dropdown-item:not(.dropdown-item-delete)) {
      display: flex; }
#commercial-details-content .project-file-filename.swappable-more-actions .dropdown-toggle {
  color: var(--color-green-lighter); }
#commercial-details-content .project-file-filename.swappable-more-actions.active .dropdown-toggle {
  color: var(--color-green-light); }
#commercial-details-content .project-file div:first-child:hover {
  cursor: pointer; }
#commercial-details-content .project-file-details {
  flex: 2; }
  #commercial-details-content .project-file-details > .media-wrapper-dialog {
    flex: 1;
    display: flex;
    flex-direction: column; }
    #commercial-details-content .project-file-details > .media-wrapper-dialog .over-player-warning {
      max-width: MIN(100%, 773px);
      box-sizing: border-box; }
    #commercial-details-content .project-file-details > .media-wrapper-dialog video {
      max-width: MIN(100%, 773px); }
  #commercial-details-content .project-file-details .video-placeholder-container {
    position: relative;
    color: var(--color-white);
    min-width: 385px;
    max-width: MIN(100%, 773px); }
    #commercial-details-content .project-file-details .video-placeholder-container .video-placeholder-background {
      filter: brightness(0.5); }
    #commercial-details-content .project-file-details .video-placeholder-container .progress_percent {
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
      top: calc(30% - MAX(15px, 2vh));
      width: fit-content;
      font-size: max(30px, 4vh);
      font-weight: 500;
      filter: drop-shadow(0px 0px 2px black); }
    #commercial-details-content .project-file-details .video-placeholder-container .progress_status {
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
      bottom: calc(30px);
      width: fit-content;
      max-width: 75%;
      font-size: 15px;
      filter: drop-shadow(0px 0px 2px black); }
    #commercial-details-content .project-file-details .video-placeholder-container .progress_text {
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
      width: fit-content;
      top: calc(30% + 40px);
      filter: drop-shadow(0px 0px 2px black); }
    #commercial-details-content .project-file-details .video-placeholder-container .eta {
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
      width: fit-content;
      top: calc(30% + 68px);
      filter: drop-shadow(0px 0px 2px black); }
    #commercial-details-content .project-file-details .video-placeholder-container .video-placeholder-content {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      aspect-ratio: 16/9;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      font-weight: 550; }
      #commercial-details-content .project-file-details .video-placeholder-container .video-placeholder-content .svg-icon {
        width: 32px;
        height: 32px;
        margin-bottom: 20px; }
      #commercial-details-content .project-file-details .video-placeholder-container .video-placeholder-content > div {
        text-align: center; }
    #commercial-details-content .project-file-details .video-placeholder-container .for-progress {
      display: none; }
    #commercial-details-content .project-file-details .video-placeholder-container.uploading .for-progress {
      display: initial; }
    #commercial-details-content .project-file-details .video-placeholder-container.uploading .for-pause {
      display: none; }
  #commercial-details-content .project-file-details .over-player-warning {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 16px;
    border-radius: 8px 8px 0 0;
    color: var(--color-red-dark);
    background-color: var(--color-red-light); }
    #commercial-details-content .project-file-details .over-player-warning + .video-placeholder-background {
      border-radius: 0 0 8px 8px; }
  #commercial-details-content .project-file-details .project-file-filename {
    margin-bottom: 32px;
    align-items: center;
    gap: 16px;
    min-height: 48px;
    position: relative; }
    #commercial-details-content .project-file-details .project-file-filename h2 {
      margin-top: 0px;
      margin-bottom: 0px; }
    #commercial-details-content .project-file-details .project-file-filename .dropdown, #commercial-details-content .project-file-details .project-file-filename .delete {
      margin-left: auto; }
    #commercial-details-content .project-file-details .project-file-filename svg {
      width: 32px;
      height: 32px; }
    #commercial-details-content .project-file-details .project-file-filename .bng-id {
      position: absolute;
      font-size: 14px;
      color: var(--color-gray-text);
      bottom: -20px;
      left: 0; }
    #commercial-details-content .project-file-details .project-file-filename .sticky-filename.sticked {
      padding: 0 12px 8px 12px;
      border-radius: 0 0 8px 8px;
      background-color: var(--color-gray-bg);
      filter: drop-shadow(0px 1.5px 3px rgba(0, 0, 0, 0.3)); }
  #commercial-details-content .project-file-details .project-file-details-second-pane {
    min-width: 19.7vw; }
#commercial-details-content .drag-drop-upload-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%; }
  #commercial-details-content .drag-drop-upload-container .drag-drop-upload-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    width: 520px;
    height: 210px;
    border: 2px dashed var(--color-green-light);
    border-radius: 8px;
    cursor: pointer;
    margin-top: 5vh; }
    #commercial-details-content .drag-drop-upload-container .drag-drop-upload-card:hover .drag-drop-upload-plus, #commercial-details-content .drag-drop-upload-container .drag-drop-upload-card.during-drag .drag-drop-upload-plus {
      filter: drop-shadow(0px 0px 1px color-mix(in srgb, currentColor 50%, transparent)); }
    #commercial-details-content .drag-drop-upload-container .drag-drop-upload-card .drag-drop-upload-plus {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 32px;
      height: 32px;
      min-width: 32px;
      min-height: 32px;
      font-size: 26px;
      border: 2px solid var(--color-green-nav);
      border-radius: 50%;
      color: var(--color-green-nav); }
    #commercial-details-content .drag-drop-upload-container .drag-drop-upload-card .drag-drop-upload-text {
      font-size: 14px;
      font-height: 20px;
      font-weight: 500;
      color: var(--color-green-nav);
      width: 260px;
      text-align: center; }
#commercial-details-content .technical_requirements_tooltip_inner .tooltip-inner {
  white-space: preserve;
  text-align: justify;
  max-width: MAX(370px, 40vw); }
#commercial-details-content .project-files-tab {
  display: flex;
  gap: 32px; }
#commercial-details-content .project-file-list-container, #commercial-details-content #project-file-details, #commercial-details-content #project-files-metadata {
  display: none; }
#commercial-details-content #project-file-details:has(#filenames-list) {
  display: flex;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto; }
  #commercial-details-content #project-file-details:has(#filenames-list) + .drag-drop-upload-container {
    display: none; }
#commercial-details-content:has(.project-file) .project-file-list-container, #commercial-details-content:has(.project-file) #project-file-details {
  display: flex; }
#commercial-details-content:has(.project-file) #project-files-metadata {
  display: block; }
#commercial-details-content:has(.project-file) .drag-drop-upload-container {
  display: none; }
#commercial-details-content:has(.project-file) #project-file-details:has(#filenames-list) {
  max-width: unset; }
#commercial-details-content.shared-file {
  max-width: MIN(100%, 773px);
  margin-left: auto;
  margin-right: auto; }

#project-files-metadata .metadata-header {
  margin-top: 48px;
  margin-bottom: 24px; }
  #project-files-metadata .metadata-header h2 {
    margin-top: 0;
    margin-bottom: 0; }

#delete-copyright-expiration {
  color: var(--color-red);
  cursor: pointer;
  position: absolute;
  top: 18px;
  right: 10px; }

#commercial_header {
  display: flex;
  min-height: 48px;
  align-items: center;
  gap: 16px;
  margin-bottom: 64px; }
  #commercial_header > span {
    margin-right: auto;
    word-break: break-word; }
  #commercial_header #breadcrumbs {
    margin-right: auto; }

#commercial_filter_query_form {
  margin-right: auto; }
  #commercial_filter_query_form #commercial_filter_query {
    width: 500px; }
    #commercial_filter_query_form #commercial_filter_query::placeholder {
      background-image: url(/lib/images/icon-search.svg);
      background-repeat: no-repeat;
      background-size: 24px;
      background-position: 18px 16px; }
    #commercial_filter_query_form #commercial_filter_query:placeholder-shown {
      text-indent: 26px; }

#keyframes_list {
  columns: 3;
  margin-left: 4px;
  margin-right: 4px; }
  #keyframes_list label {
    margin-right: 12px;
    margin-bottom: 12px;
    padding: 2px;
    cursor: pointer; }
    #keyframes_list label img {
      border-radius: 3px; }
    #keyframes_list label:has(input:checked) {
      outline: 2px solid var(--color-green-light);
      border-radius: 4px; }

#edit-all-data-form {
  columns: 2;
  column-gap: 80px;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto; }
  #edit-all-data-form > div {
    break-inside: avoid; }

#multiple-order-body .project-file div:first-child > label:hover {
  cursor: pointer; }

#choose-payment-form h4 {
  margin-top: 0; }
#choose-payment-form .input-group {
  padding-bottom: 0; }
#choose-payment-form .paymentOperatorLabel {
  padding-left: 0px; }
  #choose-payment-form .paymentOperatorLabel + .paymentOperatorLabel {
    margin-left: 12px; }
#choose-payment-form .paymentOperator {
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
  border-width: 3px;
  border-radius: 10px;
  border-style: solid;
  padding: 12px;
  border-color: var(--color-gray-darker); }
#choose-payment-form .borderSelected {
  border-color: var(--color-green-light); }
#choose-payment-form #payment_operators img {
  margin-bottom: 10px;
  float: left;
  height: 28px; }
#choose-payment-form #payment_operators img + img {
  margin-left: 10px; }
#choose-payment-form .paypal-whatis {
  margin-top: 4px;
  margin-left: 8px; }
#choose-payment-form #postpaid-div {
  font-weight: bold; }

#json-viewer ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  margin-left: 1em; }
#json-viewer .json-key {
  font-weight: 650; }
#json-viewer .ui-icon {
  float: left;
  margin-right: 3px;
  margin-top: 0px; }
#json-viewer .childless {
  margin-left: 18px; }

#comments-list {
  list-style: none;
  word-break: break-word; }
  #comments-list li {
    padding: 4px 12px; }
    #comments-list li .comment-header, #comments-list li .comment-meta {
      display: flex;
      align-items: center;
      gap: 8px; }
    #comments-list li .comment-header {
      font-weight: 600; }
    #comments-list li .comment-meta {
      margin-left: auto;
      color: var(--color-gray-text); }

#prices-container h2 {
  margin-top: 61px;
  margin-bottom: 16px; }

#company-select-div {
  gap: 16px; }
  #company-select-div > .select2 {
    flex: 1; }
  #company-select-div button {
    align-items: center; }

#submission-history-filter {
  padding: 40px 0;
  gap: 40px; }
  #submission-history-filter .select2-container {
    width: fit-content !important;
    min-width: 300px; }
  #submission-history-filter input[type="checkbox"] {
    margin-right: 8px; }

#complaint-form {
  margin: MIN(80px, 5vw) MIN(80px, 5vw) 0 MIN(80px, 5vw); }
  #complaint-form .complaint-fields > div + div {
    margin-left: MIN(80px, 5vw); }
  #complaint-form .complaint-fields > .hide + div {
    margin-left: 0; }
  #complaint-form .complaint-fields > div {
    width: calc(50% - MIN(40px, 2.5vw)); }

#edit-complaint-form + .content-box {
  margin-left: 80px;
  margin-right: 80px;
  width: calc(100% - 160px); }
#edit-complaint-form #priority + .select2-container .select2-selection {
  padding: 12px 14px; }
#edit-complaint-form #attachments {
  display: none; }
#edit-complaint-form label .btn {
  cursor: pointer; }

#complaints_list table tr.active {
  background-color: var(--color-green-very-light); }

#help-content #TOC {
  font-size: 16px;
  line-height: 24px;
  margin-top: 24px;
  margin-bottom: 24px; }
  #help-content #TOC ul {
    list-style: none;
    margin-bottom: 8px; }
  #help-content #TOC > ul {
    padding-left: 0; }
    #help-content #TOC > ul > li {
      margin-bottom: 8px; }
  #help-content #TOC .toc-section-number::after {
    content: "."; }
#help-content h1 {
  font-size: 1.5em;
  margin-bottom: 12px; }
#help-content h2 {
  font-size: 1.17em;
  margin-top: 32px;
  margin-bottom: 12px; }
#help-content h1 + h2 {
  margin-top: 0; }
#help-content .header-section-number::after {
  content: "."; }
#help-content li {
  line-height: 24px; }
#help-content .content-box {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto; }
  #help-content .content-box > h1 {
    margin-top: 0; }
#help-content table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  line-height: 20px; }
  #help-content table td, #help-content table th {
    padding: 14px 0; }
  #help-content table th {
    border-bottom: 1px solid var(--color-gray-darker); }
  #help-content table tr + tr {
    border-top: 1px solid var(--color-gray-darker); }
  #help-content table td + td, #help-content table th + th {
    padding-left: 8px; }
#help-content figure {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin-top: 24px;
  margin-bottom: 24px; }
  #help-content figure img {
    max-width: 100%; }

#copy-metadata-form {
  width: 60vw;
  max-width: 1000px; }
  #copy-metadata-form .select2-container {
    max-width: initial; }
  #copy-metadata-form .input-group:first-child {
    padding-bottom: 16px; }

#add_submission_form .input-group:not(:has(div)) {
  padding-bottom: 0; }

/*# sourceMappingURL=common.css.map */

#ui-datepicker-div {
	display: none;
}

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

/* Component containers
----------------------------------*/
.ui-datepicker .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-datepicker .ui-widget input, .ui-datepicker .ui-widget select, .ui-datepicker .ui-widget textarea, .ui-datepicker .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-datepicker .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(../images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-datepicker .ui-widget-content a { color: #222222; }
.ui-datepicker .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(../images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-datepicker .ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-datepicker .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 ../images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; }
.ui-datepicker .ui-state-default a, .ui-datepicker .ui-state-default a:link, .ui-datepicker .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; }
.ui-datepicker .ui-state-hover, .ui-datepicker .ui-widget-content .ui-state-hover, .ui-datepicker .ui-state-focus, .ui-datepicker .ui-widget-content .ui-state-focus { border: 1px solid #999999; background: #dadada url(../images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-datepicker .ui-state-hover a, .ui-datepicker .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; }
.ui-datepicker .ui-state-active, .ui-datepicker .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(../images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-datepicker .ui-state-active a, .ui-datepicker .ui-state-active a:link, .ui-datepicker .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-datepicker .ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(../images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(../images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(../images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(../images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(../images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(../images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(../images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(../images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

.ui-datepicker { width: 17em; padding: .2em .2em 0; border: 1px solid #aaaaaa; background: #ffffff url(../images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222;}
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/*  Growl notices stylesheet
----------------------------------------------------------

@package:	Zotonic 2009	
@Author: 	Tim Benniks <tim@timbenniks.nl>

Copyright 2009 Tim Benniks

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
 
http://www.apache.org/licenses/LICENSE-2.0
 
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

---------------------------------------------------------- */
.notice-wrap {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 9999; }

* html .notice-wrap {
  position: absolute; }

.notice-item {
  height: auto;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 6px 6px 0 6px;
  display: block;
  position: relative;
  margin: 0 0 12px 0;
  font-size: 11px; }

.notice-item-close {
  position: absolute;
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  right: 6px;
  top: 0;
  cursor: pointer; }

/*# sourceMappingURL=z.growl.css.map */

.loadmask {
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  -moz-opacity: 0.5;
  opacity: 0.50;
  filter: alpha(opacity=50);
  background-color: #EEE;
  width: 100%;
  height: 100%;
  zoom: 1; }

.loadmask-msg {
  z-index: 20001;
  position: absolute;
  top: 0;
  left: 0;
  padding: 2px; }

.loadmask-msg > div {
  padding: 5px 5px 5px 25px;
  background: #fbfbfb url("/lib/images/loading.gif") no-repeat 5px 5px;
  min-height: 15px;
  line-height: 16px;
  border: 1px solid #a3bad9;
  color: #222;
  font: normal 11px tahoma, arial, helvetica, sans-serif;
  cursor: wait; }

.loadmask-progress {
  position: absolute;
  top: 40%;
  left: 25%;
  width: 50%;
  height: 12px;
  z-index: 20002;
  background-color: white;
  padding: 1px;
  border: 1px solid #222; }

.loadmask-progress .ui-progressbar-value {
  background-color: #222;
  height: 100%; }

.masked {
  overflow: hidden !important;
  /*    -moz-opacity: 0.6;
      opacity: 0.6;
      filter: alpha(opacity=60);*/ }

.masked-relative {
  position: relative !important; }

.masked-hidden {
  visibility: hidden !important; }

/*# sourceMappingURL=jquery.mediabin-loadmask.css.map */