body {
  margin: 0;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-image: linear-gradient( 51.5deg, rgba(39,103,187,1) 10.4%, rgba(4, 61, 93,1) 87.7% );
}

html,
body {
  height: 100%;
}

.row-block {
  margin: 40px auto;
  padding-top: 30px; padding-bottom: 30px;
  background-color: #FFF;
  border-radius: 5px;
}

.password-highlight {
    color: red;
    font-weight: bold;
}

.parameters-list {
  text-decoration: underline;
  cursor: help;
}


.no-bg {
  background: none;
}

  header p {
    margin-bottom: 0;
    text-align: right;
  }

  .intro-block {
    color: #FFF;
  }

  h2 {
    position: relative;
    z-index: 1;
    margin-bottom: 40px;
  }
  h2 span {
    position: relative;
    z-index: 1;
    color: #0A2366;
  }
  h2 span:before {
    z-index: -1;
    content:'';
    position: absolute;
    left:-25px; top: 60%;
    width: calc(100% + 50px); height: 50%;
    background-image: linear-gradient(to right, #EFEFEF 0%, #E1E1E1 1%, #DEDEDE 100%);
    background-image: linear-gradient( 51.5deg, #EFEFEF 10.4%, #E1E1E1 57.7%, #E8E8E8 100%);
    border-radius: 0 4px 4px 0;
  }


  input {
    padding: 10px 20px;
    border: 1px solid #DEDEDE;
    border-radius: 3px;
    outline: none;
  }
  input:focus {
    border-color: #68E6FA;
  }

  .btn-custom {
    color: #FFF;
    background-color: #0A2366;
    transition: background-color .4s ease-out;
  }
  .btn-custom:hover {
    color: #FFF;
    background-color: #6397DB;
  }

  .link-tuto:before {
    display: inline-block;
    content:'⤍ ';
    margin-right: 5px;
    font-size: 1.3em;
    font-weight: bold;
    text-decoration: none;
  }

  #step-2,
  #step-3 {
    display: none;
  }

  /* ###
     ### Inside #step-1
     ###
  */

  .tab-pane {
    margin: 80px auto 50px;
  }
  .tab-pane:first-of-type{
    margin: 40px auto 10px;
  }
  
  .tab-siemens span {
	  color: gray;
  }

    .box-main-label label {
      font-size: 1.8em;
    }
      .box-main-label input,
      .box-main-label a {
        margin-top: 20px;
        font-size: 0.6em;
      }

    .box-radios {
      position: relative;
      background-image: linear-gradient(to right, #F9F9F9 0%, #FFF 10%);
      border-left: 3px solid #E5E5E5;
      border-radius: 10px;
    }
    .box-radios:before {
      position:absolute;
      top: 50%; left: -20px;
      content: '';
      width: 40px; height: 40px;
      background-color: #FFF;
      border-top: 3px solid #E7E7E7;
      border-right: 3px solid #E7E7E7;
      transform: rotate(45deg);
    }
      .siemens-radio {
        padding-left: 50px;
      }
        .siemens-radio label:first-child {
          border-top: none;
        }
        .siemens-radio label {
          width: 100%;
          padding: 20px 0;
          border-top: 1px dotted #888;
        }
          .siemens-radio label a {
            margin-left: 20px;
            font-size: 0.8em;
          }


/* ###
   ### Inside #step-2
   ###
*/


  #step-2 .table-responsive-sm {
    max-height: 500px;
    overflow-y:auto;
  }

    #varlst input {
      height: 100%;
      padding: .5rem .5rem;
      background-color: #FFF;
      outline-color: #0d6efd;
    }


/* ###
   ### Inside #step-3
   ###
*/




/* ###
   ### Cookie Consent
   ###
*/

  /* line 4, cookie-consent.scss */
  .cookie-consent-modal {
    padding-top: 0;
    position: static;
    width: auto;
    height: auto;
    z-index: 1000;
    font-family: sans-serif; }
    /* line 11, cookie-consent.scss */
    .cookie-consent-modal .modal-content-wrap {
      position: fixed;
      bottom: 0;
      margin: 1rem; }
      /* line 15, cookie-consent.scss */
      .cookie-consent-modal .modal-content-wrap.right {
        right: 0; }
      /* line 18, cookie-consent.scss */
      .cookie-consent-modal .modal-content-wrap.left {
        left: 0; }
      /* line 21, cookie-consent.scss */
      .cookie-consent-modal .modal-content-wrap .modal-content {
        border: 1px solid rgba(0, 0, 0, 0.2);
        background-color: #fefefe;
        color: #123;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
        padding: 0;
        max-width: 700px;
        border-radius: 0.2rem; }
        /* line 31, cookie-consent.scss */
        .cookie-consent-modal .modal-content-wrap .modal-content .modal-header {
          padding: 1rem;
          border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
          /* line 35, cookie-consent.scss */
          .cookie-consent-modal .modal-content-wrap .modal-content .modal-header h3 {
            margin: 0;
            font-size: 130%;
            font-weight: 500;
            position: relative;
            top: 0.2rem; }
        /* line 44, cookie-consent.scss */
        .cookie-consent-modal .modal-content-wrap .modal-content .modal-body {
          padding: 1rem 1rem;
          line-height: 1.3; }
          /* line 48, cookie-consent.scss */
          .cookie-consent-modal .modal-content-wrap .modal-content .modal-body a {
            color: #3579F6; }
            /* line 51, cookie-consent.scss */
            .cookie-consent-modal .modal-content-wrap .modal-content .modal-body a:hover {
              color: #0b5bed; }
        /* line 57, cookie-consent.scss */
        .cookie-consent-modal .modal-content-wrap .modal-content .modal-footer {
          padding: 1rem 0.5rem 0.5rem 0.5rem; }
          /* line 61, cookie-consent.scss */
          .cookie-consent-modal .modal-content-wrap .modal-content .modal-footer .buttons {
            display: flex;
            justify-content: flex-end;
            flex-wrap: wrap; }
            /* line 66, cookie-consent.scss */
            .cookie-consent-modal .modal-content-wrap .modal-content .modal-footer .buttons .btn {
              padding: 0.7rem 1.1rem;
              font-size: 100%;
              cursor: pointer;
              border: none;
              border-radius: 0.2rem;
              margin-left: 0.5rem;
              margin-right: 0.5rem;
              margin-bottom: 0.5rem; }
              /* line 77, cookie-consent.scss */
              .cookie-consent-modal .modal-content-wrap .modal-content .modal-footer .buttons .btn.btn-primary {
                background-color: #3579F6;
                color: white; }
                /* line 81, cookie-consent.scss */
                .cookie-consent-modal .modal-content-wrap .modal-content .modal-footer .buttons .btn.btn-primary:hover {
                  background-color: #0b5bed; }
              /* line 87, cookie-consent.scss */
              .cookie-consent-modal .modal-content-wrap .modal-content .modal-footer .buttons .btn.btn-secondary {
                background-color: #89a;
                color: white; }
                /* line 91, cookie-consent.scss */
                .cookie-consent-modal .modal-content-wrap .modal-content .modal-footer .buttons .btn.btn-secondary:hover {
                  background-color: #6a8095; }
    @media screen and (max-width: 620px) {
      /* line 102, cookie-consent.scss */
      .cookie-consent-modal .btn {
        width: 100%; } }
    /* line 107, cookie-consent.scss */
    .cookie-consent-modal.block-access {
      position: fixed;
      background-color: rgba(0, 0, 0, 0.5);
      padding-top: 20vh;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: auto; }
      @media screen and (max-width: 620px) {
        /* line 107, cookie-consent.scss */
        .cookie-consent-modal.block-access {
          padding-top: 0; } }
      /* line 119, cookie-consent.scss */
      .cookie-consent-modal.block-access .modal-content-wrap {
        position: relative;
        margin: 2.5% auto;
        bottom: auto;
        width: 95%; }
        /* line 122, cookie-consent.scss */
        .cookie-consent-modal.block-access .modal-content-wrap .modal-content {
          border: none;
          margin: 0 auto; }

/*# sourceMappingURL=cookie-consent.css.map */