@charset "UTF-8";
/* CSS Document */
/* Stili vari
/* Cambia profilo
/* Responsive
-------------------------------------------------- */
/* Stili vari
-------------------------------------------------- */

@font-face {
  font-family: "bodyfont";
  src: url("../fonts/open_sans/OpenSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "bodyfont";
  src: url("../fonts/open_sans/OpenSans-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "bodyfont";
  src: url("../fonts/open_sans/OpenSans-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "bodyfont";
  src: url("../fonts/open_sans/OpenSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "bodyfont";
  src: url("../fonts/open_sans/OpenSans-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}

:root {
  --iveco-blue: #004e9b;
}

/* Padding below the footer and lighter body text */
body {
  font-family: bodyfont, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  background-color: #f3f5f5;
  margin-bottom: 100px; /* Margin bottom by footer height */
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 100;
}
h2 {
  font-size: 24px;
  margin-top: 5px;
}

.badge.badge-success {
  background-color: #dff0d8;
  border-left-color: #3c763d;
  color: #3c763d;
}

.badge.badge-warning {
  background-color: #fcf8e3;
  border-left-color: #8a6d3b;
  color: #8a6d3b;
}

.border-bottom {
  border-bottom: 1px solid #f3f3f3;
}

.btn-custom {
  min-width: 120px;
}

.float-left {
  float: left !important;
}
a {
  color: var(--iveco-blue);
  text-decoration: none;
}
.clear-fix {
  display: block;
  content: "";
  clear: both;
}
.page-header {
  border-bottom: none;
}
.text-info {
  color: var(--iveco-blue);
}
/* Spacing utilities - Bootstrap 5 style */
.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}

.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}

.mr-0 {
  margin-right: 0 !important;
}
.mr-1 {
  margin-right: 0.25rem !important;
}
.mr-2 {
  margin-right: 0.5rem !important;
}
.mr-3 {
  margin-right: 1rem !important;
}
.mr-4 {
  margin-right: 1.5rem !important;
}
.mr-5 {
  margin-right: 3rem !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}

.ml-0 {
  margin-left: 0 !important;
}
.ml-1 {
  margin-left: 0.25rem !important;
}
.ml-2 {
  margin-left: 0.5rem !important;
}
.ml-3 {
  margin-left: 1rem !important;
}
.ml-4 {
  margin-left: 1.5rem !important;
}
.ml-5 {
  margin-left: 3rem !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
.mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}
.mx-5 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}

.pr-0 {
  padding-right: 0 !important;
}
.pr-1 {
  padding-right: 0.25rem !important;
}
.pr-2 {
  padding-right: 0.5rem !important;
}
.pr-3 {
  padding-right: 1rem !important;
}
.pr-4 {
  padding-right: 1.5rem !important;
}
.pr-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}

.pl-0 {
  padding-left: 0 !important;
}
.pl-1 {
  padding-left: 0.25rem !important;
}
.pl-2 {
  padding-left: 0.5rem !important;
}
.pl-3 {
  padding-left: 1rem !important;
}
.pl-4 {
  padding-left: 1.5rem !important;
}
.pl-5 {
  padding-left: 3rem !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.px-5 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.team-container {
  display: flex;
  flex-wrap: wrap; /* Permette alle card di andare a capo quando necessario */
  gap: 20px; /* Distanza tra le card */
  justify-content: center; /* Centra le card nella riga */
}

.team-member {
  flex: 1 1 calc(33.33% - 20px);
  box-sizing: border-box;
  text-align: center;
}
.custom-circle {
  width: 200px; /* Imposta la larghezza dell'immagine */
  height: 200px; /* Imposta l'altezza uguale alla larghezza per farla diventare un cerchio */

  object-fit: cover; /* L'immagine si adatta senza distorsioni */
  border-radius: 90%; /* Rende l'immagine rotonda */
  margin: 0 auto; /* Centra l'immagine */
}

.navbar {
  margin-bottom: 0;
}
.navbar-slogan {
  margin-top: 35px;
  color: #9d9d9d;
  font-size: 15px;
}
.clearfix {
  display: none;
}

.container {
  padding-top: 50px;
}

ul.nav-pills > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar .container {
  width: auto;
}
.navbar-inverse {
  background-color: #fff;
  border: none;
  border-radius: 0px;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #9d9d9d;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: var(--iveco-blue);
}

.navbar-inverse .navbar-toggle {
  border-color: var(--iveco-blue);
  margin-top: 25px;
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: var(--iveco-blue);
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #fff;
}

.footer-wrapper .container {
  padding: 0 15px;
  width: 100%;
}

.footer-wrapper .col-md-5 picture img {
  max-width: 150%; /* Ingrandisci le dimensioni mantenendo la proporzione */
  height: auto; /* Assicura che l'immagine sia scalata proporzionalmente */
}

.footer-wrapper .col-md-5 picture {
  margin-left: 15px;
}

.d-flex {
  display: flex;
}

.align-items-center {
  align-items: center;
}

.justify-content-start {
  justify-content: flex-start;
}

.justify-content-center {
  justify-content: center;
}

.headline {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.headline .image-container {
  height: 360px;
}

.headline .image-container img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.image-container {
  display: block;
}
/* Ingrandire l'immagine */
.brand-image {
  max-width: 150%; /* Ingrandisci l'immagine del 50% */
  height: auto; /* Mantieni la proporzione */
}

form {
  max-width: none;
  margin: 0 auto;
}
#btn_forgotpassword {
  margin-bottom: 100px; /* Imposta un margine inferiore per il bottone */
}

#btn_contact_form {
  margin-bottom: 50px; /* Imposta un margine inferiore per il bottone */
}

#btn_expiredpassword {
  margin-bottom: 50px; /* Imposta un margine inferiore per il bottone */
}
#control_team {
  margin-bottom: 50px; /* Imposta un margine inferiore per il bottone */
}

.privacy {
  margin: 0px 190px 10px;
  text-align: justify;
  font-size: 15px;
}
#cookies {
  margin: 0px 29px 5px 190px;
}
.img-wrap img {
  border-radius: 50%; /* Rende l'immagine circolare */
  width: 200px;
  height: 200px;
  object-fit: cover;
  border: 2px solid #ccc;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: var(--iveco-blue);
  color: #fff;
  text-decoration: none;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-top: none;
}
form input[type="email"] {
  font-size: 16px;
  height: auto;
  margin-bottom: 15px;
  padding: 7px 9px;
}
.navbar-brand {
  height: auto;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
  color: #fff;
  background: var(--iveco-blue);
}
/* Responsive
-------------------------------------------------- */
@media (min-width: 1200px) {
  .navbar-toggle {
    display: none;
  }
}

@media (max-width: 1005px) {
  .privacy {
    margin: 0px 0px 10px;
  }
  .headline .image-container,
  .headline .image-container img {
    height: 36vw;
  }
}
@media (max-width: 992px) {
  .team-member {
    flex: 1 1 calc(50% - 20px);
  }
}

@media (min-width: 768px) {
  /*  .ac-header {
    padding: 16px 15px 10px;
  }*/
  .back_profile {
    padding: 18px 15px 10px;
  }
}
@media (max-width: 576px) {
  .team-member {
    flex: 1 1 100%; /* Una sola card per riga sugli smartphone */
  }
}
@media (max-width: 767px) {
  .privacy {
    margin: 0px 0px 10px;
  }

  .navbar-header {
    height: 100%;
  }
  .footer {
    background-color: #f3f5f5;
  }
}

.border-bottom {
  margin-bottom: 15px;
  padding-bottom: 15px;
  padding-top: 15px;
}

/* Bootstrap */
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.brand-img {
  max-width: 100%; /* L'immagine si adatta alla larghezza del contenitore */
  height: auto; /* Mantiene le proporzioni corrette dell'immagine */
}
.white-bg {
  background-color: #ffffff;
  border-radius: 8px;
}

.btn-primary {
  color: #fff;
  background-color: var(--iveco-blue);
  border-color: #1554ff;
  border-radius: 4px !important;
}

#btn_add_admin_documents {
  color: #fff;
  background-color: var(--iveco-blue);
  border-color: #1554ff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: var(--iveco-blue);
  border-color: #1554ff;
}
.btn-link:hover,
.btn-link:focus {
  color: #1554ff;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: var(--iveco-blue);
  border-color: #1554ff;
}
.ibox-title {
  padding: 10px 0px 10px 0px;
}

/* Area principale del contenuto */
.content {
  flex: 1; /* Si espande per occupare lo spazio disponibile */
}
html {
  position: relative;
  min-height: 100%;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  min-height: 75px; /* Set the fixed height of the footer here */
  background-color: #ffffff;
}

/* Custom page CSS
 * Not required for template or sticky footer method.
 * -------------------------------------------------- */

.container .text-muted {
  margin: 20px 0;
}

code {
  font-size: 80%;
}

.well {
  border-radius: 8px !important;
}

@keyframes kenBurns {
  0% {
    transform: scale(1) translate(0, 0);
  }

  100% {
    transform: scale(1.08) translate(-1%, 1%);
  }
}