.import-customers {
  padding: 2px 5px;
  background-color: #FFF; }
  .import-customers h1 {
    background-color: #482882;
    padding: 10px 20px 10px 20px;
    font-size: 18px;
    margin-bottom: 15px;
    color: #fff; }
  .import-customers .preview {
    margin-top: 20px; }
    .import-customers .preview .preview-action {
      display: inline-block;
      margin-bottom: 20px; }
      .import-customers .preview .preview-action span {
        display: inline-block;
        padding: 2px;
        vertical-align: middle; }
      .import-customers .preview .preview-action span:last-of-type {
        margin-top: 9px; }
    .import-customers .preview table {
      width: 100%; }
    .import-customers .preview th {
      font-weight: bold;
      font-size: 16px; }
    .import-customers .preview th, .import-customers .preview td {
      text-align: left;
      padding: 3px 10px;
      border-bottom: 1px solid #ddd;
      min-width: 130px;
      font-size: 14px; }
  .import-customers .preview-file {
    overflow-x: auto;
    margin-bottom: 10px; }
  .import-customers .err_message {
    color: red;
    font-weight: bold; }
  .import-customers p {
    color: #482882;
    padding: 20px 0 0 20px;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 6px; }
  .import-customers p > input {
    margin-left: 20px; }
  .import-customers ul.exemple-listing {
    list-style: none;
    flex-flow: row wrap;
    width: 100%;
    margin-bottom: 15px; }
    .import-customers ul.exemple-listing li:first-of-type {
      font-weight: bold;
      font-size: 16px;
      box-shadow: none; }
    .import-customers ul.exemple-listing li {
      display: flex;
      padding: 1px 5px;
      line-height: 15px;
      box-shadow: #482882 -8px 1px 0px 0px;
      margin-bottom: 2px;
      margin-left: 4px; }
      .import-customers ul.exemple-listing li span {
        flex-basis: 25%;
        text-align: left; }
        .import-customers ul.exemple-listing li span.format-title {
          position: relative;
          display: inline-block;
          cursor: help; }
          .import-customers ul.exemple-listing li span.format-title .format-title-content {
            visibility: hidden;
            width: auto;
            background-color: #555;
            color: #fff;
            text-align: left;
            padding: 5px;
            border-radius: 6px;
            position: absolute;
            z-index: 1;
            bottom: 125%;
            left: 5%;
            margin-left: -60px;
            opacity: 0;
            transition: opacity 1s; }
            .import-customers ul.exemple-listing li span.format-title .format-title-content:after {
              content: "";
              position: absolute;
              top: 100%;
              left: 50%;
              margin-left: -5px;
              border-width: 5px;
              border-style: solid;
              border-color: #555 transparent transparent transparent; }
          .import-customers ul.exemple-listing li span.format-title:hover .format-title-content {
            visibility: visible;
            opacity: 1; }
        .import-customers ul.exemple-listing li span.allow-values:after {
          width: 16px;
          height: 16px;
          content: "!";
          border-radius: 10px;
          background-color: #00c0ff;
          display: inline-block;
          text-align: center;
          font-weight: bold;
          color: #FFF;
          margin-left: 5px;
          line-height: 16px;
          cursor: pointer; }
    .import-customers ul.exemple-listing li > span:first-of-type {
      font-weight: bold;
      flex-basis: 15%; }
  .import-customers div.allow-values-cust_resp_gender, .import-customers div.allow-values-search_type_bien, .import-customers div.allow-values-search_transaction {
    display: none; }
  .import-customers div.custom-file-wrap {
    margin-right: 20px;
    height: 30px; }
    .import-customers div.custom-file-wrap label:before {
      content: "Choix du fichier";
      display: inline-block;
      background-color: #482882;
      padding: 5px 10px;
      color: #FFF;
      box-shadow: 0px 1px 3px #999;
      height: 30px;
      margin: 0;
      vertical-align: top; }
    .import-customers div.custom-file-wrap label > input {
      height: 30px;
      padding: 0;
      pointer-events: none; }
  .import-customers div.custom-file-wrap > input[type=file] {
    display: none; }
  .import-customers input.customise-button {
    background-color: #482882;
    padding: 5px;
    color: #FFF;
    border: 0px;
    box-shadow: 0px 1px 3px #999; }

.allow-values-cust_resp_gender ul,
.allow-values-search_type_bien ul,
.allow-values-search_transaction ul {
  display: block;
  margin: auto;
  max-height: 300px;
  width: auto;
  min-width: 270px;
  list-style: none;
  flex-flow: row wrap;
  overflow: auto; }

.allow-values-cust_resp_gender li:first-of-type,
.allow-values-search_type_bien li:first-of-type,
.allow-values-search_transaction li:first-of-type {
  font-weight: bold;
  font-size: 16px;
  box-shadow: none; }

.allow-values-cust_resp_gender li,
.allow-values-search_type_bien li,
.allow-values-search_transaction li {
  display: flex;
  padding: 1px 5px;
  line-height: 15px;
  box-shadow: #482882 0px 1px 0px 0px;
  width: 100%; }
  .allow-values-cust_resp_gender li span:first-of-type,
  .allow-values-search_type_bien li span:first-of-type,
  .allow-values-search_transaction li span:first-of-type {
    flex-basis: 70%; }
  .allow-values-cust_resp_gender li span,
  .allow-values-search_type_bien li span,
  .allow-values-search_transaction li span {
    flex-basis: 29%;
    text-align: left;
    padding: 0 5px; }