.recommendation {
  background: #FFF;
  font-size: 12px;
  position: relative;
  /* Header */
  /* Footer */
  /* Contenu */ }
  .recommendation .recommend-header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 70px;
    overflow: hidden;
    /* Bandeau */ }
    .recommendation .recommend-header .breadcrumb {
      padding: 0;
      margin: 0;
      background: #FFF; }
      .recommendation .recommend-header .breadcrumb ul {
        list-style: none;
        display: inline-flex;
        width: 100%; }
        .recommendation .recommend-header .breadcrumb ul li {
          width: 50%;
          display: inline-block; }
          .recommendation .recommend-header .breadcrumb ul li.current a {
            background: #482882 !important; }
            .recommendation .recommend-header .breadcrumb ul li.current a::after {
              border-left: 30px solid #482882 !important; }
          .recommendation .recommend-header .breadcrumb ul li a {
            display: block;
            float: left;
            height: 50px;
            width: 100%;
            background: #6946aa;
            text-align: center;
            padding: 30px 40px;
            position: relative;
            line-height: 0px;
            font-size: 20px;
            text-decoration: none;
            color: #fff;
            text-shadow: 1px 1px 1px #3a3a3a; }
            .recommendation .recommend-header .breadcrumb ul li a::after {
              content: "";
              border-top: 30px solid transparent;
              border-bottom: 30px solid transparent;
              border-left: 30px solid #6946aa;
              position: absolute;
              right: -30px;
              top: 0;
              z-index: 1; }
          .recommendation .recommend-header .breadcrumb ul li::first-of-type a::before, .recommendation .recommend-header .breadcrumb ul li::first-of-type a::after, .recommendation .recommend-header .breadcrumb ul li::last-child a::before, .recommendation .recommend-header .breadcrumb ul li::last-child a::after {
            display: none; }
  .recommendation .recommend-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px;
    height: 50px;
    overflow: hidden;
    text-align: right; }
    .recommendation .recommend-footer .step-button {
      display: inline;
      background: #482882;
      text-align: center;
      padding: 7px 15px;
      line-height: 0px;
      font-size: 16px;
      text-decoration: none;
      color: #fff;
      text-shadow: 1px 1px 1px #5f2d2d;
      cursor: pointer; }
      .recommendation .recommend-footer .step-button:hover {
        background: #6946aa; }
      .recommendation .recommend-footer .step-button.hidden {
        display: none; }
  .recommendation .recommend-content {
    position: absolute;
    overflow: auto;
    top: 70px;
    bottom: 50px;
    left: 0;
    right: 0; }
    .recommendation .recommend-content .full-height {
      height: 100%; }
    .recommendation .recommend-content .step1-content {
      height: calc(100% - 60px);
      min-height: 300px; }
    .recommendation .recommend-content .step2 {
      display: none; }
    .recommendation .recommend-content .pick-on-map {
      height: auto;
      min-height: 55px;
      font-size: 15px; }
      .recommendation .recommend-content .pick-on-map label {
        display: inline; }
    .recommendation .recommend-content .float-left {
      float: left !important; }
    .recommendation .recommend-content .map-wrapper {
      height: 100%;
      z-index: 0;
      min-height: 300px;
      /* Popup sur carte */ }
      .recommendation .recommend-content .map-wrapper #map {
        position: relative;
        height: 100%;
        min-height: 300px;
        z-index: 0; }
      .recommendation .recommend-content .map-wrapper .visitCard ul {
        list-style: none; }
      .recommendation .recommend-content .map-wrapper .visitCard i.fa {
        margin-right: 10px;
        color: #2f2f2f; }
      .recommendation .recommend-content .map-wrapper .visitCard ul > li:first-of-type {
        font-weight: bold;
        text-align: center;
        font-size: 17px; }
      .recommendation .recommend-content .map-wrapper .visitCard hr {
        margin: 0 auto 10px auto;
        width: 70%;
        border-top: none;
        border-bottom: 1px solid #3498db; }
      .recommendation .recommend-content .map-wrapper .visitCard img {
        margin: auto;
        display: block;
        border-radius: 70px;
        width: 70px; }
    .recommendation .recommend-content span.selected-manufacturer {
      font-weight: bold;
      color: #3498db; }
    .recommendation .recommend-content .transac-choise {
      margin: 15px 0; }
      .recommendation .recommend-content .transac-choise span:first-of-type {
        margin-right: 20px; }
    .recommendation .recommend-content .toggle-transac {
      margin: 0 0 1.5rem;
      box-sizing: border-box;
      font-size: 0;
      display: inline; }
      .recommendation .recommend-content .toggle-transac input {
        width: 0;
        height: 0;
        position: absolute;
        left: -9999px; }
        .recommendation .recommend-content .toggle-transac input:hover + label {
          border-color: #213140; }
        .recommendation .recommend-content .toggle-transac input:checked + label {
          background-color: #66B3FB;
          color: #FFF;
          box-shadow: 0 0 10px rgba(125, 125, 125, 0.5);
          border-color: #4B9DEA;
          z-index: 1; }
          .recommendation .recommend-content .toggle-transac input:checked + label > i.fa-square-o {
            display: none; }
          .recommendation .recommend-content .toggle-transac input:checked + label > i.fa-check-square {
            display: inline-block; }
        .recommendation .recommend-content .toggle-transac input + label {
          margin: 0;
          padding: 5px 10px;
          box-sizing: border-box;
          position: relative;
          display: inline-block;
          border: solid 1px #DDD;
          background-color: #FFF;
          font-size: 14px;
          font-weight: 600;
          text-align: center;
          box-shadow: 0 0 0 rgba(255, 255, 255, 0);
          transition: border-color .15s ease-out,  color .25s ease-out,  background-color .15s ease-out, box-shadow .15s ease-out;
          border-radius: 3px; }
          .recommendation .recommend-content .toggle-transac input + label > i.fa-square-o {
            display: inline-block; }
          .recommendation .recommend-content .toggle-transac input + label > i.fa-check-square {
            display: none; }
    .recommendation .recommend-content div.recap {
      font-size: 18px; }
    .recommendation .recommend-content div.product-data, .recommendation .recommend-content div.customer-data {
      margin-top: 15px;
      display: inline-block;
      vertical-align: top;
      list-style: none;
      border: 1px solid #e5e5e5;
      padding: 5px 15px;
      border-radius: 15px;
      min-height: 200px; }
    .recommendation .recommend-content div.product-data > div:first-of-type,
    .recommendation .recommend-content div.customer-data > div:first-of-type {
      font-weight: bold;
      text-align: center;
      padding: 0 0 5px 0;
      font-size: 1.2rem;
      border-bottom: 1px solid #e5e5e5;
      margin-bottom: 10px; }
    .recommendation .recommend-content .product-data li > label,
    .recommendation .recommend-content .customer-data li > label {
      display: block;
      min-width: 150px;
      font-weight: bold; }
    .recommendation .recommend-content .product-data li > textarea,
    .recommendation .recommend-content .customer-data li > textarea {
      width: 100%; }
    .recommendation .recommend-content .project-data ul li:first-of-type {
      margin-bottom: 5px;
      text-align: center; }
    .recommendation .recommend-content .project-data ul:first-of-type {
      border-right: 1px solid #e5e5e5; }
    .recommendation .recommend-content .missing-field {
      border: 1px solid #e02f2f !important; }
    .recommendation .recommend-content .filter {
      box-shadow: 1px 1px 1px #a8afa8;
      margin-bottom: 15px;
      padding: 5px; }
      .recommendation .recommend-content .filter ul li {
        padding: 2px 10px; }
        .recommendation .recommend-content .filter ul li:first-of-type {
          border-bottom: 1px solid #a8afa8;
          text-align: center;
          padding: 5px 0;
          margin-bottom: 2px;
          font-weight: 600; }
        .recommendation .recommend-content .filter ul li > label {
          vertical-align: middle;
          display: inline; }
    .recommendation .recommend-content .customer-address-sell div {
      display: inline-block; }
      .recommendation .recommend-content .customer-address-sell div:not(:first-of-type) {
        max-width: 150px; }
        .recommendation .recommend-content .customer-address-sell div:not(:first-of-type) > input {
          width: 100%; }
      .recommendation .recommend-content .customer-address-sell div label {
        font-weight: bold; }
  .recommendation .recommendation-listing .panel-title > a {
    color: #FFF; }
  .recommendation .recommendation-listing .panel-title a.collapsed::after {
    font-family: 'Fontawesome';
    content: '\f078'; }
  .recommendation .recommendation-listing .panel-title a::after {
    font-family: 'Fontawesome';
    content: '\f077';
    float: right;
    font-size: 10px;
    font-weight: 300; }
  .recommendation .recommendation-listing table tr .fa {
    font-size: 0.9rem;
    cursor: pointer; }
  .recommendation .recommendation-listing table td.actions i.fa {
    font-size: 1.1rem; }
  .recommendation .recommendation-listing table td > a:first-of-type {
    margin-right: 1rem; }
  .recommendation .recommendation-listing table td > a.accepted {
    color: #8ddc8d; }
  .recommendation .recommendation-listing table td > a.refused {
    color: #ea7474; }
  .recommendation .recommendation-listing table td.edit-customer, .recommendation .recommendation-listing table td.edit-product {
    cursor: pointer; }
  .recommendation .recommendation-listing td.comment {
    position: relative; }
    .recommendation .recommendation-listing td.comment i {
      margin-left: 1rem;
      cursor: help; }
    .recommendation .recommendation-listing td.comment div.full-comment {
      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; }
      .recommendation .recommendation-listing td.comment div.full-comment::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #555 transparent transparent transparent; }
  .recommendation .recommendation-response .warning {
    margin-bottom: 10px;
    margin-top: 10px; }
    .recommendation .recommendation-response .warning i {
      color: #f38242; }
  .recommendation .recommendation-history > div:first-of-type {
    text-align: center;
    font-size: 1rem;
    margin: 1rem; }
  .recommendation .recommendation-history > div:nth-child(2) {
    overflow: auto;
    max-height: 15rem; }
  .recommendation .recommendation-history ul {
    max-height: 13rem; }
  .recommendation .recommendation-history li {
    line-height: 2rem; }
    .recommendation .recommendation-history li > span:first-of-type {
      font-weight: bold;
      margin-right: 20px;
      line-height: 20px;
      min-width: 100px; }
  .recommendation div.error {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #e02f2f; }