/* compiled by scssphp v0.7.6 on Thu, 07 Aug 2025 10:39:49 +0000 (0.2149s) */

/**
 * GLOBAL VALUES
 *
 * This file is expected to be included in module scss files
 * so try to avoid generating any output here - define functions
 * mixins and variables only!
 */
/**
 * F U N C T I O N S
 */
/**
 * End of globals.scss
 */
form#localisationorder_create textarea {
  width: 100%; }
  form#localisationorder_create #Tags input {
    width: 100%; }
  form#localisationorder_create .localisation-asset-select, form#localisationorder_create .localisation-asset-filter {
    width: 640px;
    margin-bottom: 16px; }
    form#localisationorder_create .localisation-asset-select input.localisation-asset-select-filter, form#localisationorder_create .localisation-asset-filter input.localisation-asset-select-filter {
      width: 70%; }
    form#localisationorder_create .localisation-asset-select select.localisation-asset-select-filter, form#localisationorder_create .localisation-asset-filter select.localisation-asset-select-filter {
      width: 25%; }
    form#localisationorder_create .localisation-asset-select .localisation-asset-select-list, form#localisationorder_create .localisation-asset-filter .localisation-asset-select-list {
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
      align-items: stretch;
      margin: 12px 0 6px 0;
      width: 652px;
      max-height: 302px;
      overflow-y: auto;
      overflow-x: hidden; }
      form#localisationorder_create .localisation-asset-select .localisation-asset-select-list .localisation-asset-preview, form#localisationorder_create .localisation-asset-filter .localisation-asset-select-list .localisation-asset-preview {
        margin: 0 12px 12px 0;
        box-shadow: 0px 3px 5px #c0c0c0; }
    form#localisationorder_create .localisation-asset-select .localisation-asset-select-no-matches, form#localisationorder_create .localisation-asset-filter .localisation-asset-select-no-matches {
      color: #f00;
      font-weight: bold;
      margin-bottom: 12px; }
    form#localisationorder_create .localisation-asset-select .localisation-asset-preview, form#localisationorder_create .localisation-asset-filter .localisation-asset-preview {
      width: 200px;
      /*box-shadow:5px 5px 5px #c0c0c0;*/ }
      form#localisationorder_create .localisation-asset-select .localisation-asset-preview .thumbnail, form#localisationorder_create .localisation-asset-filter .localisation-asset-preview .thumbnail {
        height: 127px; }
        form#localisationorder_create .localisation-asset-select .localisation-asset-preview .thumbnail .preview_video, form#localisationorder_create .localisation-asset-filter .localisation-asset-preview .thumbnail .preview_video {
          height: 127px;
          background-size: 100% 100%;
          display: block;
          background-size: contain;
          background-position: center;
          background-repeat: no-repeat; }
        form#localisationorder_create .localisation-asset-select .localisation-asset-preview .thumbnail .preview_link, form#localisationorder_create .localisation-asset-filter .localisation-asset-preview .thumbnail .preview_link {
          height: 127px;
          background-size: contain;
          display: block;
          background-position: center;
          background-repeat: no-repeat; }
        form#localisationorder_create .localisation-asset-select .localisation-asset-preview .thumbnail .play, form#localisationorder_create .localisation-asset-filter .localisation-asset-preview .thumbnail .play {
          font-size: 4em;
          color: #e0e0e0;
          display: flex;
          width: 100%;
          height: 100%;
          align-items: center;
          justify-content: center; }
        form#localisationorder_create .localisation-asset-select .localisation-asset-preview .thumbnail .no-thumbnail, form#localisationorder_create .localisation-asset-filter .localisation-asset-preview .thumbnail .no-thumbnail {
          background-color: #c0c0c0;
          display: flex;
          width: 100%;
          height: 127px;
          align-items: center;
          justify-content: center; }
      form#localisationorder_create .localisation-asset-select .localisation-asset-preview .asset-caption, form#localisationorder_create .localisation-asset-filter .localisation-asset-preview .asset-caption {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 4px; }
      form#localisationorder_create .localisation-asset-select .localisation-asset-preview .asset-preview-name, form#localisationorder_create .localisation-asset-filter .localisation-asset-preview .asset-preview-name {
        overflow: hidden;
        text-overflow: ellipsis; }
      form#localisationorder_create .localisation-asset-select .localisation-asset-preview .asset-note, form#localisationorder_create .localisation-asset-filter .localisation-asset-preview .asset-note {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 4px;
        padding-top: 0;
        min-height: 0px;
        max-height: 15px;
        line-height: 15px;
        white-space: nowrap; }
  form#localisationorder_create #Languages td.form_data .noneMsg {
    display: inline-block;
    height: 20px;
    padding-top: 4px; }
    form#localisationorder_create #Languages td.form_data .checkboxgrid table {
      display: block; }
      form#localisationorder_create #Languages td.form_data .checkboxgrid table tr {
        display: inline-block; }
        form#localisationorder_create #Languages td.form_data .checkboxgrid table tr td {
          display: inline-block;
          white-space: nowrap; }
          form#localisationorder_create #Languages td.form_data .checkboxgrid table tr td label {
            position: relative;
            top: -3px; }

.localisation-order-review-container {
  border: 1px solid #808080; }
  .localisation-order-review-container .localisation-order-review {
    display: flex;
    border-top: 1px solid #808080;
    padding: 8px; }
  .localisation-order-review-container .localisation-order-review-header {
    background-color: #404040;
    color: white;
    display: flex;
    padding: 4px; }
  .localisation-order-review-container .localisation-order-review-header > div:first-child {
    padding: 0 80px 0 320px; }
  .localisation-order-review-container .localisation-order-review-thumbnail {
    width: 300px;
    /*box-shadow:5px 5px 5px #c0c0c0;*/ }
    .localisation-order-review-container .localisation-order-review-thumbnail .thumbnail {
      height: 170px; }
    .localisation-order-review-container .localisation-order-review-thumbnail .thumbnail .preview_video {
      height: 170px;
      background-size: 100% 100%;
      display: block;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat; }
    .localisation-order-review-container .localisation-order-review-thumbnail .thumbnail .preview_link {
      height: 170px;
      background-size: contain;
      display: block;
      background-position: center;
      background-repeat: no-repeat; }
    .localisation-order-review-container .localisation-order-review-thumbnail .thumbnail .play {
      font-size: 4em;
      color: #e0e0e0;
      display: flex;
      width: 100%;
      height: 100%;
      align-items: center;
      justify-content: center; }
    .localisation-order-review-container .localisation-order-review-thumbnail .thumbnail .no-thumbnail {
      background-color: #c0c0c0;
      display: flex;
      width: 100%;
      height: 170px;
      align-items: center;
      justify-content: center; }
    .localisation-order-review-container .localisation-order-review-thumbnail .asset-caption {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 4px; }
    .localisation-order-review-container .localisation-order-review-thumbnail .asset-preview-name {
      overflow: hidden;
      text-overflow: ellipsis; }
    .localisation-order-review-container .localisation-order-review-thumbnail .asset-note {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      padding: 4px;
      padding-top: 0;
      min-height: 0px;
      max-height: 15px;
      line-height: 15px;
      white-space: nowrap; }
  .localisation-order-review-container .localisation-order-review-fields {
    padding-left: 8px; }
    .localisation-order-review-container .localisation-order-review-fields .field-name {
      font-weight: 600;
      padding-right: 8px; }
    .localisation-order-review-container .localisation-order-review-fields .field-value {
      font-weight: normal;
      max-width: 350px;
      overflow-wrap: break-word;
      word-wrap: break-word;
      word-break: break-word; }

.localisation-order-review-supporting-files {
  border: 1px solid;
  min-height: 80px;
  margin-top: 10px; }
  .localisation-order-review-supporting-files .label {
    background-color: #404040;
    color: white;
    display: flex;
    padding: 4px;
    font-weight: bold;
    font-size: 12px; }
  .localisation-order-review-supporting-files .files {
    min-height: 80px; }
    .localisation-order-review-supporting-files .files table tr:first-child {
      display: none; }
    .localisation-order-review-supporting-files .files table table tr:first-child {
      display: table-row; }
  .localisation-order-review-supporting-files .buttons {
    height: 40px; }
    .localisation-order-review-supporting-files .buttons a {
      margin-top: 10px;
      float: right; }

#view_localisation_order {
  margin-top: 0px;
  font-family: Arial, Helvetica, sans-serif; }
  #view_localisation_order .header {
    background-color: #404040;
    color: white;
    display: flex;
    padding: 4px;
    font-weight: bold;
    font-size: 12px; }
  #view_localisation_order .details {
    border: 1px solid;
    padding: 8px;
    min-height: 180px; }
    #view_localisation_order .details .preview {
      width: 300px;
      /*box-shadow:5px 5px 5px #c0c0c0;*/
      width: 300px;
      float: left; }
    #view_localisation_order .details .preview .thumbnail {
      height: 170px; }
      #view_localisation_order .details .preview .thumbnail .preview_video {
        height: 170px;
        background-size: 100% 100%;
        display: block;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat; }
      #view_localisation_order .details .preview .thumbnail .preview_link {
        height: 170px;
        background-size: contain;
        display: block;
        background-position: center;
        background-repeat: no-repeat; }
      #view_localisation_order .details .preview .thumbnail .play {
        font-size: 4em;
        color: #e0e0e0;
        display: flex;
        width: 100%;
        height: 100%;
        align-items: center;
        justify-content: center; }
      #view_localisation_order .details .preview .thumbnail .no-thumbnail {
        background-color: #c0c0c0;
        display: flex;
        width: 100%;
        height: 170px;
        align-items: center;
        justify-content: center; }
    #view_localisation_order .details .preview .asset-caption {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 4px; }
    #view_localisation_order .details .preview .asset-preview-name {
      overflow: hidden;
      text-overflow: ellipsis; }
    #view_localisation_order .details .preview .asset-note {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      padding: 4px;
      padding-top: 0;
      min-height: 0px;
      max-height: 15px;
      line-height: 15px;
      white-space: nowrap; }
    #view_localisation_order .details .main_details {
      margin-left: 315px;
      display: table;
      font-size: 12px; }
    #view_localisation_order .details .main_details .item {
      display: table-row; }
      #view_localisation_order .details .main_details .item .label {
        display: table-cell;
        font-weight: 600;
        padding-right: 8px; }
      #view_localisation_order .details .main_details .item .value {
        display: table-cell;
        font-weight: normal;
        max-width: 350px;
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-word; }
  #view_localisation_order .general_notes {
    border: 1px solid;
    min-height: 80px;
    margin-top: 10px; }
    #view_localisation_order .general_notes .label {
      background-color: #404040;
      color: white;
      display: flex;
      padding: 4px;
      font-weight: bold;
      font-size: 12px; }
    #view_localisation_order .general_notes p {
      margin-top: 0;
      height: 61px;
      padding: 8px;
      padding-bottom: 4px;
      overflow: hidden;
      text-overflow: ellipsis;
      resize: vertical; }
    #view_localisation_order .general_notes .buttons {
      height: 35px;
      padding: 8px;
      padding-top: 0; }
    #view_localisation_order .general_notes .buttons a {
      float: right; }
  #view_localisation_order .notifications {
    border: 1px solid;
    min-height: 40px;
    margin-top: 10px; }
    #view_localisation_order .notifications .label {
      background-color: #404040;
      color: white;
      display: flex;
      padding: 4px;
      font-weight: bold;
      font-size: 12px; }
    #view_localisation_order .notifications div.content {
      margin-top: 0;
      padding: 8px;
      font-size: 12px; }
    #view_localisation_order .notifications div.content ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
      display: inline; }
      #view_localisation_order .notifications div.content ul li {
        display: inline; }
      #view_localisation_order .notifications div.content ul li input {
        padding: 0;
        margin: 0;
        position: relative;
        top: 2px; }
      #view_localisation_order .notifications div.content ul li:after {
        content: ', ';
        position: relative;
        left: -2px; }
      #view_localisation_order .notifications div.content ul li:last-child:after {
        content: ''; }
  #view_localisation_order .asset_files.closed {
    height: 22px;
    overflow: hidden;
    min-height: 0px; }
    #view_localisation_order .asset_files.closed .label .expando {
      background-image: url('../look and feel/images/expand.png'); }
  #view_localisation_order .asset_files {
    border: 1px solid;
    min-height: 80px;
    margin-top: 10px; }
    #view_localisation_order .asset_files .label {
      position: relative;
      background-color: #404040;
      color: white;
      display: flex;
      padding: 4px;
      font-weight: bold;
      font-size: 12px; }
    #view_localisation_order .asset_files .label .expando {
      background-image: url('../look and feel/images/minimize.png');
      background-size: 18px 18px;
      background-repeat: no-repeat;
      width: 18px;
      height: 18px;
      position: absolute;
      right: 2px;
      top: 2px; }
    #view_localisation_order .asset_files .up_link {
      display: block;
      margin-left: 3px;
      margin-top: 6px;
      margin-bottom: 3px; }
    #view_localisation_order .asset_files .folders table tr.results_header {
      display: none; }
      #view_localisation_order .asset_files .folders table tr td.results_data_odd {
        background-color: #f1f1f1; }
      #view_localisation_order .asset_files .folders table tr td.results_data_even {
        background-color: #fff; }
    #view_localisation_order .asset_files .files {
      display: table;
      width: 755px;
      margin: 10px;
      border: 1px solid #e0e0e0;
      border-radius: 8px; }
    #view_localisation_order .asset_files .files .file {
      display: table-row;
      font-size: 12px; }
      #view_localisation_order .asset_files .files .file .icon {
        display: table-cell;
        width: 100px;
        padding: 5px; }
      #view_localisation_order .asset_files .files .file .icon a img {
        height: 40px; }
      #view_localisation_order .asset_files .files .file div {
        display: table-cell;
        vertical-align: middle;
        padding: 5px; }
    #view_localisation_order .asset_files .files .file:nth-child(odd) {
      background-color: #f5f5f5; }
  #view_localisation_order .supporting_files {
    border: 1px solid;
    min-height: 0px;
    margin-top: 10px; }
    #view_localisation_order .supporting_files .label {
      background-color: #404040;
      color: white;
      display: flex;
      padding: 4px;
      font-weight: bold;
      font-size: 12px; }
    #view_localisation_order .supporting_files .files {
      min-height: 0px; }
    #view_localisation_order .supporting_files .files table tr:first-child {
      display: none; }
      #view_localisation_order .supporting_files .files table table tr:first-child {
        display: table-row; }
    #view_localisation_order .supporting_files .buttons {
      height: 40px;
      padding: 8px; }
    #view_localisation_order .supporting_files .buttons a {
      margin-top: 10px;
      float: right; }
  #view_localisation_order .subtitles {
    border: 1px solid;
    margin-top: 10px; }
    #view_localisation_order .subtitles .label {
      background-color: #404040;
      color: white;
      display: flex;
      padding: 4px;
      font-weight: bold;
      font-size: 12px; }
    #view_localisation_order .subtitles .buttons {
      height: 40px;
      padding: 8px; }
    #view_localisation_order .subtitles .buttons a {
      margin-top: 10px;
      float: right; }
  #view_localisation_order .tasks {
    min-height: 80px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px black solid;
    padding-top: 0; }
    #view_localisation_order .tasks table.results tr.results_header th {
      font-size: 14px;
      padding: 4px;
      background-color: #404040;
      color: white; }

body#LocalisationMyOrders #menu_panel {
  display: none; }
  body#LocalisationMyOrders #mainContainer {
    margin: 0px; }
    body#LocalisationMyOrders #mainContainer table#breadcrumb {
      width: 980px; }
  body#LocalisationMyOrders table.white_content_panel {
    width: 980px;
    padding-top: 5px;
    position: relative; }
    body#LocalisationMyOrders table.white_content_panel form#MyOrdersFilter table {
      display: inline-block; }
      body#LocalisationMyOrders table.white_content_panel form#MyOrdersFilter table tr {
        display: inline-block;
        width: 175px; }
      body#LocalisationMyOrders table.white_content_panel form#MyOrdersFilter table tr td {
        display: inline-block;
        height: 30px; }
        body#LocalisationMyOrders table.white_content_panel form#MyOrdersFilter table tr td select {
          width: 150px;
          background-color: white; }
        body#LocalisationMyOrders table.white_content_panel form#MyOrdersFilter table tr td input[type="submit"] {
          position: relative;
          top: -4px; }
      body#LocalisationMyOrders table.white_content_panel form#MyOrdersFilter table tr td:first-child {
        width: 100px;
        height: 15px;
        padding-left: 5px; }
    body#LocalisationMyOrders table.white_content_panel h3 {
      color: black; }
    body#LocalisationMyOrders table.white_content_panel .localisation-browse-container .orders-table-detailed-view .switch-view-container, body#LocalisationMyOrders table.white_content_panel .localisation-browse-container .orders-table-summary-view .switch-view-container {
      position: absolute;
      right: 0px;
      top: 20px; }
    body#LocalisationMyOrders table.white_content_panel table.OrdersTable {
      font-weight: normal;
      font-size: 11px;
      width: 100%; }
    body#LocalisationMyOrders table.white_content_panel table.OrdersTable tr th {
      text-align: left;
      padding-left: 0px; }
      body#LocalisationMyOrders table.white_content_panel table.OrdersTable tr td {
        vertical-align: top; }
      body#LocalisationMyOrders table.white_content_panel table.OrdersTable tr th[colref="ORDER_NO"] {
        width: 75px; }
      body#LocalisationMyOrders table.white_content_panel table.OrdersTable tr th[colref="TASK"], body#LocalisationMyOrders table.white_content_panel table.OrdersTable tr th[colref="TERRITORY"] {
        width: 100px; }
      body#LocalisationMyOrders table.white_content_panel table.OrdersTable tr th[colref="ASSET"] {
        width: auto; }
      body#LocalisationMyOrders table.white_content_panel table.OrdersTable tr th[colref="STATUS"] {
        width: 80px; }
      body#LocalisationMyOrders table.white_content_panel table.OrdersTable tr th[colref="CREATED_BY"] {
        width: 120px; }
      body#LocalisationMyOrders table.white_content_panel table.OrdersTable tr th[colref="DEADLINE"] {
        width: 100px; }
      body#LocalisationMyOrders table.white_content_panel table.OrdersTable tr td[colref="SPEC"] {
        width: 170px; }

.localisation-deliverables-review-container {
  /*
   .localisation-deliverables-review-header > div:first-child {
   padding:0 240px 0 8px;
   }
   .localisation-deliverables-review-form > div:first-child {
   height:40px;
   }
   */ }
  .localisation-deliverables-review-container .localisation-deliverables-review-header {
    background-color: #404040;
    color: white;
    display: flex;
    padding: 4px;
    margin-top: 20px; }
  .localisation-deliverables-review-container a {
    color: #5a2bad; }
  .localisation-deliverables-review-container a:hover {
    color: #9873da; }
  .localisation-deliverables-review-container .localisation-deliverables-review-header > div {
    padding: 0 80px 0 0; }
  .localisation-deliverables-review-container .localisation-deliverables-review-form {
    border: 1px solid #808080;
    margin-top: 20px; }
    .localisation-deliverables-review-container .localisation-deliverables-review-form .localisation-deliverables-review-form-header {
      background-color: #404040;
      color: white;
      display: flex;
      padding: 4px; }
    .localisation-deliverables-review-container .localisation-deliverables-review-form .localisation-deliverables-review-form-fields {
      margin: 0px 0 40px 325px;
      padding-top: 10px; }
  .localisation-deliverables-review-container .localisation-deliverables-review-form label {
    font-weight: 600;
    font-size: 12px;
    color: #333;
    display: block; }
  .localisation-deliverables-review-container .localisation-deliverables-review-form textarea {
    width: 400px;
    height: 56px; }
  .localisation-deliverables-review-container .localisation-deliverable {
    border: 1px solid #808080; }

.localisation-deliverable {
  display: flex;
  padding: 8px; }
  .localisation-deliverable .localisation-deliverable-thumbnail {
    width: 284px;
    /*box-shadow:5px 5px 5px #c0c0c0;*/
    padding: 8px; }
    .localisation-deliverable .localisation-deliverable-thumbnail .thumbnail {
      height: 170px; }
    .localisation-deliverable .localisation-deliverable-thumbnail .thumbnail .preview_video {
      height: 170px;
      background-size: 100% 100%;
      display: block;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat; }
    .localisation-deliverable .localisation-deliverable-thumbnail .thumbnail .preview_link {
      height: 170px;
      background-size: contain;
      display: block;
      background-position: center;
      background-repeat: no-repeat; }
    .localisation-deliverable .localisation-deliverable-thumbnail .thumbnail .play {
      font-size: 4em;
      color: #e0e0e0;
      display: flex;
      width: 100%;
      height: 100%;
      align-items: center;
      justify-content: center; }
    .localisation-deliverable .localisation-deliverable-thumbnail .thumbnail .no-thumbnail {
      background-color: #c0c0c0;
      display: flex;
      width: 100%;
      height: 170px;
      align-items: center;
      justify-content: center; }
    .localisation-deliverable .localisation-deliverable-thumbnail .asset-caption {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 4px; }
    .localisation-deliverable .localisation-deliverable-thumbnail .asset-preview-name {
      overflow: hidden;
      text-overflow: ellipsis; }
    .localisation-deliverable .localisation-deliverable-thumbnail .asset-note {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      padding: 4px;
      padding-top: 0;
      min-height: 0px;
      max-height: 15px;
      line-height: 15px;
      white-space: nowrap; }
  .localisation-deliverable .localisation-deliverable-fields {
    padding-left: 8px; }
    .localisation-deliverable .localisation-deliverable-fields .field-name {
      font-weight: 600;
      padding-right: 8px;
      min-width: 110px; }
    .localisation-deliverable .localisation-deliverable-fields .field-value {
      font-weight: normal;
      max-width: 350px;
      overflow-wrap: break-word;
      word-wrap: break-word;
      word-break: break-word; }

.localisation-task-notes-container {
  margin-top: 4px;
  display: flex; }
  .localisation-task-notes-container div {
    padding: 4px; }
  .localisation-task-notes-container .field-value {
    font-weight: normal; }

form#CompleteTaskForm table {
  display: block; }
  form#CompleteTaskForm table tbody {
    display: block; }
  form#CompleteTaskForm table tbody tr {
    display: inline-block; }
    form#CompleteTaskForm table tbody tr td {
      display: none; }
    form#CompleteTaskForm table tbody tr td.form_data {
      display: inline-block;
      margin-left: 0;
      padding: 0; }

table.OrdersTable {
  width: 100%;
  font-weight: normal;
  font-size: 11px; }
  table.OrdersTable tbody:before {
    line-height: 3px;
    content: "\200C";
    display: block; }
  table.OrdersTable tr td[colref="STAT"] {
    width: 20px;
    padding-left: 3px;
    padding-right: 3px; }
  table.OrdersTable tr th a .order {
    position: relative;
    padding-left: 5px;
    top: -2px; }
  table.OrdersTable .field_name {
    font-weight: 600; }
  table.OrdersTable div.status {
    width: 8px;
    height: 8px;
    border-radius: 5px;
    /* Default colour for unknown */
    border: 1px #badaff solid;
    background-color: #badaff; }
  table.OrdersTable div.status.order_CREATED {
    border: 1px #f8e71c solid;
    background-color: #f8e71c; }
  table.OrdersTable div.status.order_SUBMITTED {
    border: 1px #7ed321 solid;
    background-color: #7ed321; }
  table.OrdersTable div.status.order_COMPLETED {
    border: 1px #5a2bad solid;
    background-color: #5a2bad; }
  table.OrdersTable div.status.order_CANCELLED {
    border: 1px #d0021b solid;
    background-color: #d0021b; }

.orders-table-summary-view th[colref="SPEC"], .orders-table-summary-view td[colref="SPEC"] {
  display: none; }
  .orders-table-summary-view .orders-table-spec {
    display: none; }
  .orders-table-summary-view #SummaryView {
    display: none; }

.orders-table-detailed-view #DetailedView {
  display: none; }
  .orders-table-detailed-view th[colref="SPEC"], .orders-table-detailed-view td[colref="SPEC"] {
    display: table-cell; }

.video-annotator-control-container {
  position: relative;
  display: flex;
  flex-direction: column;
  border: 0;
  background-color: #f9f9f9; }
  .video-annotator-control-container .annotator-loading {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background: url('../look and feel/css/fancybox_overlay.png');
    width: 100%;
    height: 100%;
    display: none; }
  .video-annotator-control-container .annotator-loading .spinner {
    position: absolute;
    top: 200px;
    left: 50%;
    width: 60px;
    height: 75px; }
  .video-annotator-control-container .annotator-loading .spinner .blockG {
    position: absolute;
    background-color: #5b2bad;
    width: 10px;
    height: 23px;
    border-radius: 8px 8px 0 0;
    -o-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    transform: scale(0.4);
    -o-transform: scale(0.4);
    -ms-transform: scale(0.4);
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    animation-name: fadeG;
    -o-animation-name: fadeG;
    -ms-animation-name: fadeG;
    -webkit-animation-name: fadeG;
    -moz-animation-name: fadeG;
    animation-duration: 1.2s;
    -o-animation-duration: 1.2s;
    -ms-animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;
    -moz-animation-duration: 1.2s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal; }
  .video-annotator-control-container .annotator-loading .spinner #rotateG_01 {
    left: 0;
    top: 27px;
    animation-delay: 0.45s;
    -o-animation-delay: 0.45s;
    -ms-animation-delay: 0.45s;
    -webkit-animation-delay: 0.45s;
    -moz-animation-delay: 0.45s;
    transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg); }
  .video-annotator-control-container .annotator-loading .spinner #rotateG_02 {
    left: 8px;
    top: 10px;
    animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg); }
  .video-annotator-control-container .annotator-loading .spinner #rotateG_03 {
    left: 25px;
    top: 3px;
    animation-delay: 0.75s;
    -o-animation-delay: 0.75s;
    -ms-animation-delay: 0.75s;
    -webkit-animation-delay: 0.75s;
    -moz-animation-delay: 0.75s;
    transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg); }
  .video-annotator-control-container .annotator-loading .spinner #rotateG_04 {
    right: 8px;
    top: 10px;
    animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg); }
  .video-annotator-control-container .annotator-loading .spinner #rotateG_05 {
    right: 0;
    top: 27px;
    animation-delay: 1.05s;
    -o-animation-delay: 1.05s;
    -ms-animation-delay: 1.05s;
    -webkit-animation-delay: 1.05s;
    -moz-animation-delay: 1.05s;
    transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg); }
  .video-annotator-control-container .annotator-loading .spinner #rotateG_06 {
    right: 8px;
    bottom: 7px;
    animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg); }
  .video-annotator-control-container .annotator-loading .spinner #rotateG_07 {
    bottom: 0;
    left: 25px;
    animation-delay: 1.35s;
    -o-animation-delay: 1.35s;
    -ms-animation-delay: 1.35s;
    -webkit-animation-delay: 1.35s;
    -moz-animation-delay: 1.35s;
    transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg); }
  .video-annotator-control-container .annotator-loading .spinner #rotateG_08 {
    left: 8px;
    bottom: 7px;
    animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg); }
  .video-annotator-control-container .video-annotator-header {
    background-color: #404040;
    color: white;
    padding: 4px 12px;
    margin: 0;
    font-size: 12px;
    display: none; }
  .video-annotator-control-container .video-annotator-row {
    display: flex;
    flex: 1;
    justify-content: center; }
  .video-annotator-control-container .video-annotator-row .video-annotator-video {
    background-color: black; }
  .video-annotator-control-container .video-annotator-row .video-annotator-video::cue {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal; }
  .video-annotator-control-container .video-annotator-row .video-annotator-video::cue(.ov) {
    font-style: italic; }
  .video-annotator-control-container .video-annotator-row .video-annotator-video::cue(v[voice='character-1']) {
    color: inherit; }
  .video-annotator-control-container .video-annotator-row .video-annotator-video::cue(v[voice='character-2']) {
    color: inherit; }
  .video-annotator-control-container .video-annotator-row .video-annotator-video::cue(v[voice='character-3']) {
    color: inherit; }
  .video-annotator-control-container .video-annotator-row .video-annotator-video::cue(v[voice='character-4']) {
    color: inherit; }
  .video-annotator-control-container .video-annotator-row .video-annotator-video::cue(v[voice='gfx']) {
    color: inherit; }
  .video-annotator-control-container .video-annotator-row .video-annotator-video::cue(v[voice='narrator']) {
    color: inherit; }
  .video-annotator-control-container .video-annotator-row .video-annotator-video-container {
    margin: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: center; }
  .video-annotator-control-container .video-annotator-row .video-annotator-video-container .video-controls {
    position: relative;
    width: 500px;
    visibility: hidden; }
    .video-annotator-control-container .video-annotator-row .video-annotator-video-container .video-controls .play-pause {
      margin-left: 7px;
      margin-bottom: 4px; }
    .video-annotator-control-container .video-annotator-row .video-annotator-video-container .video-controls .play-pause:focus {
      outline: none;
      outline-width: 0;
      border: 0; }
    .video-annotator-control-container .video-annotator-row .video-annotator-video-container .video-controls .seek-bar {
      width: 83%; }
    .video-annotator-control-container .video-annotator-row .video-annotator-video-container .video-controls .seek-bar:focus {
      outline: none;
      outline-width: 0;
      border: 0; }
    .video-annotator-control-container .video-annotator-row .video-annotator-video-container .video-controls .mute {
      margin-bottom: 2px;
      float: right;
      position: relative;
      top: 3px; }
    .video-annotator-control-container .video-annotator-row .video-annotator-video-container .video-controls .mute:focus {
      outline: none;
      outline-width: 0;
      border: 0; }
    .video-annotator-control-container .video-annotator-row .video-annotator-video-container .video-controls .volume-bar-container {
      width: 22px;
      z-index: 10;
      position: absolute;
      bottom: 34px;
      right: 0px;
      padding: 3px;
      border: 1px black solid;
      background-color: white;
      display: none; }
    .video-annotator-control-container .video-annotator-row .video-annotator-video-container .video-controls .volume-bar-container .volume-bar {
      writing-mode: bt-lr;
      /* IE */
      -webkit-appearance: slider-vertical;
      /* WebKit */
      width: 8px;
      height: 100px;
      padding: 0 5px; }
  .video-annotator-control-container .video-annotator-status-container {
    position: relative;
    width: 100%;
    height: 40px; }
  .video-annotator-control-container .video-annotator-status-container .video-annotator-buttons {
    position: absolute;
    bottom: 0px;
    right: 0px;
    margin: 8px;
    margin-right: 0px;
    text-align: right;
    width: 250px; }
  .video-annotator-control-container .video-annotator-status-container .video-annotator-buttons .video-annotator-submit-form {
    display: inline; }
  .video-annotator-control-container .video-annotator-status-container .video-annotator-buttons a, .video-annotator-control-container .video-annotator-status-container .video-annotator-buttons a:active, .video-annotator-control-container .video-annotator-status-container .video-annotator-buttons .input_button {
    float: none;
    display: inline-block; }
  .video-annotator-control-container .video-annotator-status-container .video-annotator-buttons .input_button.alert {
    color: red; }
  .video-annotator-control-container .video-annotator-status-container .video-annotator-buttons #close_modal {
    display: none; }
  .video-annotator-control-container .video-annotator-status-container .status_message {
    height: 30px;
    text-align: right;
    line-height: 30px;
    margin-top: 8px;
    color: green;
    position: absolute;
    bottom: 8px;
    right: 180px; }
  .video-annotator-control-container .video-annotator-status-container .warning_message {
    height: 30px;
    text-align: right;
    line-height: 30px;
    color: orange;
    display: none;
    position: absolute;
    bottom: 8px;
    right: 180px; }

.video-annotator-readonly .video-annotator-submit-form {
  display: none !important; }

body.invis .video-feedback-in-modal {
  display: flex;
  justify-content: center; }

.video-annotator-modal .video-annotator-status-container {
  position: relative;
  width: 100%;
  bottom: 60px; }
  .video-annotator-modal .video-annotator-status-container .video-annotator-buttons {
    position: absolute;
    bottom: 0px;
    right: 0px;
    margin: 8px;
    margin-right: 0px;
    text-align: right;
    width: 150px; }
  .video-annotator-modal .video-annotator-status-container .video-annotator-buttons .video-annotator-submit-form {
    display: inline; }
  .video-annotator-modal .video-annotator-status-container .video-annotator-buttons a, .video-annotator-modal .video-annotator-status-container .video-annotator-buttons a:active, .video-annotator-modal .video-annotator-status-container .video-annotator-buttons .input_button {
    float: none;
    display: inline-block; }
  .video-annotator-modal .video-annotator-status-container .video-annotator-buttons .input_button.alert {
    color: red; }
  .video-annotator-modal .video-annotator-status-container .video-annotator-buttons #close_modal {
    display: inline-block; }
  .video-annotator-modal .video-annotator-status-container .status_message {
    height: 30px;
    text-align: right;
    line-height: 30px;
    margin-top: 8px;
    color: green;
    position: absolute;
    bottom: 8px;
    right: 180px; }
  .video-annotator-modal .video-annotator-status-container .warning_message {
    height: 30px;
    text-align: right;
    line-height: 30px;
    color: orange;
    display: none;
    position: absolute;
    bottom: 8px;
    right: 180px; }

@keyframes fadeG {
  0% {
    background-color: #5b2bad; }

  100% {
    background-color: #9973da; } }

@-o-keyframes fadeG {
  0% {
    background-color: #5b2bad; }

  100% {
    background-color: #9973da; } }

@-ms-keyframes fadeG {
  0% {
    background-color: #5b2bad; }

  100% {
    background-color: #9973da; } }

@-webkit-keyframes fadeG {
  0% {
    background-color: #5b2bad; }

  100% {
    background-color: #9973da; } }

@-moz-keyframes fadeG {
  0% {
    background-color: #5b2bad; }

  100% {
    background-color: #9973da; } }

.video-annotator-form {
  margin: 8px;
  position: relative;
  /*
   .ui-selectmenu-button{
   border: 1px solid #a9a9a9;
   border-radius: 3px;
   width: 300px;
   .ui-selectmenu-text{
   font-weight: normal;
   .video-voice-character-1{color: $video-voice-dialogue;}
   .video-voice-character-1{color: $video-voice-character1;}
   .video-voice-character-2{color: $video-voice-character2;}
   .video-voice-character-3{color: $video-voice-character3;}
   .video-voice-character-4{color: $video-voice-character4;}
   .video-voice-gfx{color: $video-voice-gfx;}
   .video-voice-narrator{color: $video-voice-narrator;}
   }
   .ui-icon-triangle-1-s{
   top: 18px;
   right: 3px;
   width: 0px;
   height: 0px;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
   border-top: 6px solid black;
   }
   }
   */ }
  .video-annotator-form .form_row {
    line-height: 1.5em;
    display: flex;
    align-items: center; }
  .video-annotator-form .form_row .form_label {
    width: 80px; }
  .video-annotator-form textarea {
    width: 300px; }
  .video-annotator-form textarea::placeholder {
    color: #5a2bad; }
  .video-annotator-form .video-lock {
    margin-left: 8px; }
  .video-annotator-form .helptext {
    margin: 0;
    width: 300px;
    margin-bottom: 5px;
    font-size: 11px; }
  .video-annotator-form .frameratetext {
    font-weight: bold; }
  .video-annotator-form #framerate {
    display: none; }
  .video-annotator-form #video-voice {
    background-color: #fff; }

.video-annotator-readonly .video-annotator-form {
  display: none; }

.video-feedback-in-modal .video-annotator-table-container, .video-annotator-modal .video-annotator-table-container {
  padding-top: 0px;
  overflow: auto;
  display: flex;
  flex: 1 1 auto;
  height: 150px; }

.video-annotator-table-container {
  padding-top: 8px;
  display: flex;
  flex: 1 1 auto; }
  .video-annotator-table-container .video-annotator-table {
    width: 100%; }
  .video-annotator-table-container .video-annotator-table .video-annotator-table-row {
    cursor: pointer; }
  .video-annotator-table-container .video-annotator-table .video-annotator-table-row td {
    padding: 4px; }
  .video-annotator-table-container .video-annotator-table .video-annotator-table-row td:first-child {
    padding: 1px; }
  .video-annotator-table-container .video-annotator-table tr:nth-child(even) td {
    background-color: #f0f0f0; }
  .video-annotator-table-container .video-annotator-table .thumbnail {
    /*width:115px;*/
    width: 90px; }
  .video-annotator-table-container .table-wrapper {
    display: inline-block;
    width: 49.9%;
    vertical-align: top; }
  .video-annotator-table-container .table-wrapper th {
    white-space: nowrap; }
  .video-annotator-table-container .table-wrapper .video-subtitle-table-row td, .video-annotator-table-container .table-wrapper .video-ovsubtitle-table-row td {
    height: 66px; }
    .video-annotator-table-container .table-wrapper .video-subtitle-table-row td .voice-indicator, .video-annotator-table-container .table-wrapper .video-ovsubtitle-table-row td .voice-indicator {
      /*width: 12px;
       height: 12px;
       position: relative;
       top: 1px;
       display: inline-block;
       margin-right: 3px;
       border-radius: 3px;
       border: 1px solid;*/ }
  .video-annotator-table-container .table-wrapper .video-ovsubtitle-table-row td {
    font-style: italic; }
  .video-annotator-table-container .table-wrapper .video-subtitle-table-row.video-voice-dialogue .voice-indicator, .video-annotator-table-container .table-wrapper .video-ovsubtitle-table-row.video-voice-dialogue .voice-indicator, .video-annotator-table-container .table-wrapper .video-subtitle-table-row.video-voice-character-1 .voice-indicator, .video-annotator-table-container .table-wrapper .video-ovsubtitle-table-row.video-voice-character-1 .voice-indicator, .video-annotator-table-container .table-wrapper .video-subtitle-table-row.video-voice-undefined .voice-indicator, .video-annotator-table-container .table-wrapper .video-ovsubtitle-table-row.video-voice-undefined .voice-indicator {
    background-color: inherit;
    border-color: inherit; }
  .video-annotator-table-container .table-wrapper .video-subtitle-table-row.video-voice-character-2 .voice-indicator, .video-annotator-table-container .table-wrapper .video-ovsubtitle-table-row.video-voice-character-2 .voice-indicator {
    background-color: inherit;
    border-color: inherit; }
  .video-annotator-table-container .table-wrapper .video-subtitle-table-row.video-voice-character-3 .voice-indicator, .video-annotator-table-container .table-wrapper .video-ovsubtitle-table-row.video-voice-character-3 .voice-indicator {
    background-color: inherit;
    border-color: inherit; }
  .video-annotator-table-container .table-wrapper .video-subtitle-table-row.video-voice-character-4 .voice-indicator, .video-annotator-table-container .table-wrapper .video-ovsubtitle-table-row.video-voice-character-4 .voice-indicator {
    background-color: inherit;
    border-color: inherit; }
  .video-annotator-table-container .table-wrapper .video-subtitle-table-row.video-voice-gfx .voice-indicator, .video-annotator-table-container .table-wrapper .video-ovsubtitle-table-row.video-voice-gfx .voice-indicator {
    background-color: inherit;
    border-color: inherit; }
  .video-annotator-table-container .table-wrapper .video-subtitle-table-row.video-voice-narrator .voice-indicator, .video-annotator-table-container .table-wrapper .video-ovsubtitle-table-row.video-voice-narrator .voice-indicator {
    background-color: inherit;
    border-color: inherit; }
  .video-annotator-table-container::last-child {
    flex: 1; }

.video-annotator-readonly {
  margin-top: 20px; }
  .video-annotator-readonly .video-annotator-remove {
    display: none; }

.video-annotator-feedback-container {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 2px #5a2bad solid; }
  .video-annotator-feedback-container .video-annotator-table-container {
    padding-top: 8px;
    overflow: none;
    display: flex;
    flex: 1 1 auto;
    height: auto; }

.video-lock-open {
  background-image: url('../look and feel/images/lock-open.png'); }

.video-lock-closed {
  background-image: url('../look and feel/images/lock-closed.png'); }

.video-lock {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 12px;
  height: 12px; }

div.time-control {
  margin-bottom: 3px; }

input#video-start-time, input#video-end-time, input#video-start-frame, input#video-end-frame {
  width: 70px;
  font-size: 12px;
  border: 1px solid #a9a9a9; }

.localisation-browse-container .pagenav {
  margin-top: 16px;
  text-align: center; }
  .localisation-browse-container .pagenav a:visited {
    color: #5a2bad; }
  .localisation-browse-container .found-count {
    margin: 12px 0; }
  .localisation-browse-container .switch-view-container {
    float: right; }

.localisation-browse-orders-container {
  padding-top: 15px;
  clear: both; }

.localisation-progress-container {
  background-color: #444;
  color: #999;
  border-radius: 4px;
  display: flex;
  margin: 0 0 16px 0; }
  .localisation-progress-container div {
    width: 33%;
    text-align: center;
    padding: 8px;
    border-radius: 15px;
    border-right: 2px solid #999; }
  .localisation-progress-container > div:last-child {
    border: none; }
  .localisation-progress-container .active {
    color: white; }

.localisation-notification-box {
  border: 1px solid #0ae;
  background-color: #f8fcfc;
  padding: 16px; }
/*jquery selectmenu element draw */
.ui-selectmenu-menu {
  background-color: white;
  border: 1px solid #a9a9a9; }
  .ui-selectmenu-menu .ui-menu-item.ui-state-focus {
    margin: 0;
    background-color: #ccf; }
  .ui-selectmenu-menu .ui-menu-item.video-voice-character-1 {
    color: inherit; }
  .ui-selectmenu-menu .ui-menu-item.video-voice-character-1 {
    color: inherit; }
  .ui-selectmenu-menu .ui-menu-item.video-voice-character-2 {
    color: inherit; }
  .ui-selectmenu-menu .ui-menu-item.video-voice-character-3 {
    color: inherit; }
  .ui-selectmenu-menu .ui-menu-item.video-voice-character-4 {
    color: inherit; }
  .ui-selectmenu-menu .ui-menu-item.video-voice-gfx {
    color: inherit; }
  .ui-selectmenu-menu .ui-menu-item.video-voice-narrator {
    color: inherit; }