.comma-list {
  display: inline;
  list-style: none;
  padding: 0px;
}

.comma-list li {
  display: inline;
  margin: 0;
  padding: 0;
}

.comma-list li::after {
  content: ", ";
}

.comma-list li:last-child::after {
  content: "";
}

@media print {
  .hidden-print {
    display: none !important;
  }
}

.mouseover-floating-icon-container {
  position: relative;
  padding-right: 2px;
}

.mouseover-floating-icon {
  position: absolute;
  right: -24px;
  top: -5px;
  display: none;
  cursor: pointer;
}

.click-to-copy {
  cursor: copy;
}

.click-to-copy:hover {
  color: #399dff !important;
}

.mouseover-floating-icon-container:hover > .mouseover-floating-icon {
  display: inline-block;
}

.clear-search-button {
  margin: 8px 1px 1px -14px !important;
}

.adv-search-button {
  margin: 8px 1px 1px 0px !important;
}

.translate-icon {
  cursor: pointer;
}

.tiny-caption-text {
  font-size: 12px;
  font-style: italic;
}

trix-toolbar button.underline {
  font-size: 18px;
  vertical-align: bottom;
  text-decoration: underline;
}

.nav-bar-md-select {
  border: 2px solid red;
  background: white;
  padding: 0 3px;
  font-size: 16px;
  margin: 0 5px;
}

inline-input {
  display: flex;
}

inline-input div {
  min-height: 20px;
  position: relative;
  display: flex;
  flex: 1 1 auto;
}

inline-input div input {
  flex: 1 1 auto;
}

body {
  overflow: hidden;
  background-color: #EEEEEE;
}

.md-input-container .md-errors-spacer {
  min-height: 0 !important;
}

.md-whiteframe {
  background: #fff;
}

.md-button.md-fab.md-micro {
  line-height: 24px;
  width: 24px;
  height: 24px;
  min-height: 24px;
}

.md-button.md-fab.md-micro md-icon {
  font-size: 16px !important;
}

#content {
  padding: 24px;
}

.white-icon {
  color: #ffffff;
}

.required-symbol {
  color: #ff0e1b;
  font-weight: bold;
}

.hover-click-cursor:hover {
  cursor: pointer;
}

.rds-thin-toolbar {
  height: 30px;
  min-height: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 0 10px;
}

.rds-thin-toolbar .md-toolbar-tools {
  height: 30px;
  min-height: 30px;
  margin: 0;
  padding: 0;
}

.rds-thin-toolbar h5 {
  margin: 0;
}

.rds-thin-toolbar md-switch, .rds-thin-toolbar md-button {
  margin: 0;
  font-size: 12px;
}

.rds-fab-positioning {
  position: absolute;
  right: 1px;
  top: 26px;
  width: 35px;
  height: 20px;
}

.rds-side-nav-right .rds-list-item {
  line-height: 14px;
  font-size: 12px;
  padding: 5px;
}

.rds-side-nav-right .rds-list-item h2 {
  font-size: 12px;
  margin: 3px auto;
}

.rds-side-nav-right .rds-list-item p {
  margin: 3px auto;
}

.rds-side-nav-right .md-errors-spacer {
  display: none;
}

.items-specs {
  width: 100%;
}

.items-specs .add-column-button {
  text-align: left !important;
}

.items-specs .specs-number {
  text-align: center;
}

.items-specs th, .items-specs td {
  text-align: center;
}

.items-specs td {
  height: 80px;
}

.items-specs .specs-cpid {
  color: #0D72B2;
  border-top: solid 2px grey;
}

.items-specs .dndDraggingSource {
  display: none;
}

.items-specs .dndPlaceholder {
  /*background-color: #dfe7f6;*/
  /*height: 80px;*/
  width: 110px;
  padding: 5px;
}

.items-specs .specs-number, .atr-qty {
  color: #e00000;
  font-weight: bold;
  position: relative;
}

.items-specs .header-dnd {
  background-color: #0D72B2;
}

.specs-row-handle {
  width: 70px;
}

.specs-row-handle > * {
  margin: 0 !important;
  padding: 0 !important;
}

.article-toolbox {
  width: 1100px;
}

.article-toolbox .buttonContainer {
  width: 270px;
}

.article-toolbox .article-count-warning {
  background-color: #ffb0b0;
  color: #000000;
  font-weight: bold;
  border: solid 1px #9a9a9a;
}

.article-toolbox .article-count-warning > * {
  vertical-align: middle;
}

items-media-upload md-icon {
  font-size: 36px !important;
  height: 36px !important;
}

items-media-upload ul {
  margin: 0;
  padding: 0;
}

items-media-upload li {
  list-style: none;
}

items-media-upload .upload-ext {
  position: relative;
}

items-media-upload .upload-ext textarea {
  width: 100%;
  display: block;
  position: absolute;
  border: none;
  background-color: transparent;
  z-index: 10;
  left: 0;
  top: 0;
}

cropper-js {
  /* Limit image width to avoid overflow the container */
  /*cropper-js #cropperJsImg {*/
  /*    width: 50%; !* This rule is very important, please do not ignore this! *!*/
  /*}*/
}

cropper-js cropper-js img {
  max-width: 100%;
  /* This rule is very important, please do not ignore this! */
}

cropper-js .preview {
  overflow: hidden;
  width: 213px;
  height: 160px;
  border: 2px grey solid;
  margin-left: 20px;
  background: #ffffff;
}

cropper-js .cropper-img-cont {
  width: 640px;
  height: 480px;
}

.items-picto {
  width: 100%;
  height: 200px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-content: flex-start;
  gap: 10px;
}

.items-picto .picto-label {
  width: 40px;
  height: 40px;
}

.items-picto input {
  display: none;
}

.items-picto svg {
  width: 100%;
  height: 100%;
  padding: 10px;
  border: solid 1px #0c50ae;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  color: #ff1b66;
  fill: #ff1b66;
}

.items-picto input:checked + .toggle-picto {
  background-color: #a8cefc;
}

.toast-info .md-toast-content, .toast-info {
  background-color: #fff34d;
  font-size: 14px;
  max-width: 600px;
}

.toast-error .md-toast-content {
  background-color: #ffaa7e;
  font-size: 14px;
  max-width: 600px;
}

.toast-error .error-details {
  font-size: 14px;
  background-color: #ffaa7e;
  max-width: 252px;
  /*max-height: 30px;*/
  padding: 4px;
}

.items-search .search-title {
  font-size: 12px;
  line-height: 16px;
  padding: 2px;
  font-weight: bold;
  text-transform: capitalize;
}

md-list-item .item-draft-offline {
  border: dashed red 2px;
}

.items-search .search-img img {
  width: 100%;
}

.items-search .search-items ul {
  margin: 0 0 0 20px;
  padding: 1px;
}

.items-search .search-items li {
  padding: 2px;
  font-size: 10px;
  line-height: 14px;
  list-style: none;
}

.items-search .search-items li div {
  padding: 2px;
  width: 100%;
}

.items-search .search-items li .item-online {
  background-color: #dff5df;
}

.items-search .search-items li .item-offline {
  background-color: #f6c7c9;
}

.items-search .search-items li .article-draft-offline {
  border: dashed red 2px;
}

.items-search .search-item-number {
  font-weight: bold;
  color: #e00000;
}

.list-item-title:hover {
  color: #e00000;
  cursor: pointer;
}

.list-item-img:hover {
  cursor: pointer;
}

.item-details-title {
  text-transform: uppercase;
}

.items-tabs-details-info .item-numbers ul {
  padding: 0 0 0 18px;
}

.items-tabs-details-info .item-numbers li {
  margin: 0;
  padding: 0;
  font-size: 9pt;
  list-style: none;
}

.items-tabs-details-info .item-numbers li .item-online {
  background-color: #dff5df;
}

.items-tabs-details-info .item-numbers li .item-offline {
  background-color: #f6c7c9;
}

.items-tabs-details-info .item-numbers li .article-draft-offline {
  border: dashed red 2px;
}

.items-tabs-details-info .item-numbers .item-id {
  position: relative;
  left: -8px;
  padding: 2px;
  margin: 2px;
  border: 1px solid #b1b0b0;
}

.items-tabs-details-info .item-numbers .item-catalog {
  color: #ed1d25;
  font-weight: bold;
}

.draft-articles {
  margin-bottom: 15px;
}

.draft-articles ol {
  padding-left: 32px;
  list-style-type: decimal;
}

.draft-articles li {
  float: left;
  margin: 0 10px;
  padding-right: 10px;
}

.draft-articles .draft-online a {
  color: green;
}

.draft-articles .draft-offline a {
  color: red;
}

.structure {
  /**
   * For the correct positioning of the placeholder element, the dnd-list and
   * it's children must have position: relative
   */
  /**
   * The dnd-list should always have a min-height,
   * otherwise you can't drop to it once it's empty
   */
  /**
 * The dndDraggingSource class will be applied to
 * the source element of a drag operation. It makes
 * sense to hide it to give the user the feeling
 * that he's actually moving it.
 */
  /**
 * An element with .dndPlaceholder class will be
 * added to the dnd-list while the user is dragging
 * over it.
 */
}

.structure li {
  list-style: none;
  text-transform: uppercase;
}

.structure .str-chapter, .structure .str-section, .structure .str-category {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  margin-top: 10px;
  min-height: 40px;
  padding: 3px;
}

.structure .str-chapter {
  background-color: #b2b2b2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

.structure .str-section {
  background-color: #cccccc;
}

.structure .str-category {
  background-color: #eeeeee;
  padding-left: 15px;
}

.structure md-checkbox {
  margin: 0;
}

.structure ul[dnd-list],
.structure ul[dnd-list] > li {
  position: relative;
}

.structure ul[dnd-list] {
  min-height: 42px;
}

.structure ul[dnd-list] .dndDraggingSource {
  display: none;
}

.structure ul[dnd-list] .dndPlaceholder {
  border: 4px dashed #5e5e5e;
  height: 40px;
  line-height: 40px;
  margin-top: 10px;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  color: #b1b1b1;
}

.structure a {
  font-size: 12px;
  text-transform: none;
}

items-media-photo img {
  width: 100px;
}

items-media-photo .dndDraggingSource {
  display: none;
}

items-media-photo .dndPlaceholder {
  /*background-color: #dfe7f6;*/
  /*height: 80px;*/
}

.itemMediaCnt ul[dnd-list], .dnd-trash ul[dnd-list] {
  min-height: 80px;
  padding-left: 0px;
  margin: 0;
  display: inline-block;
}

.itemMediaCnt ul[dnd-list] .dndDraggingSource, .dnd-trash ul[dnd-list] .dndDraggingSource {
  display: none;
}

.itemMediaCnt ul[dnd-list] .dndPlaceholder {
  background-color: #90b4ce;
  /*height: 80px;*/
  /*width: 100px;*/
  /*margin: 15px;*/
}

.dnd-trash ul[dnd-list] li {
  /*background-color: #fff;*/
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
}

.itemMediaCnt ul[dnd-list] li {
  /*background-color: #fff;*/
  /*border: 2px solid #686868;*/
  border-radius: 2px;
  -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.49);
  -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.49);
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.49);
  /*-webkit-clip-path: inset(20%);*/
  /*clip-path: inset(20%);*/
  display: inline-block;
  list-style-type: none;
  vertical-align: middle;
  margin: 5px;
  height: 77px;
  width: 100px;
  line-height: 74px;
  text-align: center;
  position: relative;
}

.itemMediaCnt ul[dnd-list] li .view-image {
  position: absolute;
  bottom: -28px;
  font-size: 12px;
  left: 2px;
}

.itemMediaCnt ul[dnd-list] li .catalog-image {
  position: absolute;
  top: -25px;
  font-size: 12px;
  right: 2px;
}

/**
 * Show selected elements in green
 */
.itemMediaCnt ul[dnd-list] li.selected {
  background-color: #dff0d8;
  color: #3c763d;
}

.itemMediaCnt img {
  width: 94%;
  vertical-align: middle;
}

.toolbox-table td {
  width: 33%;
  text-align: center;
  vertical-align: middle;
}

.toolbox-table .dragover, .toolbox-table .dndDragover {
  color: #b2b2b2;
}

.toolbox-table .fa {
  font-size: 4em;
}

.toolbox-table li {
  list-style: none;
}

.toolbox-table textarea {
  height: 50px;
}

.toolbox-table .text-info {
  vertical-align: top;
}

items-media-youtube .dndDraggingSource {
  display: none;
}

items-media-youtube ul[dnd-list], items-media-youtube .dnd-trash ul[dnd-list] {
  min-height: 80px;
  padding-left: 0px;
  margin: 0;
  display: block;
}

items-media-youtube ul[dnd-list] .dndDraggingSource, items-media-youtube .dnd-trash ul[dnd-list] .dndDraggingSource {
  display: none;
}

items-media-youtube ul[dnd-list] .dndPlaceholder {
  background-color: #90b4ce;
  height: 215px;
}

items-media-youtube ul[dnd-list] li {
  border: 1px solid #686868;
  border-radius: 5px;
  list-style-type: none;
  margin: 10px 0;
}

items-media-youtube ul[dnd-list] li.selected {
  background-color: #e1e1e1;
}

items-media-document {
  background-color: #0e7e12;
}

items-media-document md-icon {
  font-size: 80px !important;
  width: 80px !important;
  height: 80px !important;
}

items-media-document .dndDraggingSource {
  display: none;
}

items-media-document ul[dnd-list], items-media-document .dnd-trash ul[dnd-list] {
  min-height: 80px;
  padding-left: 0px;
  margin: 0;
  display: block;
}

items-media-document ul[dnd-list] .dndDraggingSource, items-media-document .dnd-trash ul[dnd-list] .dndDraggingSource {
  display: none;
}

items-media-document ul[dnd-list] .dndPlaceholder {
  background-color: #90b4ce;
  height: 215px;
}

items-media-document ul[dnd-list] li {
  border: 1px solid #686868;
  border-radius: 5px;
  list-style-type: none;
  margin: 10px 0;
}

items-media-document ul[dnd-list] li.selected {
  background-color: #e1e1e1;
}

items-media-bin img {
  width: 100%;
}

items-media-bin li {
  /*background-color: #fff;*/
  /*border: 2px solid #686868;*/
  /*-webkit-clip-path: inset(20%);*/
  /*clip-path: inset(20%);*/
  display: inline-block;
  list-style-type: none;
  vertical-align: middle;
  margin: 5px;
  position: relative;
}

items-media-bin md-icon.large-icon {
  font-size: 80px !important;
  width: 80px !important;
  height: 80px !important;
}

items-media-bin .bin-button {
  width: 100%;
  position: absolute;
  top: 20px;
  left: 0;
  display: none;
  background-color: rgba(255, 255, 255, 0.75);
}

items-media-bin li:hover .bin-button {
  display: block;
}

items-media-bin .img-container {
  border-radius: 2px;
  -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.49);
  -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.49);
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.49);
  height: 96px;
  width: 128px;
  padding: 4px;
  text-align: center;
}

items-media-bin .media-description {
  height: 30px;
  width: 128px;
  padding: 4px;
  font-size: 12px;
  background-color: #ececec;
  margin: 5px 3px 0 0;
  text-align: center;
  overflow-wrap: break-word;
}

items-structure .items-structure-details md-checkbox {
  margin: 0 !important;
}

items-structure .items-structure-details input {
  width: 60px;
  border: none;
  margin-left: 5px;
  padding: 2px;
  background: #e1e1e1;
}

items-structure .draft-online a {
  color: green;
}

items-structure .draft-offline a {
  color: red;
}

items-structure .arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

items-structure .right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.items-search-dlg .search-templates {
  background: #ffffff;
  padding: 4px;
  margin: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

.items-search-dlg .adv-filters md-input-container {
  margin: 8px auto !important;
}

.draft-levels-title {
  background-color: #e73111;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 5px;
  color: #FFFFFF;
  margin-bottom: 5px;
}

.draft-catalog {
  /**
   * For the correct positioning of the placeholder element, the dnd-list and
   * it's children must have position: relative
   */
  /**
   * The dnd-list should always have a min-height,
   * otherwise you can't drop to it once it's empty
   */
  /**
 * The dndDraggingSource class will be applied to
 * the source element of a drag operation. It makes
 * sense to hide it to give the user the feeling
 * that he's actually moving it.
 */
  /**
 * An element with .dndPlaceholder class will be
 * added to the dnd-list while the user is dragging
 * over it.
 */
}

.draft-catalog ul {
  margin: 0;
  padding: 0;
}

.draft-catalog ul li {
  list-style-type: none;
}

.draft-catalog ul[dnd-list],
.draft-catalog ul[dnd-list] > li {
  position: relative;
}

.draft-catalog ul[dnd-list] {
  min-height: 42px;
}

.draft-catalog ul[dnd-list] .dndDraggingSource {
  display: none;
}

.draft-catalog ul[dnd-list] .dndPlaceholder {
  border: 4px dashed #5e5e5e;
  height: 200px;
  font-size: 30px;
  font-weight: bold;
  color: #b1b1b1;
}

.draft-nav {
  padding: 0;
  margin: 3px;
  cursor: pointer;
}

.draft-nav a:hover {
  color: #62cfff;
}

.draft-nav .draft-nav-level1 {
  text-transform: uppercase;
  background-color: #e73111;
  margin-bottom: 2px;
  padding: 2px;
  font-weight: bold;
  color: #FFFFFF;
  font-size: 15px;
}

.draft-nav .draft-nav-level1 md-icon {
  color: #FFFFFF;
}

.draft-nav .draft-nav-level2 {
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: 15px;
  background-color: #000000;
  margin-bottom: 2px;
  padding: 2px;
}

.draft-nav .draft-nav-level2 md-icon {
  color: #FFFFFF;
}

.draft-nav .draft-nav-level3 {
  text-transform: capitalize;
  color: #000000;
  font-size: 14px;
  margin-bottom: 2px;
  padding: 2px;
}

.draft-nav ul[dnd-list] .dndPlaceholder {
  border: 2px dashed #ff3f27;
  background-color: #f2f2f2;
  padding: 10px 15px;
  color: #ff3f27;
}

.pdg-catalog-2017-2018 .catalog-chapter {
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  font-size: 7pt;
  text-transform: uppercase;
  width: 25mm;
  height: 7mm;
  transform-origin: 26mm 0.3mm;
  transform: rotate(-90deg);
  border-radius: 0px 0px 12px 12px;
  -moz-border-radius: 0px 0px 12px 12px;
  -webkit-border-radius: 0px 0px 12px 12px;
  border: 1px solid #000000;
}

.pdg-catalog-2017-2018 .catalog-chapter .en {
  font-weight: bold;
}

.pdg-catalog-2017-2018 .catalog-chapter .fr {
  color: #838383;
}

.pdg-catalog-2017-2018 .catalog-section {
  background: #000000;
  color: #ffffff;
  line-height: 24pt;
  font-size: 11pt;
  font-weight: bold;
  text-transform: uppercase;
}

.pdg-catalog-2017-2018 .catalog-section .section-logo {
  background-color: #ed1d25;
  color: #ffffff;
  text-align: center;
  font-size: 16pt;
  width: 14mm;
  flex: initial;
  height: 100%;
  vertical-align: bottom;
  line-height: 24pt;
  font-weight: bold;
  display: inline-block;
  margin-right: 1mm;
}

.pdg-catalog-2017-2018 .catalog-category {
  margin: 2mm 0;
  background-color: #ed1d25;
  color: #ffffff;
  text-align: center;
  font-size: 12pt;
  text-transform: uppercase;
  line-height: 18pt;
  font-weight: bold;
}

.pdg-catalog-2017-2018 .item-specs {
  font-size: 8pt;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}

.pdg-catalog-2017-2018 .item-specs tr:nth-child(even) {
  background: #e9e9e9;
}

.pdg-catalog-2017-2018 .item-specs tr:nth-child(odd) {
  background: #FFFFFF;
}

.pdg-catalog-2017-2018 .item-specs th {
  text-align: left;
}

.pdg-catalog-2017-2018 .item-specs .number {
  color: #ed1d25;
  font-weight: bold;
}

.pdg-catalog-2017-2018 .single-template {
  width: 96mm;
  border: 1px solid #000000;
  padding: 2mm;
  background: #ffffff;
  position: relative;
}

.pdg-catalog-2017-2018 .single-template .single-title {
  text-transform: uppercase;
  font-size: 8pt;
  font-weight: bold;
}

.pdg-catalog-2017-2018 .single-template .single-title.en {
  color: #000000;
}

.pdg-catalog-2017-2018 .single-template .single-title.fr {
  color: #9c9c9c;
}

.pdg-catalog-2017-2018 .single-template .single-extra {
  font-size: 8pt;
}

.pdg-catalog-2017-2018 .single-template .single-img-container {
  position: relative;
}

.pdg-catalog-2017-2018 .single-template .single-img-container .single-img {
  width: 100%;
}

.pdg-catalog-2017-2018 .single-template .single-img-container .ce-logo {
  position: absolute;
  bottom: 5px;
  right: 5px;
  width: 18mm;
}

.pdg-catalog-2017-2018 .single-template .single-img-container .greenseal-logo {
  position: absolute;
  bottom: 5px;
  right: 5px;
  width: 18mm;
}

.pdg-catalog-2017-2018 .single-template .single-img-container .recycled-logo {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 18mm;
}

draft-item .single-template, .draft-item .single-template {
  width: 96mm;
  border: 1px solid #000000;
  padding: 2mm;
  background: #ffffff;
  position: relative;
}

draft-item .single-template .single-title, .draft-item .single-template .single-title {
  text-transform: uppercase;
  font-size: 8pt;
  font-weight: bold;
}

draft-item .single-template .single-title.en, .draft-item .single-template .single-title.en {
  color: #000000;
}

draft-item .single-template .single-title.fr, .draft-item .single-template .single-title.fr {
  color: #9c9c9c;
}

draft-item .single-template .single-extra, .draft-item .single-template .single-extra {
  font-size: 8pt;
  line-height: 10pt;
  margin-bottom: 6pt;
  margin-top: 2pt;
}

draft-item .single-template .info-bar, .draft-item .single-template .info-bar {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 96mm;
  height: 10mm;
}

draft-item .single-template .info-bar .red-icon, .draft-item .single-template .info-bar .red-icon {
  color: #e73111;
}

draft-item .single-template .info-bar .green-icon, .draft-item .single-template .info-bar .green-icon {
  color: #52a923;
}

draft-item .single-template .info-bar .draft-item-error, .draft-item .single-template .info-bar .draft-item-error {
  width: 50%;
  margin-top: 2mm;
  padding: 4px;
  background-color: #e73111;
  text-align: center;
  color: #FFFFFF;
  font-weight: bold;
}

draft-item .single-template .info-bar md-tooltip .md-content, .draft-item .single-template .info-bar md-tooltip .md-content {
  height: auto;
}

draft-item .single-template .single-img-container, .draft-item .single-template .single-img-container {
  position: relative;
}

draft-item .single-template .single-img-container .single-img, .draft-item .single-template .single-img-container .single-img {
  width: 100%;
}

draft-item .single-template .single-img-container .ce-logo, .draft-item .single-template .single-img-container .ce-logo {
  position: absolute;
  bottom: 5px;
  right: 5px;
  width: 18mm;
}

draft-item .single-template .single-img-container .greenseal-logo, .draft-item .single-template .single-img-container .greenseal-logo {
  position: absolute;
  bottom: 5px;
  right: 5px;
  width: 18mm;
}

draft-item .single-template .single-img-container .recycled-logo, .draft-item .single-template .single-img-container .recycled-logo {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 18mm;
}

draft-item .single-template .disabled-draft-item, .draft-item .single-template .disabled-draft-item {
  background-color: rgba(0, 0, 0, 0.51);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 10;
  font-weight: bold;
  font-size: 24px;
  color: #ed1d25;
}

draft-item .item-specs, .draft-item .item-specs {
  font-size: 8pt;
  text-transform: uppercase;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}

draft-item .item-specs tr:nth-child(even), .draft-item .item-specs tr:nth-child(even) {
  background: #e9e9e9;
}

draft-item .item-specs tr:nth-child(odd), .draft-item .item-specs tr:nth-child(odd) {
  background: #FFFFFF;
}

draft-item .item-specs th, .draft-item .item-specs th {
  text-align: left;
}

draft-item .item-specs .number, .draft-item .item-specs .number {
  color: #ed1d25;
  font-weight: bold;
}

draft-item .item-specs .specs-error, .draft-item .item-specs .specs-error {
  background-color: #ed1d25;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 16px;
}

.reports-components .reports-table {
  width: 100%;
}

.reports-components .reports-table thead td {
  border-bottom: solid 1px #000000;
  font-weight: bold;
}

.reports-components .reports-table td {
  height: 1.5em;
}

.reports-components .reports-table td .mouse-floating-icon {
  display: none;
  margin: 0 2px;
  cursor: pointer;
}

.reports-components .reports-table td:hover .mouse-floating-icon {
  display: inline-block;
}

.reports-headers {
  margin: 8px 0 4px 0;
  border-bottom: 1px solid #0d0d0d;
  font-weight: bold;
}

.reports-scrollbar-spacer {
  width: 17px;
}

.reports-row-switch {
  margin: 0;
  font-size: 12px;
}

.reports-row-button {
  margin: 0 !important;
  padding: 0 !important;
  height: 24px !important;
  min-height: 24px !important;
}

no-cp .scroll-bar-spacer {
  width: 25px;
}

no-cp .reports-table td:nth-child(1) {
  width: 15%;
}

no-cp .reports-table td:nth-child(1) .md-button.md-icon-button {
  width: 100%;
}

no-cp .reports-table td:nth-child(3) {
  width: 10%;
}

no-cp .reports-table td:nth-child(4) {
  width: 15%;
}

no-cp .reports-table .description {
  font-size: 0.8em;
  text-transform: capitalize;
}

no-photos .scroll-bar-spacer {
  width: 25px;
}

no-photos .reports-table td:nth-child(1) {
  width: 15%;
}

no-photos .reports-table td:nth-child(2) {
  width: 70%;
}

no-photos .reports-table td:nth-child(3) {
  width: 15%;
}

no-photos .reports-table .description {
  text-transform: capitalize;
}

cp-orphans .scroll-bar-spacer {
  width: 25px;
}

cp-orphans .report-filter {
  position: relative;
  margin: 0 5px;
  width: 200px;
}

cp-orphans .report-filter .filter-icon {
  position: absolute;
  left: 1px;
  top: 1px;
}

cp-orphans .report-filter .clear-button {
  position: absolute;
  right: 1px;
  top: 1px;
  cursor: pointer;
}

cp-orphans .report-filter input {
  height: 19px;
  font-size: 20px;
  padding-left: 30px;
}

cp-orphans .reports-table td:nth-child(1) {
  width: 15%;
}

cp-orphans .reports-table td:nth-child(2) {
  width: 15%;
}

cp-orphans .reports-table td:nth-child(4) {
  width: 5%;
}

cp-orphans .reports-table td:nth-child(5) {
  width: 5%;
}

cp-orphans .reports-table .description {
  font-size: 0.8em;
  text-transform: capitalize;
}

zero-prices .scroll-bar-spacer {
  width: 25px;
}

zero-prices .reports-table td:nth-child(1) {
  width: 15%;
}

zero-prices .reports-table td:nth-child(3) {
  width: 10%;
}

zero-prices .reports-table td:nth-child(4) {
  width: 15%;
}

zero-prices .reports-table .description {
  font-size: 0.8em;
  text-transform: capitalize;
}

no-cp .scroll-bar-spacer {
  width: 25px;
}

no-cp .reports-table td:nth-child(1) {
  width: 10%;
}

no-cp .reports-table td:nth-child(3) {
  width: 7%;
}

no-cp .reports-table td:nth-child(4) {
  width: 10%;
}

no-cp .reports-table td:nth-child(5) {
  width: 15%;
}

no-cp .reports-table .description {
  font-size: 0.8em;
  text-transform: capitalize;
}

.order-status-pending {
  background-color: #ffce3b;
}

.order-status-completed {
  background-color: #397ee8;
}

.order-status-exported {
  background-color: #43e841;
}

.order-status-cxl {
  background-color: #858585;
}

.order-status-error {
  background-color: #ff3c3c;
}

.orders-items-table th, .orders-items-table td {
  text-align: left;
  line-height: 30px;
}

.orders-items-table .description {
  text-transform: capitalize;
}

items-creator #autocomplete-item {
  margin-right: 1em;
}

items-creator #autocomplete-group input {
  text-transform: capitalize;
}

.autocomplete-group-template > li {
  border-bottom: 2px dashed #cccccc;
  height: auto;
  padding-top: 8px;
  padding-bottom: 8px;
  white-space: normal;
}

.autocomplete-group-template > li:last-child {
  border-bottom-width: 0;
}

.autocomplete-group-template .item-title {
  text-transform: capitalize;
  font-weight: bold;
}

.autocomplete-group-template .item-id {
  font-style: italic;
  color: red;
  font-size: 0.8em;
}

.autocomplete-group-template .item-id span {
  color: #000000;
  font-weight: bold;
}

.autocomplete-group-template .item-page {
  font-style: italic;
  font-size: 0.8em;
  margin-left: 2px;
}

/*# sourceMappingURL=maps/admin-app.css.map */