@import url(dataTables.bootstrap4.min.css?t=1774883535492);
#tb_result_wrapper {
  width: 99.9%;
}

#tb_result thead {
  border-radius: 2rem 2rem 0 0;
  overflow: clip;
}
#tb_result thead th {
  vertical-align: middle;
}
#tb_result tbody {
  background: var(--neutral-light, #f5f7f7);
}

.research-form .form-control {
  padding: 2px 8px;
  color: #383838;
}
.research-form label {
  font-size: 1.125rem;
  color: #003087;
  font-weight: 700;
}
@media only screen and (max-width: 700px) {
  .research-form label {
    font-size: 0.875rem;
  }
}
.research-form label span {
  color: #2CD5C4;
  font-size: 0;
}
.research-form label span:before {
  font-size: 1rem;
}
.research-form .form-check-label {
  font-size: 1.125rem;
  color: #383838;
  font-weight: 400;
}

.table__info {
  margin: 0 auto 1rem;
}
.table__info .table-responsive tbody {
  border-bottom: solid 1px #dde1e2;
  border-top: solid 1px #dde1e2;
  background: #fff;
}
.table__info .table-responsive tr,
.table__info .table-responsive td {
  border: 0;
  box-shadow: none;
}
.table__info .table-responsive tr .title-row,
.table__info .table-responsive td .title-row {
  color: #003087;
  font-size: 1.125rem;
  font-weight: 700;
}

.table-strip tr:nth-of-type(2n) td {
  background-color: #f5f7f7;
}

#procurementpage {
  /*.table__info {
    max-width: var(--container-width);
    margin: 0 auto 1rem;


    h4 {
      font-size: 1.5rem;
      font-weight: 700;
      color: $primary;
      text-align: left;
      padding: 50px 0 37px;
    }

    .table-responsive {
      padding: 3rem 5rem;
      border-radius: 1rem;
      background-color: #fff;
      box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);

      @media only screen and (max-width: 700px) {
        padding: 1rem;
      }

      table {
        @media only screen and (max-width: 700px) {
          margin-bottom: 0;
        }
      }

      .grey-row {
        td {
          background-color: #f5f5f5 !important;
        }
      }

      tr,
      td {
        border: 0;
        box-shadow: none;

        .title-row {
          color: $primary;
          font-size: 1.125rem;
          font-weight: 700;

          @media only screen and (max-width: 700px) {
            font-size: 0.875rem;
          }
        }
      }
    }
  }*/
  /*.journal-content-article {
    background-color: #fff;

    p {
      max-width: 1440px;
      margin: 0 auto;
      @media only screen and (max-width: 700px) {
        text-align: center;
      }
      .defstyl {
        color: #ababab;
        font-size: 1rem;
        font-weight: 700;
        @media only screen and (max-width: 700px) {
          font-size: 0.875rem;
        }
        &:before {
          content: "<";
          margin-right: 10px;
          color: $primary;
        }
      }
    }

    h2 {
      color: $primary;
      font-size: 2.688rem;
      font-weight: 800;
      @media only screen and (max-width: 700px) {
        font-size: 1.375rem;
      }
    }
  }*/
}
#procurementpage .component-heading {
  font-size: 2rem;
  font-weight: 700;
  color: #003087;
  text-align: center;
  padding: 50px 0 37px;
}
@media only screen and (max-width: 700px) {
  #procurementpage .component-heading {
    font-size: 1.125rem;
    padding: 18px 0;
  }
}
#procurementpage .buttons-top {
  max-width: 1440px;
  margin: 0 auto;
  padding: 20px 0;
  display: flex;
}
#procurementpage .buttons-top .button-back {
  background: #fff;
  width: 680px;
  padding: 30px 0;
  box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.18);
  cursor: pointer;
}
@media only screen and (max-width: 700px) {
  #procurementpage .buttons-top .button-back {
    width: 100%;
  }
}
#procurementpage .buttons-top .button-back h4 {
  text-align: center;
  font-size: 1rem;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 1.063rem;
  text-transform: uppercase;
  color: #003087;
}
#procurementpage .buttons-top .button-back h4:before {
  content: "<";
  margin-right: 10px;
  color: #b8b8b8;
}
#procurementpage .buttons-top .button-back p {
  text-align: center;
  margin: auto;
}
#procurementpage .buttons-top .button-back p a {
  color: #003087;
}
#procurementpage .buttons-top .button-access {
  background: #fff;
  width: 680px;
  padding: 30px 0;
  box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.18);
  cursor: pointer;
  margin-left: auto;
}
@media only screen and (max-width: 700px) {
  #procurementpage .buttons-top .button-access {
    width: 100%;
  }
}
#procurementpage .buttons-top .button-access p {
  text-align: center;
  margin: auto;
}
#procurementpage .card {
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
  max-width: 1400px;
  margin: 0 auto;
}
#procurementpage .card__proc {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}
@media only screen and (max-width: 700px) {
  #procurementpage .card__proc {
    flex-direction: column;
  }
}
#procurementpage .card__proc__img--right ul.list__docs {
  column-count: 1 !important;
}
#procurementpage .card__proc__form form {
  width: 100%;
}
#procurementpage .card__proc__form .card__proc__body {
  flex: 100% !important;
}
#procurementpage .card__proc__bg--blue {
  background-color: #003087;
  color: #fff;
}
#procurementpage .card__proc__bg--blue .title {
  color: #fff;
}
#procurementpage .card__proc__bg--blue .title-attachment-procurement {
  color: #ffffff;
  font-size: 1.688rem;
  font-weight: 700;
  line-height: 2.125rem;
}
#procurementpage .card__proc__bg--blue .list li {
  color: #fff;
  text-transform: capitalize;
}
#procurementpage .card__proc__body {
  flex: 50%;
  padding: 80px 105px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 700px) {
  #procurementpage .card__proc__body {
    padding: 30px;
  }
}
#procurementpage .card__proc__body .text {
  font-size: 1.125rem;
  color: #383838;
}
@media only screen and (max-width: 700px) {
  #procurementpage .card__proc__body .text {
    font-size: 0.875rem;
  }
}
#procurementpage .card__proc__body .text__blu {
  color: #003087;
  font-weight: bold;
}
#procurementpage .card__proc__body .title__form {
  font-size: 1.688rem;
  font-weight: 700;
  color: #003087;
  margin-bottom: 55px;
}
@media only screen and (max-width: 700px) {
  #procurementpage .card__proc__body .title__form {
    font-size: 1rem;
    margin-bottom: 10px;
  }
}
#procurementpage .card__proc__body .ic-pdf {
  align-items: center;
  display: flex;
}
#procurementpage .card__proc__body .ic-pdf a {
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  word-break: break-all;
}
#procurementpage .card__proc__body .ic-pdf a:hover {
  text-decoration: none;
}
@media only screen and (max-width: 700px) {
  #procurementpage .card__proc__body .ic-pdf a {
    font-size: 0.875rem;
    width: 100%;
  }
}
#procurementpage .card__proc__body .ic-pdf:before {
  content: "";
  background: url(//www.autostrade.it/documents/10279/45471524/icn_pdf.svg) no-repeat center top/contain;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 700px) {
  #procurementpage .card__proc__body .ic-pdf:before {
    width: 25px;
    height: 25px;
  }
}
#procurementpage .card__proc__body ul {
  list-style: none;
  padding: 0;
}
#procurementpage .card__proc__body ul.list__docs {
  display: flex;
  flex-flow: wrap;
}
#procurementpage .card__proc__body ul.list__docs li {
  position: relative;
  padding: 3px 0 2px 40px;
  margin-bottom: 15px;
  flex: 0 0 50%;
}
@media only screen and (max-width: 700px) {
  #procurementpage .card__proc__body ul.list__docs li {
    flex: 100%;
  }
}
#procurementpage .card__proc__body ul.list__items--aspi {
  padding-left: 20px;
}
#procurementpage .card__proc__body ul.list__items--aspi li {
  font-size: 1.125rem;
  color: #383838;
  margin-bottom: 10px;
}
@media only screen and (max-width: 700px) {
  #procurementpage .card__proc__body ul.list__items--aspi li {
    font-size: 0.875rem;
  }
}
#procurementpage .card__proc__body .form-row {
  justify-content: space-between;
  margin-bottom: 18px;
}
#procurementpage .card__proc__body .form-row .form-group__custom--upload {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 700px) {
  #procurementpage .card__proc__body .form-row .form-group__custom--upload {
    flex-flow: wrap;
  }
}
#procurementpage .card__proc__body .form-row .form-group__custom--upload p {
  margin-bottom: 0;
  color: #383838;
  font-size: 0.875rem;
}
@media only screen and (max-width: 700px) {
  #procurementpage .card__proc__body .form-row .form-group__custom--upload p {
    width: 70%;
  }
}
#procurementpage .card__proc__body .form-row .form-group__custom--upload p.file-return:not(:empty) {
  margin: 0 10px;
}
@media only screen and (max-width: 700px) {
  #procurementpage .card__proc__body .form-row .form-group__custom--upload p.file-return:not(:empty) {
    margin: 5px 0;
    width: 100%;
  }
}
#procurementpage .card__proc__body .form-row .form-group__custom--upload .input-file-trigger {
  font-size: 0;
  color: #fff;
  font-weight: normal;
  background: #ef7101;
  border-radius: 100%;
  margin-left: 20px;
}
@media only screen and (max-width: 700px) {
  #procurementpage .card__proc__body .form-row .form-group__custom--upload .input-file-trigger {
    margin-left: -12px;
  }
}
@media only screen and (max-width: 700px) {
  #procurementpage .card__proc__body .form-row .form-group .form-check-inline {
    width: 100%;
  }
}
#procurementpage .card__proc__body .form-row .form-group.research-form {
  width: 45%;
  margin-right: 15px;
}
@media only screen and (max-width: 700px) {
  #procurementpage .card__proc__body .form-row .form-group.research-form {
    width: 100%;
  }
}
#procurementpage .card__proc__body .form-row .form-group.research-form input[type=date] {
  height: calc(2.25rem + 2px);
  width: 100%;
  border: 1px solid gray;
  border: 1px solid #ced4da;
  border-radius: 2px;
  padding: 2px 8px;
  color: #383838;
}
#procurementpage .card__proc__body .form-row .form-group.research-form .form-control {
  padding: 2px 8px;
  color: #383838;
}
@media only screen and (max-width: 700px) {
  #procurementpage .card__proc__body .form-row .form-group.research-form .form-control {
    font-size: 0.75rem;
  }
}
#procurementpage .card__proc__body .form-row .form-group.research-form label {
  font-size: 1.125rem;
  color: #003087;
  font-weight: 700;
}
@media only screen and (max-width: 700px) {
  #procurementpage .card__proc__body .form-row .form-group.research-form label {
    font-size: 0.875rem;
  }
}
#procurementpage .card__proc__body .form-row .form-group.research-form label span {
  color: #ef7101;
  font-size: 0;
}
#procurementpage .card__proc__body .form-row .form-group.research-form label span:before {
  font-size: 1.063rem;
}
#procurementpage .card__proc__body .form-row .form-group .form-check-inline {
  margin-right: 30px;
  margin-bottom: 45px;
}
@media only screen and (max-width: 700px) {
  #procurementpage .card__proc__body .form-row .form-group .form-check-inline {
    margin-bottom: 12px;
  }
}
#procurementpage .card__proc__body .form-row .form-group .form-check-inline .form-check-label {
  padding-left: 5px;
  vertical-align: baseline;
  color: #383838;
  font-size: 1.125rem;
  font-weight: 400;
}
@media only screen and (max-width: 700px) {
  #procurementpage .card__proc__body .form-row .form-group .form-check-inline .form-check-label {
    font-size: 0.875rem;
  }
}
#procurementpage .card__proc__body .btn-line-orange {
  color: #003087;
}
#procurementpage .card__proc__body .btn-line-orange a {
  color: #003087;
}
@media only screen and (max-width: 700px) {
  #procurementpage .card__proc__body .btn-line-orange {
    font-size: 0.875rem;
  }
}
#procurementpage .card__proc picture {
  flex: 50%;
}
#procurementpage .card__proc picture img {
  max-width: 100%;
  width: 100%;
  background-size: auto;
}
#procurementpage .search-box {
  margin: 20px auto;
  background-color: #fff;
  text-align: center;
  padding: 1.5rem 0;
}
#procurementpage .search-box .title {
  color: black;
  font-size: 1.125rem;
  margin-bottom: 1rem;
}
#procurementpage .search-box .title span {
  color: #003087;
}
#procurementpage .search-box .btn-line-orange {
  color: #003087;
}
@media only screen and (max-width: 700px) {
  #procurementpage .search-box .btn-line-orange {
    font-size: 0.875rem;
  }
}
#procurementpage .table__results {
  margin: 0 auto;
}
#procurementpage .table__results .swiper-container {
  margin-top: 25px;
}
#procurementpage .table__results .swiper-container .swiper-pagination {
  top: 10px;
  right: 100px;
  left: auto;
  margin-top: 0;
}
#procurementpage .table__results .table-responsive table {
  /*border-collapse: separate;
  border-spacing: 0 5px;*/
}
#procurementpage .table__results .table-responsive table tr.tender-row {
  cursor: pointer;
}
#procurementpage .table__results .table-responsive table tr th {
  background: #003087;
  border: 0;
  color: #fff;
}
#procurementpage .table__results .table-responsive table tr th a {
  color: #fff;
}
#procurementpage .table__results .table-responsive table tr td {
  color: #383838;
  font-weight: 500;
  padding: 1rem 0.5rem 1rem 1rem;
  font-size: 1rem;
}
#procurementpage .table__results .table-responsive table tr td:first-child {
  color: #003087;
  /*white-space: break-spaces;*/
  /*width: 250px;*/
  font-weight: 700;
}
#procurementpage .title__detail {
  color: #003087;
  font-size: 1.375rem;
  font-weight: 700;
  text-align: center;
}
#procurementpage .subject__detail {
  color: #003087;
  font-size: 1.125rem;
  font-weight: 700;
}