/*Use _constantes to define global constant for the css like font-size, color and other scss global variables*/
.bold {
  font-weight: bold; }

.mt-0 {
  margin-top: 0; }

.mt-10 {
  margin-top: 0.625rem; }

.pt-20 {
  padding-top: 1.25rem; }

.pbt-10 {
  padding-bottom: 0.625rem; }

.pbt-20 {
  padding-bottom: 1.25rem; }

div#popup-abandonniste {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */ }
  div#popup-abandonniste > #popup-left {
    margin: 19px;
    height: 124px;
    position: relative; }
    div#popup-abandonniste > #popup-left > img {
      height: 100%; }
    div#popup-abandonniste > #popup-left > img.armateurLogo {
      height: 35px !important;
      position: absolute;
      margin-left: 25%; }
  div#popup-abandonniste > #popup-right {
    margin: 19px 0;
    margin-right: 19px; }
    div#popup-abandonniste > #popup-right > #titleWelcome {
      font-size: 1rem;
      font-family: Arial;
      font-weight: bold;
      color: #232d37; }
      div#popup-abandonniste > #popup-right > #titleWelcome > #prenom {
        max-width: 42%;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: bottom; }
    div#popup-abandonniste > #popup-right > #sep {
      margin: 5px 0;
      border-top: 1px solid #ccc; }
    div#popup-abandonniste > #popup-right > #titleProduit {
      font-size: 0.875rem;
      font-family: Arial;
      font-weight: bold;
      color: #5a6982;
      text-align: left;
      width: 361px;
      overflow: hidden;
      margin-bottom: 12px;
      height: 18px;
      white-space: nowrap;
      display: block;
      text-overflow: ellipsis;
      margin-top: 12px; }
    div#popup-abandonniste > #popup-right > #popup-info {
      display: flex;
      margin-top: 2px;
      justify-content: space-between; }
      div#popup-abandonniste > #popup-right > #popup-info > #popup-info-left {
        font-size: 14px;
        font-family: Arial;
        color: #232d37;
        text-align: left;
        margin-right: 10px;
        margin-top: 5px; }
        div#popup-abandonniste > #popup-right > #popup-info > #popup-info-left > #participants {
          margin-bottom: 2px; }
        div#popup-abandonniste > #popup-right > #popup-info > #popup-info-left > #datesSej {
          margin-bottom: 2px; }
        div#popup-abandonniste > #popup-right > #popup-info > #popup-info-left > #cabines {
          margin-bottom: 2px; }
      div#popup-abandonniste > #popup-right > #popup-info > #popup-info-right > div#data-finalize-price {
        display: flex;
        font-family: Arial;
        flex-direction: row;
        justify-content: center;
        padding: 0 0.3125rem;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
        div#popup-abandonniste > #popup-right > #popup-info > #popup-info-right > div#data-finalize-price > #data-finalize-price-info {
          display: flex;
          flex-direction: column;
          width: 3.125rem;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box; }
          div#popup-abandonniste > #popup-right > #popup-info > #popup-info-right > div#data-finalize-price > #data-finalize-price-info > span.prixBarreSej {
            text-decoration: line-through;
            font-size: 0.875rem;
            padding-top: 0.125rem;
            height: 0.875rem;
            width: 1.5rem;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box; }
          div#popup-abandonniste > #popup-right > #popup-info > #popup-info-right > div#data-finalize-price > #data-finalize-price-info > span.ttc {
            font-size: 0.5625rem;
            color: #ff3635;
            left: 0;
            margin-top: 0.125rem;
            padding-left: 0rem;
            text-transform: uppercase;
            text-align: left;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box; }
        div#popup-abandonniste > #popup-right > #popup-info > #popup-info-right > div#data-finalize-price > span {
          margin: 0 0.125rem;
          text-transform: uppercase; }
        div#popup-abandonniste > #popup-right > #popup-info > #popup-info-right > div#data-finalize-price > span.reduction {
          background: #ff3635;
          color: white;
          padding: 0.1875rem 0.3125rem;
          font-weight: bold;
          font-size: 0.8125rem;
          height: 1.25rem;
          margin-top: 0.25rem;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box; }
        div#popup-abandonniste > #popup-right > #popup-info > #popup-info-right > div#data-finalize-price > span.des {
          display: block;
          padding-top: 0.875rem;
          font-size: 0.625rem;
          color: #ff3635; }
        div#popup-abandonniste > #popup-right > #popup-info > #popup-info-right > div#data-finalize-price > span.prixSiteSej {
          color: #ff3635;
          font-weight: bold;
          font-size: 1.5625rem; }
      div#popup-abandonniste > #popup-right > #popup-info > #popup-info-right > a.link {
        text-decoration: none;
        padding: 0.4375rem 0;
        display: block;
        color: #ffffff;
        text-transform: uppercase;
        font-size: 0.75rem;
        font-family: Arial;
        background-color: #ff3635;
        width: calc(100% - 7px);
        margin-top: 0.125rem;
        float: right; }