/* Icone bootstrap */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");

/* Generale */
body,
html {
  width: 100%;
  overflow-x: hidden;
  font-family: "Roboto", sans-serif;
}

#wrapper {
  min-height: 100vh;
}

a,
a:hover {
  text-decoration: none;
  color: inherit;
}

.bg-main-color {
  background-color: #5381c2;
}

.text-main-color {
  color: #5381c2;
}

/* ---------- Header ---------- */
header#app-logo {
  padding: 100px 15px 0;
}

header#app-logo img {
  display: block;
  max-width: 800px;
  margin: 0 auto;
}

/* ---------- Content ---------- */
section#content {
  padding: 55px 0;
  position: relative;
}

section#content div.background {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 600px;
  height: 365px;
  max-width: 75%;
  max-height: 100%;
  z-index: -100;
}

section#content div.background img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.alert ul {
  margin: 0;
  list-style-type: none;
}

/* ---------- Footer ---------- */
footer#company-footer {
  padding: 50px 15px 10px;
}

footer#company-footer img {
  display: block;
  max-width: 100%;
  max-height: 90px;
}

/* ---------- Authentication ---------- */
#authentication-form {
  max-width: 500px;
  margin: 0 auto;
}

#authentication-form .input-group .form-control,
#authentication-form .input-group .input-group-text#visibility-toggle {
  border: 0 solid #a3a3a3;
  border-bottom-width: 1px;
  border-radius: 0;
}

#authentication-form .input-group .input-group-text {
  background-color: transparent;
  border: 0;
  padding: 0;
  margin-right: 5px;
}

#authentication-form .input-group .input-group-text i {
  color: #555;
}

#authentication-form .input-group .input-group-text#visibility-toggle i {
  cursor: pointer;
  color: #a3a3a3;
  font-size: 20px;
}

#authentication-form .form-check {
  padding-left: 35px;
}

#authentication-form .form-check input {
  width: 22px;
  height: 22px;
  margin-left: -32px;
  margin-top: 2px;
}

/* ---------- Modifica colore autofill Chrome ---------- */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #fff inset !important;
  box-shadow: 0 0 0 30px #fff inset !important;
  outline: 0 none;
}

/* ---------- Modifica colore focus Bootstrap ---------- */
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  -webkit-box-shadow: 0 0 0 30px #fff inset !important;
  box-shadow: 0 0 0 30px #fff inset !important;
  outline: 0 none;
}