/*
 * (c)2014 1WorldSync GmbH, Cologne, Germany.
 *
 * http://www.1worldsync.com/
 *
 * Created on 23.10.2014 by szimmer.
 */

/*-----------------------------------------------------------------*/
/*                                                                 */
/*    This file contains styleSheet definitions specialized for    */
/*                            PUBLISHING                           */
/*                                                                 */
/*-----------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Roboto');

.publishing-menubar-logo {
    background-color: #f2f2f2;
    color: #666666;
    font-size: x-large;
}

/*-----------------------------------------------------------------*/
/* GDSN Message-Dialog (Review/Reject)                             */
/*-----------------------------------------------------------------*/

.gdsn-message-dialog-combobox .ui-combobox-input {
    width: 27em !important;
}

.gdsn-message-dialog-comment {
    width: 28em !important;
}

.createGdsnMessageDialog > .ui-dialog-content {
    height: 40em !important;
}

.create-gdsn-message-dialog-content {
    width: 100%;
    height: calc(100% - 2.7em);
}

.create-gdsn-message-dialog-content > .ui-panel-content {
    overflow-y: auto;
}

/*-----------------------------------------------------------------*/
/* End of GDSN Message-Dialog (Review/Reject)                      */
/*-----------------------------------------------------------------*/


/*-----------------------------------------------------------------*/
/* Export Dialog                                                   */
/*-----------------------------------------------------------------*/

.publishing-export-error-message {
    border: none;
    float: left;
    width: 49%;
    padding-left: 5px;
    padding-top: 5px;
    color: #ff0000;
}

/*-----------------------------------------------------------------*/
/* End of Export Dialog                                            */
/*-----------------------------------------------------------------*/

.itemdetails-widget-tab {
    height: 100%
}

.itemdetails-widget-tab .ui-tabs-panels {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 21px;
    overflow: auto;
}

.itemdetails-widget-tab .ui-tabs-nav {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

/*-----------------------------------------------------------------*/
/* StyleClasses for rendering some grid cells                      */
/*-----------------------------------------------------------------*/

.publishingPriceAvailability {
    background-image: url('/publishing/resources/images/price/dollar.gif');
    width: 16px;
    height: 16px;
    display: block;
}

.publishingTemplateLocked {
    background-image: url('/publishing/resources/images/template/template-locked.png');
    width: 16px;
    height: 16px;
    display: block;
}

/*-----------------------------------------------------------------*/
/* End of Grid renderer                                            */
/*-----------------------------------------------------------------*/

/*
 * This class shows an "in progress" image in background. It is designed to style grid-columns.
 */
.gridCell_BackgroundProgress {
    background-image:
        url('/publishing/resources/images/publishingState/progress.gif');
    background-repeat: no-repeat;
}

/*
 * This class shows an "success" image in background. It is designed to style grid-columns.
 */
.gridCell_BackgroundSuccess {
    background-image:
        url('/publishing/resources/images/publishingState/success_green.gif');
    background-repeat: no-repeat;
}

/*
 * This class shows an "attention" image in background. It is designed to style grid-columns.
 */
.gridCell_BackgroundAttention {
    background-image:
        url('/publishing/dashboard/img/icons/attention_red.gif') !important;
    background-repeat: no-repeat;
}

/*
 * This class shows an yellow "exclamation bulb" image in background. It is designed to style grid-columns.
 */
.gridCell_BackgroundExclamationYellow {
    background-image:
        url('/publishing/dashboard/img/icons/exclamation_bulb_yellow.gif') !important;
    background-repeat: no-repeat;
}

/*
 * This class shows an yellow "success" image in background. It is designed to style grid-columns.
 */
.gridCell_BackgroundSuccessYellow {
    background-image:
        url('/publishing/dashboard/img/icons/success_yellow.gif') !important;
    background-repeat: no-repeat;
}

/*
 * This class shows an "questionmark" image in background. It is designed to style grid-columns.
 */
.gridCell_BackgroundQuestion {
    background-image:
        url('/publishing/dashboard/img/icons/question.gif') !important;
    background-repeat: no-repeat;
}

/*
 * This class shows an "White cross on red ground" image in background. It is designed to style grid-columns.
 */
.gridCell_BackgroundFatal {
    background-image:
        url('/publishing/resources/images/publishingState/error_fatal.gif') !important;
    background-repeat: no-repeat;
}

/*
 * This class shows an "success_yellow" image in background. It is designed to style grid-columns.
 */
.success_yellow {
    background-image:
        url('/publishing/dashboard/img/icons/success_yellow.gif') !important;
    background-repeat: no-repeat;
}

/*
 * This class shows an "success_green" image in background. It is designed to style grid-columns.
 */
.success_green {
    background-image:
        url('/publishing/dashboard/img/icons/success_green.gif') !important;
    background-repeat: no-repeat;
}

/*
 * This class shows an "success_green" image in background. It is designed to style grid-columns.
 */
.status_error {
    background-image:
        url('/publishing/dashboard/img/icons/status_error.gif') !important;
    background-repeat: no-repeat;
}

/*
 * This class shows an "attention_red" image in background. It is designed to style grid-columns.
 */
.attention_red {
    background-image:
        url('/publishing/dashboard/img/icons/attention_red.gif') !important;
    background-repeat: no-repeat;
}

/*
 * This class shows an "exclamation_bulb_yellow" image in background. It is designed to style grid-columns.
 */
.exclamation_bulb_yellow {
    background-image:
        url('/publishing/dashboard/img/icons/exclamation_bulb_yellow.gif') !important;
    background-repeat: no-repeat;
}

/**
 * This style class is designed for the preview image of the "Create Media Item" dialog.
 */
.publishing_createMediaItem_preview {
    width: 155px;
    height: 150px;
    border: dotted 1px;
    overflow: auto;
    text-align: center;
}

.mediaitem-layout-navigation > .ui-layout-unit-content {
    overflow: hidden !important;
}

/*-----------------------------------------------------------------*/
/* StyleClasses for rendering Userdashboard Reporting              */
/*-----------------------------------------------------------------*/

.reporting-navigator {
    float: right;
}

.reporting-content {
    float: left;
}

.reporting-navigator .ui-combobox-input {
    width: 200px;
}

.reporting-content .ui-panelgrid .ui-panelgrid-cell {
    padding: .1em .2em !important;
}

.reporting-header-info {
    font-size: 20px !important;
    font-weight: bold;
}

.reporting-content-panel {
    margin-bottom: 10px;
}

.reporting-content-twitter {
    border: solid 1px;
    width: 20em;
    right: 1em;
    top: 3em;
    bottom: 1em;
    position: absolute;
}

.ui-commandlink.recent-items-create-item {
    color: #fff !important;
    padding: 1.5em;
    font-size: large;
    line-height: 3em;
    text-decoration: none;
}

/*-----------------------------------------------------------------*/
/* End StyleClasses for rendering Userdashboard Reporting          */
/*-----------------------------------------------------------------*/

/**
 * Start common css classes used to style the "Training-Videos" section on dashboard.
 */
.x-training-videos {
    position: absolute;
    bottom: 5px;
    left: 5px;
    right: 5px;
    max-height: 50%;
    overflow-y: scroll;
    font-family: Roboto,Arial,Helvetica,sans-serif;
}

.x-pim-training-videos {
    background-color: #eaeaea;
    border: solid 1px #d0d0d0;
}

.x-pim-training-videos .x-panel-body.x-panel-body-noheader.x-panel-body-noborder {
    background-color: #eaeaea;
    color: #333333;
    padding: 5px;
}

/*
 * Colorize the headline.
 */
.x-training-videos h1 {
    color: #028a5a;
}

.x-pim-training-videos-container .x-table-layout {
    width: 100%;
}

.x-pim-training-videos {
    padding: 5px;
}

.x-training-video-link-container {
    position: relative;
    display: inline-block;
    vertical-align: top;
    max-width: 200px;
    padding: 10px;
}

.x-training-video-player {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 42px;
    left: 85px;
    background-image:
        url("/publishing/resources/images/dashboard/play_overlay.png");
    background-repeat: no-repeat;
    background-size: 100%;
}

.x-training-video-summary {
    text-align: justify;
    color: #127C80;
}

.x-training-video-details {
    text-align: justify;
    color: #333333;
}

.x-training-video {
    max-height: 200px;
    max-width: 200px;
    border: solid 1px #d0d0d0;
}

/**
 * Start common css classes used to style the "Training-Videos" section on dashboard.
 */
.pim-editor-field-container .publishing-editor-classification-container {
    display: inline-block;
    width: 40em;
}

.pim-editor-field-container .publishing-editor-classification-container tr {
    display: table-row;
    padding: 0;
    width: auto;
    border: none;
}

.pim-editor-field-container .publishing-editor-classification-container td {
    display: table-cell;
    width: auto;
    border: none;
}

.supplierItemDetailsToolbar {
    margin: auto;
}

.supplierItemDetailsToolbar > .ui-toolbar-group-left {
    width: calc( 100% - 1em );
}

/*-----------------------------------------------------------------*/
/* Style-Classes used in the create- dialogs used for correct      */
/* column sizes.                                                   */
/*-----------------------------------------------------------------*/

#createMediaItemDialogForm .column1 {
    width: 14em;
}

#createMediaItemDialogForm .column2 {
    width: 27em;
}

#createMediaItemDialogForm .column3 {
    width: 4em;
}

/*-----------------------------------------------------------------*/
/* End of section                                                  */
/*-----------------------------------------------------------------*/

/*-----------------------------------------------------------------*/
/* Style-Classes used in the Digital Asset Media Items             */
/*-----------------------------------------------------------------*/
.asset {
    max-width: 150px;
    max-height: 150px;
}

.createMediaItemContent {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    top: 40px;
    bottom: 35px;
    left: 0;
    right: 0;
}

.mediaitem-error-message .ui-messages-error {
    margin-top: -20px;
}

.step1CreateMediaItemPanel {
    width: 100%;
    display: block;
}

.create-media-item-wizard-tabview .ui-tabs-panel {
    padding: 0 0 5px 0 !important;
}

.create-media-item-wizard-tabview ul.ui-tabs-nav {
    border-bottom: 25px #dcdcdc solid !important;
    margin: 0 12px;
}

.create-media-item-wizard-tabview ul.ui-tabs-nav li {
    margin-left: -2px !important;
}

.createMediaItemUploadWizard {
    width: 100% !important;
    display: block;
}

.create-mediaitem-wizard-gln-container {
    height: 80px;
    width: 100%;
    display: block;
}

.create-mediaitem-wizard-gln {
    margin: 30px auto;
}

.create-mediaitem-wizard-gln .column-label {
    min-width: 35px;
}

.createMediaItemUploadWizard .ui-wizard-step-title {
    width: calc(33.3333333% - 15px) !important;
    display: block;
    margin-right: 5px;
}

.createMediaItemUploadWizard .ui-wizard-step-title:last-child {
    margin-right: 0;
}

.create-mediaitem-wizard-toolbar {
    box-sizing: border-box;
    padding-right: 20px !important;
}

.createAitemWizardToolbar {
    box-sizing: border-box;
    padding-right: 20px !important;
}

.create-mediaitem-wizard-container {
    width: 100%;
    display: block;
    padding: 10px;
    box-sizing: border-box;
}

.create-mediaitem-wizard-container .create-mediaitem-wizard-cancel-upload {
    margin: 0 auto;
    display: table;
    width: auto;
    height: auto;
}

.create-mediaitem-wizard-container .ui-outputlabel {
    font-weight: bold;
    width: 100%;
    display: block;
    text-align: center;
}

.create-mediaitem-wizard-container hr {
    border: 1px solid #dddddd;
}

.createAitemFileupload {
    width: 60%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: solid 1px lightgray;
    padding: 30px 0 30px 0;
    margin: 5% auto 5% auto;
    position: relative;
}

.createAitemFileupload.over {
    cursor: copy;
    border: 2px dashed #000;
}

.createAitemFileupload.upload-inprogress {
    display: none;
}

.createAitemFileupload .ui-fileupload-buttonbar {
    background: none;
    margin: 0 auto;
    margin-top: 7em;
    width: auto;
    display: table;
    border: none;
}

.createAitemFileupload .ui-fileupload-content {
    border: none;
}

.createAitemFileupload .ui-fileupload-content .ui-fileupload-files {
    width: 100%;
}

.createAitemFileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row {
    font-weight: bold;
}

.createAitemFileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row div:nth-child(3) {
    display: none;
}

.createAitemFileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-preview {
    display: none;
}

.createAitemFileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-progress {
    float: right;
    height: 5px;
}

.createAitemFileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-progress .ui-progressbar {
    height: 5px;
    width: 300px !important;
    display: block;
    top: 0;
    float: right;
}

.createAitemFileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-progress .ui-progressbar-value {
    background-color: #127C80;
}

.createAitemFileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-cancel {
    display: none;
}

.createAitemFileupload .ui-fileupload-buttonbar .ui-fileupload-choose .ui-icon {
    display: none;
}

.createAitemFileupload .ui-fileupload-buttonbar .ui-fileupload-choose .ui-button-text {
    padding: .3em 1em;
}


.createAitemPanel {
    position: relative;
}

.createAitemPanel .createAitemWizardMedialist .ui-datalist-content {
    display: inline-block;
    width: 100%;
    border: none;
    background-color: inherit;
}

.createAitemPanel .createAitemWizardMedialistStatus {
    top: 10px;
    bottom: 10px;
    width: 7px;
    display: block;
    float: left;
    position: absolute;
}

.createAitemPanel .createAitemWizardMedialist .ui-datalist-item {
    display: inline-block;
    position: relative;
    width: 100%;
}

.createAitemPanel .createAitemWizardMedialistInfo {
    float: left;
    display: inline-block;
    padding: 15px;
    border: 1px solid #dddddd;
    width: calc(100% - 35px);
}

.createAitemPanel .createAitemWizardMedialistInfo .createAitemWizardMedialistFilename {
    font-weight: bold;
    width: 100%;
    display: block;
    padding-bottom: 15px;
}

.createAitemPanel .createAitemWizardMedialistInfo .createAitemWizardMedialistMessage {
    font-weight: normal;
    width: 100%;
    display: block;
}
.create-mediaitem-wizard-fileupload {
    width: 60%;
    display: block;
    border: solid 1px lightgray;
    padding: 30px 0 30px 0;
    margin: 0 20% 0 20%;
    position: relative;
}

.create-mediaitem-wizard-fileupload.over {
    cursor: copy;
    border: 2px dashed #000;
}

.create-mediaitem-wizard-fileupload.upload-inprogress {
    display: none;
}

.create-mediaitem-wizard-fileupload .ui-fileupload-buttonbar {
    background: none;
    margin: 0 auto;
    margin-top: 7em;
    width: auto;
    display: table;
    border: none;
}

.create-mediaitem-wizard-fileupload .ui-fileupload-content {
    border: none;
}

.create-mediaitem-wizard-fileupload .ui-fileupload-content .ui-fileupload-files {
    width: 100%;
}

.create-mediaitem-wizard-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row {
    font-weight: bold;
}

.create-mediaitem-wizard-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row div:nth-child(3) {
    display: none;
}

.create-mediaitem-wizard-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-preview {
    display: none;
}

.create-mediaitem-wizard-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-progress {
    float: right;
    height: 5px;
}

.create-mediaitem-wizard-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-progress .ui-progressbar {
    height: 5px;
    width: 300px !important;
    display: block;
    top: 0;
    float: right;
}

.create-mediaitem-wizard-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-progress .ui-progressbar-value {
    background-color: #127C80;
}

.create-mediaitem-wizard-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-cancel {
    display: none;
}

.create-mediaitem-wizard-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose .ui-icon {
    display: none;
}

.create-mediaitem-wizard-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose .ui-button-text {
    padding: .3em 1em;
}

.create-mediaitem-wizard-medialist-panel {
    position: relative;
}

.create-mediaitem-wizard-medialist-panel .create-mediaitem-wizard-medialist .ui-datalist-content {
    display: inline-block;
    width: 100%;
    border: none;
    background-color: inherit;
}

.create-mediaitem-wizard-medialist-panel .create-mediaitem-wizard-medialist-status {
    top: 10px;
    bottom: 10px;
    width: 7px;
    display: block;
    float: left;
    position: absolute;
}

.create-mediaitem-wizard-medialist-panel .create-mediaitem-wizard-medialist .ui-datalist-item {
    display: inline-block;
    position: relative;
    width: 100%;
}

.create-mediaitem-wizard-medialist-panel .create-mediaitem-wizard-medialist-info {
    float: left;
    display: inline-block;
    padding: 15px;
    border: 1px solid #dddddd;
    width: calc(100% - 35px);
}

.create-mediaitem-wizard-medialist-panel .create-mediaitem-wizard-medialist-info .create-mediaitem-wizard-medialist-filename {
    font-weight: bold;
    width: 100%;
    display: block;
    padding-bottom: 15px;
}

.create-mediaitem-wizard-medialist-panel .create-mediaitem-wizard-medialist-info .create-mediaitem-wizard-medialist-message {
    font-weight: normal;
    width: 100%;
    display: block;
}

.create-mediaitem-wizard-container .create-mediaitem-wizard-uploadinfo {
    width: 60%;
    margin: 0 auto 0 auto;
}

.create-mediaitem-wizard-container .create-mediaitem-wizard-cancel-upload,
.create-mediaitem-wizard-container .create-mediaitem-wizard-uploadinfo {
    display: none;
}

.create-mediaitem-wizard-container.upload-inprogress .create-mediaitem-wizard-cancel-upload,
.create-mediaitem-wizard-container.upload-inprogress .create-mediaitem-wizard-uploadinfo,
.create-mediaitem-wizard-container.upload-completed .create-mediaitem-wizard-uploadinfo,
.create-mediaitem-wizard-container.upload-completed-all .create-mediaitem-wizard-uploadinfo {
    display: block;
}

.create-mediaitem-wizard-container.upload-completed-all .create-mediaitem-wizard-fileupload,
.create-mediaitem-wizard-container.upload-completed-all .create-mediaitem-wizard-gln,
.create-mediaitem-wizard-container.upload-completed-all .create-mediaitem-wizard-uploadinfo hr {
    display: none;
}

.create-mediaitem-wizard-container.upload-inprogress .create-mediaitem-wizard-fileupload .ui-fileupload-choose,
.create-mediaitem-wizard-container.upload-inprogress .create-mediaitem-wizard-gln,
.create-mediaitem-wizard-container.upload-completed .create-mediaitem-wizard-gln,
.create-mediaitem-wizard-container.upload-completed .create-mediaitem-wizard-fileupload .ui-fileupload-choose,
.create-mediaitem-wizard-container.upload-completed-all .create-mediaitem-wizard-fileupload .ui-fileupload-choose {
    display: none;
}

.mediaitem-step-container {
    width: 100%;
    margin: 20px;
    box-sizing: border-box;
    display: inline-block;
}

.mediaitem-step-container .mediaitem-title {
    width: 100%;
    text-align: left;
    font-weight: bold;
    margin: 10px;
    display: block;
}

.mediaitem-step-container .mediaitem-step-medialist-panel {
    width: 100%;
    margin: 0 10px;
}

.mediaitem-step-container .mediaitem-step-medialist-panel .mediaitem-step-medialist .ui-datalist-content {
    border: none;
}

.mediaitem-step-medialist > .ui-datalist-content > .ui-datalist-data > li.ui-datalist-item {
    border-top: 6px solid #FFFFFF;
}

.mediaitem-step-container .mediaitem-step-medialist-panel .mediaitem-step-medialist .ui-datalist-content li.ui-datalist-item:first-child {
    border: none;
}

.mediaitem-step-container .ui-datalist-item {
	 background-color: #F7F7F7;
}

.mediaitem-step-container .mediaitem-step-medialist-item {
    display: flex;
    width: 100%;
    padding: 10px 10px 10px 20px;
    box-sizing: border-box;
    background-color: #F7F7F7;
}

.mediaitem-step-container .mediaitem-step-medialist-item-metadata {
    display: flex;
    width: 100%;
    padding: 10px;
    background-color: #F7F7F7;
}

.mediaitem-step-container .mediaitem-step-medialist-item-metadata > div {
    background-color: inherit;
}

.mediaitem-step-container .mediaitem-step-medialist-item-thumbnail-container {
    position: relative;
    margin: 10px 10px 10px 0;
}

.mediaitem-step-container .mediaitem-step-medialist-item-thumbnail {
    width: 90%;
    display: block;
    height: auto;
}


.validation-status {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 10%;
    justify-content: flex-end;
    padding:0 7px 7px;
}

.fa-4x {
    font-size: 4em;
}

.mediaitem-step-container .validation-message-container {
    margin-top: 5px;
    padding: 10px 10px 10px 20px;
}

.mediaitem-step-container .mediaitem-step-medialist-item-fields {
    display: flex;
    flex: 60%;
    margin: 10px 10px 10px 30px;
    justify-content: space-evenly;
    flex-direction: column;
}

.mediaitem-step-container .mediaitem-step-medialist-item-fields .mediaitem-step-medialist-item-name {
    width: 100%;
    display: block;
    font-weight: bold;
}

.mediaitem-step-container .mediaitem-step-medialist-item-fields .mediaitem-step-medialist-item-assettype-container,
.mediaitem-step-container .mediaitem-step-medialist-item-fields .mediaitem-step-medialist-itemlist-container {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
}

.mediaitem-step-medialist-item-fileEffectiveStartDateTime-calendar .hasDatepicker {
    width: calc(100% - 21.6em);
}

.mediaitem-step-container .mediaitem-step-medialist-item-fields .mediaitem-step-medialist-item-help {
    float: left;
}

.mediaitem-step-container .mediaitem-step-medialist-item-fields .mediaitem-step-medialist-item-assettype-label,
.mediaitem-step-container .mediaitem-step-medialist-item-fields .mediaitem-step-medialist-itemlist-label {
    float: left;
    overflow: hidden;
    margin-right: 5px;
    flex: 30%;
    flex-direction: row;
    line-height: 1.3em;
}

.mediaitem-step-container .mediaitem-step-medialist-item-fields .mediaitem-step-medialist-item-assettype-combobox-container,
.mediaitem-step-container .mediaitem-step-medialist-item-fields .mediaitem-step-medialist-itemlist-combobox-container {
    flex: 70%;

}

.mediaitem-step-container .mediaitem-step-medialist-item-fields .mediaitem-step-medialist-item-assettype-combobox-container .ui-combobox-outer {
    display: inline-block;
    width: calc( 100% - 20em );
}

.mediaitem-step-container .mediaitem-step-medialist-item-fields .mediaitem-step-medialist-item-assettype-combobox-container .mediaitem-step-medialist-item-assettype-error {
    margin-top: 3px;
}

.mediaitem-step-container .pim-chips-combo {
	box-sizing: border-box;
    height: auto;
    min-height: 25px;
    max-height: 73px;
    overflow-y: auto;
    padding: 1px 3px 0 2px;
    border: 1px solid #dddddd;
}

.mediaitem-step-container .pim-chips-combo-content {
    display: inline-table;
    width: calc(100% - 15px);
}

.mediaitem-step-container .pim-chips-combo-chip {
    border: solid 1px;
    margin: 2px;
    padding: 2px;
    white-space: nowrap;
    display: inline-block;
    background-color: #eee
}

.mediaitem-step-container .pim-chips-combo-caret {
    display: none;
}

.mediaitem-step-container .pim-chips-combo-overlay {
    width: 450px;
}

.mediaitem-step-container .pim-chips-combo-overlay-form {
    padding-bottom: 10px;
}

.mediaitem-step-container .pim-chips-combo-overlay-filter {
    width: 250px;
    margin-left: 5px;
}

.aitemValidationMessage {
    align-self: start;
}

.aitemValidationMessage .ui-message-error {
    background-color: inherit !important;
    margin-left: 0;
}

.pim-field {
    flex: 6%;

}
.pim-message {
    flex: 70%;
}
.validation-message-container li {
    display: flex;
    flex-direction: row;
    padding: 2px;
    border: none !important;
}
.validation-message-container li:last-child {
    display: flex;
    flex-direction: row;
}

.validation-message-toggle {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 10%;
    justify-content: flex-end;
    padding: 0 7px 7px;
}

/*-----------------------------------------------------------------*/
/* End of section                                                  */
/*-----------------------------------------------------------------*/

/*-----------------------------------------------------------------*/
/* Style-Classes used in the create- dialogs used for correct      */
/* column sizes.                                                   */
/*-----------------------------------------------------------------*/

#createTradeItemForm .column3 {
    width: 40px;
    vertical-align: middle;
}

#createTradeItemForm .column1 {
    text-align: right;
    padding-right: 10px;
    width: 14em;
}

.step1CreateTradeItemPanel .ui-message-error-detail {
    display: inline-block;
    padding-top: 2px;
}

#cretaeTradeItemGtinTooShortDialog {
    top: 2em !important;
}

/*-----------------------------------------------------------------*/
/* End of section                                                  */
/*-----------------------------------------------------------------*/

.pim-relation-row {
    height: 3em;
}

.pim-relation-row .column1 > div {
    white-space: nowrap;
}

.pim-relation-row .column2 {
    padding: 0 !important;
    height: 100%;
    display: block;
    white-space: nowrap;
}

.ui-dashboard-text {
    font-size: 13px;
    display: inline-block;
    padding-bottom: .1em;
    line-height: 1.4em;
}

.dashboard-chart-compaigne-container {
    width: 100%;
    display: block;
}

.dashboard-chart-compaigne-container .dashboard-chart-compaigne-new {
    padding: 3px 5px;
    background-color: #d9edf7;
    color: #454545;
    font-size: 14px;
    margin: 0 5px;
    border-radius: 3px;
}

.dashboard-chart-compaigne-container .dashboard-chart-compaigne-link {
    font-size: 13px !important;
    font-weight: bold;
    margin: 0 5px;
    text-decoration: none;
}

.dashboard-chart-compaigne-container .dashboard-chart-compaigne-rest {
    font-size: 13px;
    font-weight: bold;
}

.pim-ul:hover {
    background-color: aliceblue;
}

.pim-recent-items .pim-ul {
    width: 100%;
    height: 90px;
    display: inline-block;
    padding: 3px 0px 10px 0px;
    overflow:hidden;
}

.ui-draft-item-content {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}

.unrelease-hierarchy-container {
    width: 100%;
    max-height: 200px;
    overflow: auto;
    margin-bottom: 15px;
}

.unrelease-hierarchy-tables {
    margin: auto;
    width: 30em;
}

.publishing-editor-gpc-prediction-result tr {
    height: 2.5em;
    background-color: #fff;
    border-bottom: solid 1px #ddd !important;
}

/*-----------------------------------------------------------------*/
/* StyleClasses needed/used by the GPC Form field                  */
/*-----------------------------------------------------------------*/
.editor-row-value-gpc {
    display: block;
    width: calc(100% - 39px);
    padding-left: 27px;
}

.publishing-editor-gpc-container {
    padding: 1em;
    width: calc(100% - 34px);
}

.gpc-prediction-legal-notes {
    border-top: solid 1px;
    margin-top: 1em;
    padding-top: .5em;
    text-align: center;
}

.pim-formfield-label-4049111000000_GDSN_ClassificationCategoryCode {
    padding-left: 28px;
    width: auto;
}

.gpc-manual-block {
    width: 100%;
    overflow: hidden;
}

.gpc-manual-block-segment {
    float: left;
    width: 50%;
}

.gpc-manual-block-segment .gpc-manual-block-segment-label-content {
    width: 10em !important;
    display: inline-block;
    padding-right: 1em;
}

.gpc-manual-block-segment .gpc-manual-block-segment-input-content {
    width: calc(100% - 13em) !important;
    display: inline-block;
    padding-bottom: .5em;
    margin: 10px 0;
}

.gpc-manual-block-brick {
    background-color: #f2f2f2;
    float: right;
    width: 50%;
    padding: 1em 0;
}

.gpc-manual-combobox {
    width: 100%;
}

.gpc-manual-combobox input {
    width: calc(100% - 50px);
}

.brickAttributeLabel {
    width: 20em !important;
    display: inline-block;
    text-align: right;
    padding: 1em 1em 0 0;
}

.brickAttributeInput {
    width: calc(100% - 26em) !important;
    max-width: 25em !important;
    display: inline-block;
}

.brickAttributeValidationBubble {
    width: 5em !important;
    display: inline-block;
}

@media ( max-width: 1500px ) {
    .editor-row-value-gpc {
        display: block;
        width: calc(100% - 3.5em + 22px);
        padding-left: 31px !important;
    }
}

@media ( max-width: 1200px ) {
    .editor-row-value-gpc {
        display: block;
        padding-left: 3.5em !important;
        width: calc(100% - 3.5em - 20px);
    }

    .publishing-editor-gpc-container {
        padding: 1em;
        width: calc(100% - 2.75em);
    }

    .pim-formfield-label-4049111000000_GDSN_ClassificationCategoryCode {
        padding-left: 3.5em;
    }

    .gpc-manual-block {

    }

    .gpc-manual-block-segment {
        width: 100%;
        clear: unset;
    }

    .gpc-manual-block-brick {
        width: 100%;
        clear: unset;
        margin-top: 1em;
    }

    .brickAttributeLabel {
        width: 100% !important;
        text-align: left;
    }

    .brickAttributeInput {
        width: calc(100% - 4em) !important;
    }

}

/*-----------------------------------------------------------------*/
/* End of the GPC StyleClasses                                     */
/*-----------------------------------------------------------------*/

.createTradeItemWizard > .ui-wizard-step-titles > .ui-wizard-step-title {
    width: calc(33.3% - 1em - 4px);
    border: none;
}

.createTradeItemWizard > .ui-wizard-content {
    margin: 0;
}

.createAitemWizard > .ui-wizard-step-titles > .ui-wizard-step-title {
    width: calc(50% - 1em - 4px);
    border: none;
}

.createAitemWizard > .ui-wizard-content {
    margin: 0;
}

.createTradeItemContent {
    height: 350px;
    overflow: auto;
    padding: 0;
}

.createAitemContent {
    display: flex;
    height: 350px;
    overflow: auto;
    padding: 0;
}

.createTradeItemPanel {
    padding: 1em;
}

.createTrade-gpc-prediction-legal-notes {
    background-color: #fcf8e3;
    color: #a89268;
    border: solid 1px #fbefd3;
    padding: 1em;
    margin-top: 2em;
}

.createTradeItemToolbar {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.createTradeItemContent {
    height: calc(100% - 8em);
}

.createAitemContent {
    height: calc(100% - 8em);
    margin-left: 4em;
}

.dialog-section-title {
    color: #004085;
    background-color: #cce5ff;
    padding: .75rem 1.25rem;
    margin: 1rem;
    border: 1px solid #b8daff;
    display: block;
    margin-top: 1em;
    position: relative;
}

.dialog-confirm-description {
    color: #856404;
    background-color: #fff3cd;
    padding: .75rem 1.25rem;
    margin: 1rem;
    border: 1px solid #ffeeba;
    display: block;
    margin-top: 2em;
    position: relative;
}

.release-price-type-grid-panel > .ui-panel-content {
    max-height: 100px;
    overflow: auto;
}

.release-price-type-grid-panel > .ui-panel-content *:not( td ):not( th ) {
    overflow: visible !important;
}

/*-----------------------------------------------------------------*/
/* StyleClasses for the nutrition preview                          */
/*-----------------------------------------------------------------*/

.nutrient-preview-action {
    float: right;
    margin-bottom: .5em;
    margin-top: -0.5em;

}

.nutrition-content {
    overflow: auto;
    display: block;
}

@media print {
    .nutrition-content {
        overflow: visible;
        max-height: initial;
        display: block;
    }
}

.nutrition-subgroup {
    padding-left: 1em;
}

/*-----------------------------------------------------------------*/
/* End of StyleClasses for the nutrition preview                   */
/*-----------------------------------------------------------------*/

.legend-item-container {
    width: 100%;
    display: flex;
}

.legend-block {
    margin: 5px 2px;
    height: 2em;
    width: 2em;
    display: inline-block;
    float: left;
}

.legend-text-container {
    float: left;
    margin: 5px 0;
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
    flex: 1 1 auto;
}

.legend-info {
    vertical-align: text-bottom;
    font-size: 15px;
    width: 100%;
    display: block;
    font-weight: bold;
}

.legend-info-single {
    line-height: 24px;
    margin: 0 5px;
    font-weight: bold;
}

.legend-info-link {
    font-size: 15px !important;
    margin: 0 5px;
    float: left;
}

/* style classes for classification */
.pim-classification-content {
    min-height: 400px;
    margin-top: 1em;
}

.pim-classification-content .ui-tree-container {
    height: 300px;
}

.pim-classification-content .pim-node-selected {
    font-weight: bold;
}

.pim-classification-content .ui-action-apply {
    float: right;
    width: 100px;
    margin: 15px 0 10px 0;
}

.pim-classification-content .pim-formfield-label {
    width: 10em;
}

.pim-classification-content .pim-brick-panel {
    padding-top: 1em;
}

.pim-classification-content .pim-brick-attribute {
    padding: .5em 0;
    display: inline-block;
    width: 35em;
    overflow: hidden;
}

.pim-classification-content .pim-brick-attribute .ui-inputtext,
.pim-classification-content .pim-brick-attribute .ui-combobox-outer {
    margin: 10px 0;
}

.pim-classification-content .pim-brick-attribute .ui-inputtext {
    width: 300px;
}

.pim-eclass .pim-classification-content .pim-formfield-label {
    width: initial;
    text-align: left;
    padding: 0;
}

.pim-eclass .pim-classification-content .gpc-manual-combobox {
    margin: 10px 0;
    width: 400px;
}

.pim-eclass .pim-classification-content .pim-brick-panel .ui-combobox-outer .ui-combobox-input {
    width: 270px !important;
}

.pim-eclass .pim-classification-content .pim-brick-panel .ui-selectonemenu {
    width: 296px !important;
    overflow: hidden;
    height: 26px;
    margin: 8px 0 5px 0;
}

.pim-eclass .pim-classification-content .pim-brick-panel .ui-selectonemenu .ui-inputfield {
    width: auto !important;
    font-size: 12px;
}

.pim-eclass .pim-classification-content .pim-brick-panel .ui-selectonemenu .ui-selectonemenu-trigger {
    padding: 3px 0;
    height: 21px;
    width: 28px;
}

.pim-eclass .pim-classification-content .pim-brick-panel .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    margin: 3px auto;
}

.x-pim-smartSearchDialogContent {
    position: absolute;
    top: 0;
    bottom: 0;
    display: inline-block;
    overflow: auto;
    width: 100%;
    margin-bottom: 40px;
}

.x-pim-smartSearchDialogContent .x-pim-dynamicDialogContentWithToolbar {
    display: table;
    position: relative;
    overflow: initial;
}

.publishing-taskcount-bubble {
    position: relative;
    top: -0.6em;
}


/*-----------------------------------------------------------------*/
/* Start of StyleClasses for campaign panels                       */
/*-----------------------------------------------------------------*/
.ecommerce-attribute-campaign-content {
    margin: 25px;
}

.ecommerce-attribute-campaign-container {
    flex-direction: row;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 100%;
    text-decoration: none;
}

.ecommerce-attribute-campaign-container .ecommerce-attribute-campaign-image {
    width: 100%;
    height: 186px;
    background: url("/publishing/resources/images/campaign/banner_ui_1166.svg") no-repeat;
    background-size: contain;
}

.login_main .ecommerce-attribute-campaign-container .ecommerce-attribute-campaign-image {
    height: 80px;
}

.ecommerce-attribute-campaign-container .ecommerce-attribute-campaign-image_en {
    width: 100%;
    height: 186px;
    background: url("/publishing/resources/images/campaign/banner_ui_1166_en.svg") no-repeat;
    background-size: contain;
}

.eCommerceAttributeCampaignPanel.dashboard-panel-flat {
    height: 160px !important;
}

.ecommerce-attribute-campaign-container .ecommerce-attribute-campaign-text .ecommerce-attribute-campaign-title {
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
    color: #31708f;
    width: 100%;
    display: block;
    margin-bottom: 5px;
    cursor: pointer;
}

.ecommerce-attribute-campaign-container .ecommerce-attribute-campaign-text .ecommerce-attribute-campaign-description {
    font-size: 13px;
    color: #454545;
    width: 100%;
    display: block;
    cursor: pointer;
}

.ecommerce-attribute-campaign-container .ecommerce-attribute-campaign-button {
    margin-left: auto;
    margin-right: 75px;
    font-size: 13px;
    color: #454545;
    width: 120px;
    height: 32px;
    display: block;
    background-color: #fff;
    border: 1px solid #95989a;
    text-align: center;
    line-height: 32px;
    vertical-align: middle;
}

.ecommerce-attribute-campaign-dialog-container {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    padding: 20px;
    width: 100%;
}

.ecommerce-attribute-campaign-dialog-container .ecommerce-attribute-campaign-dialog-content {
    width: 60%;
    display: block;
    float: left;
    padding: 20px;
    box-sizing: border-box;
    position: relative;
}

.ecommerce-attribute-campaign-dialog-container .ecommerce-attribute-campaign-dialog-content .ecommerce-attribute-campaign-dialog-title {
    width: 100%;
    display: block;
    font-size: 18px;
    color: #323232;
}

.ecommerce-attribute-campaign-dialog-container .ecommerce-attribute-campaign-dialog-content .ecommerce-attribute-campaign-dialog-title .ecommerce-attribute-campaign-dialog-title-icon {
    font-size: 18px;
    margin-right: 10px;
}

.ecommerce-attribute-campaign-dialog-container .ecommerce-attribute-campaign-dialog-content .ecommerce-attribute-campaign-dialog-description {
    width: 100%;
    display: block;
    font-size: 13px;
    margin-top: 17px;
    color: #323232;
}

.ecommerce-attribute-campaign-dialog-container .ecommerce-attribute-campaign-dialog-content .ecommerce-attribute-campaign-dialog-upper-text {
    width: 100%;
    display: block;
    font-size: 13px;
    margin-top: 36px;
    color: #919195;
}

.ecommerce-attribute-campaign-dialog-container .ecommerce-attribute-campaign-dialog-button {
    width: 50%;
    display: block;
    font-size: 1.667em;
    font-weight: bold;
    margin: 50px auto 20px auto;
    color: #fff;
    border: none;
    background-color: #31708f;
}

.ecommerce-attribute-campaign-dialog-container .ecommerce-attribute-campaign-dialog-image-container {
    width: 40%;
    max-width: 320px;
    display: block;
    float: right;
    height: 100%;
}

.ecommerce-attribute-campaign-dialog-container .ecommerce-attribute-campaign-dialog-image-container .ecommerce-attribute-campaign-dialog-image {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.ecommerce-attribute-campaign-dialog-container .ecommerce-attribute-campaign-dialog-scores-container {
    margin: 10px 0;
}

.ecommerce-attribute-campaign-dialog-container .ecommerce-attribute-campaign-dialog-scores-container .ecommerce-attribute-campaign-dialog-score-item {
    margin: 15px 0;
    display: inline-block;
    width: 100%;
}

.ecommerce-attribute-campaign-dialog-container .ecommerce-attribute-campaign-dialog-scores-container .ecommerce-attribute-campaign-dialog-score-text-container {
    width: 100%;
    display: inline-block;
}

.ecommerce-attribute-campaign-dialog-container .ecommerce-attribute-campaign-dialog-scores-container .ecommerce-attribute-campaign-dialog-score-text-container .ecommerce-attribute-campaign-dialog-score-index {
    width: 22px;
    height: 19px;
    text-align: center;
    display: block;
    color: #fff;
    font-size: 13px;
    float: left;
    margin-right: 5px;
    line-height: 19px;
    font-weight: bold;
}

.ecommerce-attribute-campaign-dialog-container .ecommerce-attribute-campaign-dialog-scores-container .ecommerce-attribute-campaign-dialog-score-text-container .ecommerce-attribute-campaign-dialog-score-index-1 {
    background-color: #6cbb32;
}

.ecommerce-attribute-campaign-dialog-container .ecommerce-attribute-campaign-dialog-scores-container .ecommerce-attribute-campaign-dialog-score-text-container .ecommerce-attribute-campaign-dialog-score-index-2 {
    background-color: #008f5a;
}

.ecommerce-attribute-campaign-dialog-container .ecommerce-attribute-campaign-dialog-scores-container .ecommerce-attribute-campaign-dialog-score-text-container .ecommerce-attribute-campaign-dialog-score-index-3 {
    background-color: #00acc7;
}

.ecommerce-attribute-campaign-dialog-container .ecommerce-attribute-campaign-dialog-scores-container .ecommerce-attribute-campaign-dialog-score-text-container .ecommerce-attribute-campaign-dialog-score-text {
    float: left;
    color: #454545;
    font-size: 13px;
    font-weight: bold;
    margin: 3px 0;
}

.ecommerce-attribute-campaign-dialog-container .ecommerce-attribute-campaign-dialog-scores-container .ecommerce-attribute-campaign-dialog-score-value-container {
    width: 100%;
    display: flex;
}

.ecommerce-attribute-campaign-dialog-container .ecommerce-attribute-campaign-dialog-scores-container .ecommerce-attribute-campaign-dialog-score-value-container .ecommerce-attribute-campaign-dialog-score-value {
    float: right;
    font-weight: bold;
    font-size: 13px;
}

.ecommerce-attribute-campaign-dialog-container .ecommerce-attribute-campaign-dialog-scores-container .ecommerce-attribute-campaign-dialog-score-value-container .ecommerce-attribute-campaign-dialog-score-value-outer {
    height: 7px;
    background-color: #dcdcdc;
    display: block;
    margin: 4px 5px 4px 0;
    position: relative;
    flex: 1 1 auto;
}

.ecommerce-attribute-campaign-dialog-container .ecommerce-attribute-campaign-dialog-scores-container .ecommerce-attribute-campaign-dialog-score-value-container .ecommerce-attribute-campaign-dialog-score-value-outer .ecommerce-attribute-campaign-dialog-score-value-inner {
    height: 7px;
    background-color: #31708f;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.ecommerce-attribute-campaign-dialog-container .ecommerce-attribute-campaign-dialog-scores-container .ecommerce-attribute-campaign-dialog-score-description {
    float: none;
    color: #919195;
    font-size: 13px;
    width: 100%;
    display: block;
}

.ecommerce-attribute-campaign-dialog .ecommerce-attribute-campaign-dialog-video-container {
    position: relative;
    padding-bottom: 55.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.ecommerce-attribute-campaign-dialog .ecommerce-attribute-campaign-dialog-video-container iframe,
.ecommerce-attribute-campaign-dialog .ecommerce-attribute-campaign-dialog-video-container object,
.ecommerce-attribute-campaign-dialog .ecommerce-attribute-campaign-dialog-video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*-----------------------------------------------------------------*/
/* End of StyleClasses for campaign panels                         */
/*-----------------------------------------------------------------*/



.mediaitem-thumbnail {
    max-height: 100px;
    max-width: 100px;
    border: 1px solid #dddddd;
    margin: 10px 10px 10px 10px;
}


.selectedTradeItemsForMediaItemInput {
    text-align: left;
    height: 5em;
    flex-grow: 1;
}

.createMediaItem-itemCombobox {
    width: calc( 100% - 20em ) !important;
    display: inline-block;
}



.ui-pim-widget table thead tr {
    border-bottom: solid 1px black !important;
    line-height: 1em;
}

.ws-error-list table thead tr {
    border-bottom: solid 1px black !important;
    line-height: 1em;
}

.ws-error-list table tr > * {
    height: 2em;
}

.ws-error-list table tbody tr {
    line-height: 1.5em;
}


.ws-error-list table tr th {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

    word-wrap: break-word;
    display: inline-block;
    box-sizing: border-box;
}

.ws-error-list table tr td {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

    word-wrap: break-word;
    display: inline-block;
    box-sizing: border-box;
    margin-bottom: -6px;
    padding-top: 10px;
}

.ws-error-list table tr td:nth-child(1) {
                padding-left: 5px;
                padding-right: 5px;
                text-overflow: unset;
                vertical-align: top;

}
.ws-error-list table tr td:nth-child(2) {
                width: 35px;
}
.ws-error-list table tr td:nth-child(3) {
    width: 80px;
}
.ws-error-list table tr td:nth-child(4) {
    width: calc( 100% - 145px );
}
.ws-error-list table tr td:nth-child(5) {
    width: 100%;
    padding-top: 0;
    padding-bottom: 6px;
    padding-left: 35px;
}

.ws-error-list table tr th {
    padding-top: 8px;
}

.ws-error-list table tr th:nth-child(1) {
    padding-left: 0;
    padding-right: 0;
    text-overflow: unset;
}
.ws-error-list table tr th:nth-child(2) {
    width: 35px;
}
.ws-error-list table tr th:nth-child(3) {
    width: 80px;
}
.ws-error-list table tr th:nth-child(4) {
    width: calc( 100% - 145px );
}
.ws-error-list table tr th:nth-child(5) {
    width: 100%;
    display: none;
    padding-left: 35px;
}

.ws-error-list .ui-widget-content a {
    color: #127C80;
}

.no-border tr, .no-border td {
    border: none !important;
}

.pim-hitlist-details .pim-bubble {
    margin-left: -5px;
}

.error-details-dialog-support-message {
	overflow: auto;
	padding:10px;
	width: 517px;
}

.right-space {
	padding-right:5px;
}

.ws-cic-list table thead tr {
    border-bottom: solid 1px black !important;
    line-height: 1em;
}

.ws-cic-list table tr > * {
    height: 2em;
}

.ws-cic-list table tbody tr {
    line-height: 1.5em;
}


.ws-cic-list table tr th {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

    word-wrap: break-word;
    display: inline-block;
    box-sizing: border-box;
}

.ws-cic-list table tr td {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

    word-wrap: break-word;
    display: inline-block;
    box-sizing: border-box;
    margin-bottom: -6px;
    padding-top: 10px;
}

.ws-cic-list table tr td:nth-child(1) {
    width: 21px;
    padding-left: 5px;
    padding-right: 5px;
    text-overflow: unset;
    vertical-align: top;
}
.ws-cic-list table tr td:nth-child(2) {
    width: 100px;
}

.ws-cic-list table tr td:nth-child(3) {
    width: calc(100% - 125px);
}

.ws-cic-list table tr th {
    padding-top: 8px;
}

.ws-cic-list table tr th:nth-child(1) {
    padding-left: 0;
    padding-right: 0;
    width: 21px;
    text-overflow: unset;
}
.ws-cic-list table tr th:nth-child(2) {
    width: 100px;
}

.ws-cic-list table tr th:nth-child(3) {
    width: calc(100% - 125px);
}

.ws-cic-list .ui-widget-content a {
    color: #127C80;
}


/**
 * publication info widget
 */
.ws-publication-list table thead tr {
    border-bottom: solid 1px black !important;
    line-height: 1em;
}

.ws-publication-list table tr > * {
}

.ws-publication-list  .ui-datatable-odd {
    background-color: #fff;
}

.ws-publication-list table tbody tr:before {
    content:"@";
    display:block;
    visibility:hidden;
    line-height:10px;
    text-indent:-99999px;
}


.ws-publication-list table tbody tr {
	border-bottom: solid 1px #95989A !important;
    line-height: 1.5em;
}


.ws-publication-list table tr th {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

    word-wrap: break-word;
    display: inline-block;
    box-sizing: border-box;
}

.ws-publication-list table tr td {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

    word-wrap: break-word;
    display: inline-block;
    box-sizing: border-box;
    margin-bottom: -6px;
    padding: 5px;
}

.ws-publication-list table tbody tr:hover {
}

.ws-publication-list table tr td:nth-child(1) {
    width: 35px;
    background-position: center center;
}
.ws-publication-list table tr td:nth-child(2) {
    width: 85px;
}
.ws-publication-list table tr td:nth-child(3) {
    width: calc( 100% - 150px );
}
.ws-publication-list table tr td:nth-child(4) {
    width: 25px;
    background-position: center center;
    background-color: transparent !important;
    color: #ff891e !important;
    border-left: 1px solid #E1E1E1 !important;
}
.ws-publication-list table tr td:nth-child(5) {
    width: 100%;
    padding-top: 0;
    padding-bottom: 6px;
    padding-left: 45px;
}

.ws-publication-list table tr td:nth-child(4):hover {
    background-color: #F4F4F4 !important;
}   
    
.ws-publication-list table tr th {
    padding-top: 8px;
}

.ws-publication-list table tr th:nth-child(1) {
    width: 35px;
}
.ws-publication-list table tr th:nth-child(2) {
    width: 85px;
}
.ws-publication-list table tr th:nth-child(3) {
    width: calc( 100% - 150px );
}
.ws-publication-list table tr th:nth-child(4) {
    width: 25px;
}
.ws-publication-list table tr th:nth-child(5) {
    width: 100%;
    display: none;
}

.ws-publication-list table tr td:nth-child(4) .fa.fa-cloud-download.unpublishing-icon {
	color: #ff891e !important;
}

.dqg-widget-update {
    line-height: 1.3em;
}

.rssFeed > .ui-widget-content {
    overflow: auto;
    margin: 15px !important;
    height: calc( 100% - 56px );
}

.ui-panel-hover:hover {
    filter: brightness(95%);
}

.feedReader>.ui-panel-content {
    overflow: auto;
}

.pim-upload {
    width: 80%;
    height: 140px;
    margin: auto;
}

.pim-horizontal-container {
    width: 100%;
}

.mediaitem-container {
    width: 100%;
    margin: 20px;
    box-sizing: border-box;
    display: inline-block;
}

.mediaitem-container .mediaitem-title {
    width: 100%;
    text-align: left;
    font-weight: bold;
    margin: 10px;
    display: block;
}

.mediaitem-container .mediaitem-step-medialist-panel {
    width: 100%;
    margin: 0 10px;
}

.mediaitem-container .mediaitem-step-medialist-panel .mediaitem-step-medialist .ui-datalist-content {
    border: none;
}

.mediaitem-medialist > .ui-datalist-content > .ui-datalist-data > li.ui-datalist-item {
    border-top: 6px solid #FFFFFF;
}

.mediaitem-container .mediaitem-step-medialist-panel .mediaitem-step-medialist .ui-datalist-content li.ui-datalist-item:first-child {
    border: none;
}

.mediaitem-container .ui-datalist-item {
    background-color: inherit;
}

.mediaitem-container .mediaitem-step-medialist-item {
    display: flex;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    background-color: #FFFFFF;
}

.mediaitem-container .mediaitem-step-medialist-item-metadata {
    display: flex;
    width: 100%;
    padding: 10px;
    background-color: #F7F7F7;
}

.mediaitem-container .mediaitem-step-medialist-item-metadata > div {
    background-color: inherit;
}

.mediaitem-container .mediaitem-step-medialist-item-thumbnail-container {
    position: relative;
    margin: 10px 10px 10px 0;
}

.mediaitem-container .mediaitem-step-medialist-item-thumbnail {
    width: 90%;
    display: block;
    height: auto;
}

.mediaitem-container .mediaitem-step-medialist-item-fields {
    display: flex;
    flex: 60%;
    margin: 10px 10px 10px 30px;
    justify-content: space-evenly;
    flex-direction: column;
}

.mediaitem-container .mediaitem-step-medialist-item-fields .mediaitem-step-medialist-item-name {
    width: 100%;
    display: block;
    font-weight: bold;
}

.mediaitem-container .mediaitem-step-medialist-item-fields .mediaitem-step-medialist-item-assettype-container,
.mediaitem-container .mediaitem-step-medialist-item-fields .mediaitem-step-medialist-itemlist-container {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
}

.mediaitem-container .mediaitem-step-medialist-item-fields .mediaitem-step-medialist-item-help {
    float: left;
}

.mediaitem-container .mediaitem-step-medialist-item-fields .mediaitem-step-medialist-item-assettype-label,
.mediaitem-container .mediaitem-step-medialist-item-fields .mediaitem-step-medialist-itemlist-label {
    float: left;
    overflow: hidden;
    margin-right: 5px;
    flex: 160px;
    flex-direction: row;
    line-height: 1.3em;
}

.mediaitem-container .mediaitem-step-medialist-item-fields .mediaitem-step-medialist-item-assettype-combobox-container,
.mediaitem-container .mediaitem-step-medialist-item-fields .mediaitem-step-medialist-itemlist-combobox-container {
    flex: 70%;

}

.mediaitem-container .mediaitem-step-medialist-item-fields .mediaitem-step-medialist-item-assettype-combobox-container .ui-combobox-outer {
    display: inline-block;
    width: calc( 100% - 20em );
}

.mediaitem-container .mediaitem-step-medialist-item-fields .mediaitem-step-medialist-item-assettype-combobox-container .mediaitem-step-medialist-item-assettype-error {
    margin-top: 3px;
}

.mediaitem-container .pim-chips-combo {
    box-sizing: border-box;
    height: auto;
    min-height: 25px;
    max-height: 73px;
    overflow-y: auto;
    padding: 1px 3px 0 2px;
    border: 1px solid #dddddd;
}

.mediaitem-container .pim-chips-combo-content {
    display: inline-table;
    width: calc(100% - 15px);
}

.mediaitem-container .pim-chips-combo-chip {
    border: solid 1px;
    margin: 2px;
    padding: 2px;
    white-space: nowrap;
    display: inline-block;
    background-color: #eee
}

.mediaitem-container .pim-chips-combo-caret {
    display: none;
}

.mediaitem-container .pim-chips-combo-overlay {
    width: 450px;
}

.mediaitem-container .pim-chips-combo-overlay-form {
    padding-bottom: 10px;
}

.mediaitem-container .pim-chips-combo-overlay-filter {
    width: 250px;
    margin-left: 5px;
}

.mediaitem-container .validation-panel {
    display: flex;
    width: 100%;
    padding: 10px 10px 10px 20px;
    box-sizing: border-box;
    background-color: #F7F7F7;
    min-height: 102px;
    margin-top: 6px;
}

.mediaitem-container .validation-status {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 102px;
    justify-content: center;
    padding:0;
    flex: unset;
}

.mediaitem-container .validation-panel .metadata {
    display: flex;
    width: 100%;
    padding: 10px 10px 10px 20px;
    background-color: #F7F7F7;
}

.mediaitem-container .validation-panel .metadata > div {
    background-color: inherit;
}

.mediaitem-container .validation-panel .thumbnail-container {
    position: relative;
    margin: 10px 10px 10px 0;
}

.mediaitem-container .validation-panel .thumbnail {
    width: 90%;
    display: block;
    height: auto;
}

.mediaitem-container .validation-panel .fields {
    display: flex;
    flex: 60%;
    margin: 10px;
    justify-content: space-evenly;
    flex-direction: column;
}

.mediaitem-container .validation-panel .fields .name {
    width: 100%;
    display: block;
    font-weight: bold;
}

.mediaitem-container .validation-panel .fields .mediaitem-step-medialist-item-assettype-container,
.mediaitem-container .validation-panel .fields .mediaitem-step-medialist-itemlist-container {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
}

.mediaitem-container .validation-panel .validation-message-container {
    margin: 10px 10px 10px 30px;
    align-self: center;
}

.mediaitem-container .validation-panel .fields .mediaitem-step-medialist-item-help {
    float: left;
}

.mediaitem-container .validation-panel .fields .mediaitem-step-medialist-item-assettype-label,
.mediaitem-container .validation-panel .fields .mediaitem-step-medialist-itemlist-label {
    float: left;
    overflow: hidden;
    margin-right: 5px;
    flex: 30%;
    flex-direction: row;
    line-height: 1.3em;
}

.mediaitem-container .validation-panel .fields .mediaitem-step-medialist-item-assettype-combobox-container,
.mediaitem-container .validation-panel .fields .mediaitem-step-medialist-itemlist-combobox-container {
    flex: 70%;

}

.mediaitem-container .validation-panel .fields .mediaitem-step-medialist-item-assettype-combobox-container .ui-combobox-outer {
    display: inline-block;
    width: calc( 100% - 20em );
}

.mediaitem-container .validation-panel .fields .mediaitem-step-medialist-item-assettype-combobox-container .mediaitem-step-medialist-item-assettype-error {
    margin-top: 3px;
}

.upload-button {
    display: inline-block;
    margin: 0.35em;
    color: rgb(18, 124, 128) !important;
    border: 1px solid rgb(18, 124, 128);
    background: rgb(255, 255, 255);
    box-sizing: border-box;
    position: relative;
    vertical-align: baseline;
    top: -1px;
}

.upload-button .ui-fileupload-content {
    display: none;
}

.upload-button .ui-fileupload-buttonbar {
    border: none;
    background: none;
    width: auto;
    padding: 0;
}

.upload-button .ui-fileupload-buttonbar .ui-button {
    color: #127C80 !important;
    background: #fff;
    margin: 0;
    padding: 0;
    border: none;
}

.upload-button .ui-button-text-icon-left .ui-button-text {
    padding-left: 1em;
}

.upload-button .ui-icon-plusthick {
    display: none;
}
.upload-button .ui-fileupload-buttonbar .ui-button:hover {
    background-color: #e5e5e5 !important
}


.mediaitem-step-medialist-mediaitem {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    background-color: #f7f7f7;
    padding: 10px 10px 10px 20px;
}

.upload-media-toolbar {
    height: auto !important;
    display: flex;
    flex-direction: column;
    padding: 5px;
}

.upload-media-toolbar .ui-toolbar-group-right {
    float: none;
}

.upload-media-action {
    width: 100%;
    box-sizing: border-box;
    margin: 0 !important;
}

.toolbar-publishing-button {
	max-width: 72px;
	min-width: 60px;
}

.validation-severity {
    padding-top: 10px;
}

.pim-editor-navigation-full-content.template-navigation {
	border-bottom: solid 1px #ddd;
	display: flex;
	flex-direction: column;
}

.template-navigation > .pim-navigation-menu {
	height: 100%;
}

@media ( max-width: 1024px ) {
    .pim-formfield-label {
        padding-left: 0px;
        padding-bottom: 0.5em;
        text-align:   left;
        display:      block;
    }

    .editor-row-value {
        display:      block;
        padding-left: 0px !important;
        width:        calc( 100% + 1rem);
    }
    
    .editor-row-value input, .editor-row-value textarea {
    	width: 81%!important;
    	max-width: 88%;
    }
    
    .editor-row-value .hasDatepicker {
    	width: 360px;
    }

    .ui-layout-pane-east {
    	width:25%!important;
    }
    
     .ui-layout-west {
    	width: 40%!important;
    }
    
    input.propertyEditorFormField, textarea.propertyEditorFormField {
    	width:100%;
    }
    
    .propertyEditorFormField {
    	width:100%!important;
    }
    
    .ui-combobox-outer.propertyEditorFormField {
    	width: 100% !important; 
    	max-width: calc(100% - 5.6em)!important;
	}
	
	.editor-row-value > .deleteicon.textarea {
        width: 100% !important;
    }
    
    .pim-formfield-scope-container-composite .editor-row {
    	margin: 0 0 0 0px!important;
    }
    
    .pim-composite-outer.ui-datatable-no-header{
    	margin: 0 0 0 0px!important;
    	width: calc( 100% - 4em ) !important;
    }
    
    .editor-row-scope .ui-combobox-outer.propertyEditorFormField {
    	width: 100%!important;
    }
    
    .toolbar-publishing-button {
		max-width: 49px;
		min-width: 30px;
	}
	
	.full-toolbar .pim-item-profile {
		display: none!important;
	}
	
	.editor-row-value-gpc {
	    display: block;
	    padding-left: 0px!important;
	    width: calc(100% - 3.5em);
	}
	
	.enrichable-supplier-badge,
	.enrichable-recipient-badge {
		margin-left : 0rem!important;
	} 
	
}

@media ( max-width: 768px ) {
	
	.pim-item-profile .pim-quickview-row {
		display: none !important;
	}
	
	.full-toolbar .pim-media-image-panel {
		display: none!important;
	}
	
	.supplierItemDetailsToolbar .ui-toolbar-group-left {
    	width: 95%;
	}
	
	.editor-row-value .hasDatepicker {
    	width: 80%;
    }
 
    .pim-composite-outer.ui-datatable-no-header{
    	margin: 0 0 0 0px!important;
    	width: calc( 100% - 2.4em ) !important;
    }
    
    .ui-combobox-outer.propertyEditorFormField {
    	width: 100%!important;
    	max-width: calc(100% - 4em)!important;
	}
    
    .pim-formfield-scope-container-composite .editor-row {
    	margin: 0px!important;
    }
    
    .ui-layout-pane-east ul.ui-tabs-nav.ui-helper-reset.ui-widget-header.ui-corner-all > .ui-corner-top {
    	max-width: 63px;
	}
	
	.ui-layout-unit.ui-widget.ui-widget-content.ui-corner-all.ui-layout-north.ui-layout-pane.ui-layout-pane-north {
		height: 108px!important;
	}
	
	td span.ui-panel-title {
	    display: inline-block;
	    max-width: 65%;
	}
	
	.editor-row-value-gpc {
	    display: block;
	    padding-left: 0px!important;
	    width: calc(100% - 2em)!important;
	}
	
}

@media (min-width: 1030px) and (max-width:1300px) {
	.enrichable-supplier-badge,
	.enrichable-recipient-badge,
	.enriched-field-warning,
	.enrichable-field-warning {
		margin-left : 2.5rem!important;
	} 
}

@media (min-width: 1301px) and (max-width:1499px) {
	.enrichable-supplier-badge,
	.enrichable-recipient-badge,
	.enriched-field-warning,
	.enrichable-field-warning {
		margin-left : 23rem!important;
	} 
}
	

@media ( max-width: 1500px ) {
	
	.editor-row-value-gpc {
	    display: block;
	    width: calc(100% - 60px);
	    padding-left: 27px;
	}

    .editor-row-value input, .editor-row-value textarea {
    	width: 51%;
    }
    
    input.propertyEditorFormField, textarea.propertyEditorFormField {
    	width:100%;
    }
    
    .ui-combobox-outer.propertyEditorFormField {
    	width: 85%; 
    	max-width: calc(100% - 5.6em);
	}
	
	.editor-row-value > .deleteicon.textarea {
        width: 88%;
    }

}

@media (min-width: 1500px) {
	.enrichable-supplier-badge,
	.enrichable-recipient-badge,
	.enriched-field-warning,
	.enrichable-field-warning {
		margin-left : 20rem!important;
	} 
}


.enrichment-panel-container .fa-plus, 
.enrichment-panel-container .fa-minus {
	font-size: 13px;
	float: right;
	padding-right:3%;
	cursor: pointer;
}

.supplier-enrichment-container {
	margin-bottom: 7%;
}

.enrichmentEntry {
	display:block;
	border-bottom:1px solid gray;
	margin:3%;
	padding-bottom: 1%;
}

.enrichmentEntry:selected {
	background: #F4F4F4 0% 0% no-repeat padding-box;
	opacity: 1;
}

.supplier-enrichment-title {
	color: #FFFFFF;
	width: 100%;
	padding: 1.5%;
	display: inline-block;
    font-weight: bold;
    margin-bottom: 2%;
	
}
.enrichment-message {
	display: inline-block;
	padding: 4%;
}

.supplier-enricher,
.recipient-enricher  {
	padding-bottom: 1%;
    font-weight: bold;
}

.recipient-enrichment-title {
	opacity:1;
	background: #6F8CA2 0% 0% no-repeat padding-box;
	color: #FFFFFF;
	width:100%;
	padding: 2%;
	display: inline-block;
}

.enriched-attributes {
	margin: 3% 8%;
	border-bottom: 0.5px solid #F4F4F4;
}

.enriched-attribute-name,
.enriched-attribute-status-label {
	background:#FFFFFF 0% 0% no-repeat padding-box;
}

.enriched-attribute-name .fa-lock, .enriched-attribute-name .fa-unlock {
    font-size: 18px;
    color: #919195;
}

.enriched-attribute-status-label,
.three-perc-padding-bottom {
	padding-bottom: 3%;
	padding-top: 1%;
	display: block;
}

.enriched-attribute-name {
	font-weight: bold;
	padding-bottom: 2%;
}

.enrichable-supplier-badge,
.enrichable-supplier-badge-composite
{
	border-radius: 0.5rem;
    padding: 0.1rem 0.5rem;
    text-align: center;
    color: white;
	background-color: #143C90 !important;
    border-color:     #143C90 !important;
    color:            #fff !important;
}

.enrichable-supplier-badge-composite,
.enrichable-recipient-badge-composite {
    margin: 0.2rem 0.2rem 0.2rem 1rem;
    display: inline-block;
}

.enrichable-supplier-badge,
.enrichable-recipient-badge {
    margin: 0.2rem;
    display: table;
}

.enrichable-recipient-badge,
.enrichable-recipient-badge-composite {
    border-radius: 0.5rem;
    padding: 0.1rem 0.5rem;
    text-align: center;
    color: white;
    background-color: #6F8CA2 !important;
    border-color:     #6F8CA2 !important;
    color:            #fff !important;
}


.composite-enrichment-badge {
	border-radius: 0.4rem;
    padding: 0.1rem 0.4rem;
    text-align: center;
    display: inline-block;
    color: white;	
    font-weight: normal;
    background-color: #143C90 !important;
    border-color:     #143C90 !important;
    color:            #fff !important;
}

/* TODO: Move this as a part of a theme */
.recipient-color {
    background-color: #6F8CA2 !important;
    border-color: #6F8CA2 !important;
    color: #fff !important;
}

/** TODO CAUTION!! this border color has to be replaced with the main
color of each installation. Right now it is hard-coded for FMCG systems */
.enrichable-supplier-mark {	
	border-left: 4px #143C90 solid!important;
}

input:disabled.enrichable-supplier-mark, textarea:disabled.enrichable-supplier-mark  {   
    border-left: 4px #143C90 solid!important;
    opacity: 1 !important;
    border-top-color: #e1e1e1 !important;
    border-bottom-color: #e1e1e1 !important;
    border-right-color: #e1e1e1 !important;
    color: #c1c1c1;
}


.enrichable-recipient-mark {
	border-left: 4px #6F8CA2 solid!important;
}

.enrichable-field-warning,
.enrichable-field-warning-composite {
	color: #125580;
}

.enriched-field-warning,
.enriched-field-warning-composite {
	color: #125580;
}

.enrichable-field-warning,
.enriched-field-warning,
.enriched-field-warning-composite,
.enrichable-field-warning-composite {
	font-style:italic;
	margin-top: 0.4rem;
}

.with-composite-background {
    background: #D9EDF7 0% 0% no-repeat padding-box;
    color: #125580;
    font-style: italic;
    padding: 0.5rem;
    margin: 0.5rem 0.0rem!important;
    display: flex;
    font-weight: normal;
    font: italic normal normal 11px/13px Roboto;
    letter-spacing: 0.3px
}

.enriched-attributes .group-lock-unlock button {
	border: 1px solid #143C90 !important;
    color: #143C90 !important;
    background-color: #fff !important;
}


.companyList table tbody tr td {
	vertical-align: middle;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.companyList table tbody tr td .company-name {
    background-color: transparent;
    color: #454545;
    float: left;
    padding-left: 0px;
    margin-left: 0px;
}

.companyList table tbody tr td .trusted-recipient-view-list-link {
    background-color: transparent;
    color: #127C80; 
    text-decoration: underline; 
    vertical-align: middle !important;
}

.companyList table tbody tr td .trusted-recipient-recommended-flag {
    color: #fff; 
    background-color: #919195; 
    float: left; 
    padding-left:5px;
}


.publication-trusted-recipient-marketing-link {
    color: #127C80 !important; 
    text-decoration: underline; 
    padding-right:5px;
    float: right;
}

#publishTradeItemDialog .x-pim-dynamicDialogContentWithToolbar {
    height: calc( 100% - 4.2em );
    overflow:hidden;
}

.aitem-asset-delete {
    background-color: #fff !important;
    border-color:     #ff891e !important;
    color:            #ff891e !important;
}

.aitem-asset-delete:hover {
    background-color: #e5e5e5 !important;
}

.health-star-rating-message {
    width: fit-content;
    text-align:     left;
    display:        flex;
    padding: 0.5em 0.5em 0.5em 0.5em;
    color:          #125580 !important;
    background-color: #D9EDF7 !important;
    border-color:     #D9EDF7 !important;
    margin: 0.5rem 0.2rem 0.2rem 6.2rem !important;
}

.warning-message {
    background-color: #fff3cd;
    border: 1px solid #ffeeba;
    color: #856404;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 25px;
    position: relative;
    display: block;
}

.warning-message .close-btn {
    position: absolute;
    top: 15px;
    right: 10px;
    cursor: pointer;
    color: #856404;
    font-weight: bold;
}

.warning-message .tooltip-btn {
    position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer;
}

.grecaptcha-badge {
    bottom: 25px !important;
}
.char-box {
    display: flex;
    flex-direction: column; /* stack character rows vertically */
    border: 1px solid #ccc;
    padding: 8px;
    background: #f9f9f9;
    gap: 8px; /* space between rows in box */
}
.char-display {
    font-size: 20px;
    font-weight: bold;
}
.scratchpad-text-area {
     flex: 1;
     font-size: 1.2em !important;
     line-height: 1.5em;
     padding: 0.5em 0.7em;
     border: 1px solid #ccc;
     resize: vertical;
 }
.char-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.char-pair {
    cursor: pointer;
    padding: 6px 10px;
    border: 1px solid #ccc;
    text-align: center;
    font-size: 1.2em;
    min-width: 40px;
    transition: background-color 0.2s, transform 0.1s;
}

.char-pair:hover {
    background-color: #f0f0f0;
    transform: scale(1.1);
}