body {
  background: #252439; }
  body .list_file ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  body .list_file ul li {
    margin-bottom: 8px; }
  body .list_file a {
    color: #333; }
  body .list_file a:hover {
    color: #16b1b5; }
  body #gencontent {
    width: 800px;
    margin: auto;
    background: #16b1b5;
    color: white;
    padding: 25px; }
    body #gencontent .mgs-verified-success {
      padding: 15px;
      margin: -25px;
      margin-bottom: 0;
      background: green;
      position: relative; }
      body #gencontent .mgs-verified-success .close-mgs {
        cursor: pointer;
        position: absolute;
        right: 15px;
        top: 15px; }
        body #gencontent .mgs-verified-success .close-mgs:hover {
          opacity: 0.7; }
    body #gencontent .choose-created {
      justify-content: end;
      display: flex;
      max-width: 800px;
      margin: 25px auto auto; }
      body #gencontent .choose-created .created-by {
        flex: 1 50%;
        display: flex;
        align-items: center;
        font-size: 1.3em; }
      body #gencontent .choose-created .label {
        margin-right: 15px; }
      body #gencontent .choose-created select {
        min-width: 150px;
        height: 40px;
        border-radius: 10px;
        border: 0;
        padding: 0 6px; }
    body #gencontent.page-verify {
      width: 95vw; }
      body #gencontent.page-verify table {
        max-width: 800px;
        margin: auto; }
      body #gencontent.page-verify .preview-section {
        display: flex;
        width: 100%; }
        body #gencontent.page-verify .preview-section .notice {
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 1.3em; }
        body #gencontent.page-verify .preview-section > div {
          flex: 1 50%;
          padding: 0 25px;
          display: flex;
          flex-direction: column; }
          body #gencontent.page-verify .preview-section > div .title-section {
            font-weight: 600;
            font-size: 1.3em;
            color: #fff;
            margin-bottom: 5px; }
          body #gencontent.page-verify .preview-section > div .btn {
            margin-top: auto;
            width: 150px;
            align-self: center; }
          body #gencontent.page-verify .preview-section > div.modif-file {
            border-left: solid 2px #c4c4c4; }
        body #gencontent.page-verify .preview-section iframe {
          height: 100%;
          margin-bottom: 20px; }
        body #gencontent.page-verify .preview-section img {
          max-width: 100%;
          margin-bottom: 20px; }
      body #gencontent.page-verify .choose-verified {
        display: flex;
        max-width: 800px;
        margin: 25px auto auto; }
        body #gencontent.page-verify .choose-verified > div {
          flex: 1 50%;
          display: flex;
          align-items: center;
          font-size: 1.3em; }
          body #gencontent.page-verify .choose-verified > div.verified-status {
            justify-content: end; }
          body #gencontent.page-verify .choose-verified > div .label {
            margin-right: 15px; }
          body #gencontent.page-verify .choose-verified > div select {
            min-width: 150px;
            height: 40px;
            border-radius: 10px;
            border: 0;
            padding: 0 6px; }
      body #gencontent.page-verify .actions .btn {
        font-size: 1em; }
    body #gencontent .advice {
      display: block;
      text-align: center;
      font-style: italic;
      margin-top: 5px; }
    body #gencontent .dt-button {
      padding: 5px 20px;
      background: white;
      border-radius: 50px;
      margin: 15px;
      display: inline-block;
      text-decoration: none;
      color: #333;
      font-weight: bold;
      border: none;
      cursor: pointer;
      -webkit-transition: all 0.25s ease;
      -moz-transition: all 0.25s ease;
      -ms-transition: all 0.25s ease;
      -o-transition: all 0.25s ease;
      transition: all 0.25s ease; }
      body #gencontent .dt-button:hover {
        opacity: 0.9; }
      body #gencontent .dt-button.return {
        float: left; }
    body #gencontent.orderslist {
      min-width: 1000px;
      width: 80%;
      max-width: 1500px; }
    body #gencontent i.green {
      color: green; }
      body #gencontent i.orange {
        color: orange; }
      body #gencontent i.blue {
        color: blue; }
      body #gencontent i.red {
        color: red; }
    body #gencontent .ordercard {
      text-align: center; }
      body #gencontent .ordercard .orderpreview {
        background: white;
        width: 90%;
        margin: auto;
        background-color: #fff;
        background-image: linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%), linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%);
        background-size: 25px 25px;
        background-position: 0 0, 12.5px 12.5px; }
        body #gencontent .ordercard .orderpreview img {
          color: #333;
          max-width: 100%;
          max-height: 500px;
          height: auto;
          width: auto; }
      body #gencontent .ordercard a.btn, body #gencontent .ordercard button, body #gencontent .ordercard input[type='submit'] {
        padding: 15px 25px;
        background: white;
        border-radius: 50px;
        margin: 15px;
        display: inline-block;
        text-decoration: none;
        color: #333;
        font-weight: bold;
        border: none;
        cursor: pointer;
        -webkit-transition: all 0.25s ease;
        -moz-transition: all 0.25s ease;
        -ms-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        transition: all 0.25s ease; }
        body #gencontent .ordercard a.btn:hover, body #gencontent .ordercard button:hover, body #gencontent .ordercard input[type='submit']:hover {
          opacity: 0.9; }
        body #gencontent .ordercard a.btn.return, body #gencontent .ordercard button.return, body #gencontent .ordercard input[type='submit'].return {
          float: left; }
    body #gencontent .alreadyup {
      text-align: left;
      width: 80%;
      margin: auto; }
      body #gencontent .alreadyup li {
        margin-bottom: 8px; }
      body #gencontent .alreadyup a {
        color: white; }
    body #gencontent #table-header {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      body #gencontent #table-header #search {
        margin-bottom: 10px;
        color: #16b1b5;
        border: solid 1px #16b1b5;
        font-size: 15px;
        padding: 5px;
        border-radius: 5px; }
      body #gencontent #table-header #tab-container .tab-selector {
        border: solid 1px #fff;
        border-radius: 20px;
        background-color: #d4d4d4;
        padding: 5px 10px;
        cursor: pointer;
        color: black;
        font-size: 17px;
        text-decoration: unset; }
        body #gencontent #table-header #tab-container .tab-selector.active {
          border: solid #16b1b5;
          background-color: #fff; }
    body #gencontent #footer-table {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      body #gencontent #footer-table #page-container {
        margin-top: 10px; }
        body #gencontent #footer-table #page-container .page-selector {
          border: solid 1px #fff;
          border-radius: 5px;
          background-color: #16b1b5;
          padding: 5px 10px;
          cursor: pointer;
          color: #fff;
          font-size: 17px;
          text-decoration: unset; }
        body #gencontent #footer-table #page-container .page-selector.active {
          border: solid #16b1b5;
          background-color: #fff;
          color: #16b1b5; }
        body #gencontent #footer-table #page-container .nav-tab {
          color: #fff;
          text-decoration: unset;
          margin: 5px; }
    body #gencontent table {
      border: 2px solid #c4c4c4;
      width: 100%; }
      body #gencontent table tr:first-child th:first-child, body #gencontent table td[col-center] {
        text-align: center; }
      body #gencontent table th {
        background-color: #efefef;
        border: 1px solid #dbdbdb;
        text-align: left;
        color: #333;
        padding: 7px; }
      body #gencontent table td {
        background-color: #fff;
        border: 1px solid #d4d4d4;
        text-align: left;
        color: #333;
        padding: 7px; }
        body #gencontent table td span.colorBlock {
          border: solid 1px black;
          display: inline-block;
          width: 10px;
          height: 15px;
          margin-right: 10px; }
        body #gencontent table td p.colorText {
          display: inline-block;
          margin: 0;
          font-weight: 600;
          color: black; }
  body * {
    font-family: Arial; }
  body #orders td a {
    color: #333;
    font-weight: bold; }
    body #orders td.date {
      text-align: center;
      font-weight: bold; }
    body #orders td.comment {
      font-style: italic; }
    body #orders th.fourn {
      width: 100px; }
    body #orders th.comment {
      width: 300px; }

#edit-container {
  margin-top: 10px;
  text-align: left;
  background: #fff;
  word-break: break-all;
  padding: 10px;
  color: black;
  border: solid 2px #c4c4c4; }
  #edit-container a {
    margin-right: 10px;
    color: #16b1b5; }
  #edit-container .edit-block {
    margin-bottom: 10px; }
    #edit-container .edit-block .date {
      color: #16b1b5;
      font-size: 14px;
      font-style: italic; }
  #edit-container h3:first-child {
    margin-top: 0px; }
  #edit-container h3 {
    margin-top: 40px; }

.finishtampon {
  border: 4px dashed green;
  width: 260px;
  color: green;
  padding: 10px;
  transform: rotate(-15deg);
  background: rgba(0, 100, 0, 0.1);
  font-size: 20px;
  /*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */ }
  .finishtampon.canceled {
    border-color: red;
    color: red; }
  .finishtampon.modif {
    border-color: orange;
    color: orange; }

.dropzone, .dropzone * {
  box-sizing: border-box; }

.dropzone {
  position: relative; }

.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  width: 120px;
  margin: 0.5em; }

.dropzone .dz-preview .dz-progress {
  display: block;
  height: 15px;
  border: 1px solid #aaa; }

.dropzone .dz-preview .dz-progress .dz-upload {
  display: block;
  height: 100%;
  width: 0;
  background: green; }

.dropzone .dz-preview .dz-error-message {
  color: red;
  display: none; }

.dropzone .dz-preview.dz-error .dz-error-message, .dropzone .dz-preview.dz-error .dz-error-mark {
  display: block; }

.dropzone .dz-preview.dz-success .dz-success-mark {
  display: block; }

.dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark {
  position: absolute;
  display: none;
  left: 30px;
  top: 30px;
  width: 54px;
  height: 58px;
  left: 50%;
  margin-left: -27px; }

.dropzonedx, .dropzonedx * {
  box-sizing: border-box; }

.dropzonedx:hover {
  background-color: rgba(255, 255, 255, 0.3); }

.dropzonedx {
  width: 100%;
  border: 2px dashed white;
  border-radius: 0px;
  cursor: pointer;
  margin: 20px 20px 10px;
  min-height: 110px !important;
  padding: 10px;
  position: relative;
  background-image: url("../img/cloudupload.png");
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease; }

.dropzonedx .dz-preview {
  position: relative;
  display: inline-block;
  width: 80px;
  margin: 0.5em; }

.dropzonedx .dz-preview .dz-progress {
  display: block;
  height: 15px;
  border: 1px solid #aaa; }

.dropzonedx .dz-preview .dz-progress .dz-upload {
  display: block;
  height: 100%;
  width: 0;
  background: green; }

.dropzonedx .dz-preview .dz-error-message {
  color: red;
  display: none; }

.dropzonedx .dz-preview.dz-error .dz-error-message, .dropzonedx .dz-preview.dz-error .dz-error-mark {
  display: block; }

.dropzonedx .dz-preview.dz-success .dz-success-mark {
  display: block; }

.dropzonedx .dz-preview .dz-error-mark, .dropzonedx .dz-preview .dz-success-mark {
  position: absolute;
  display: none;
  left: 30px;
  top: 30px;
  width: 54px;
  height: 58px;
  left: 50%;
  margin-left: -27px; }

.dz-details {
  font-size: 10px;
  overflow: hidden;
  width: 80px; }