/* Toggle */

.on {
  display: block;
}

.off {
  display: none;
}

.text-green {
  color: var(--bs-green);
}

/* Messaggi e alert */
.bg-giallo {
  background-color: #e8e12c;
}

.bg-buio {
  background-color: var(--bs-gray-dark);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 900;
  position: absolute;
}

#datasent {
  height: 45vh;
  width: 50vw;
  bottom: 30vh;
  left: 25vw;
  position: absolute;
  z-index: 1000;
}

#logoSmall {
  display: none;
}

@media only screen and (max-width: 992px) {
  #logoBig {
    display: none;
  }

  #logoSmall {
    display: block;
  }
}

@media (min-width: 992px) {
  #datasent {
    width: 50vw;
    left: 25vw;
  }
}

@media (min-width: 300px) {
  #datasent {
    width: 80vw;
    left: 10vw;
  }
}

/* Buttons */

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #443485;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #857a26;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}

.btn-secondary {
  --bs-btn-color: #221c39;
  --bs-btn-bg: #bbb4d9;
  --bs-btn-border-color: #bbb4d9;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #774F04;
  --bs-btn-hover-border-color: #221c39;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #857a26;
  --bs-btn-border-color: #774F04;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #774F04;
  --bs-btn-hover-border-color: #221c39;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}

.btn-info {
  --bs-btn-color: #fff;
  --bs-btn-bg: #221c39;
  --bs-btn-border-color: #221c39;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #857a26;
  --bs-btn-hover-border-color: #221c39;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}

:root {
  --bs-blue: #443485;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #443485;
  --bs-secondary: #bbb4d9;
  --bs-success: #857a26;
  --bs-info: #221c39;
  --bs-warning: #383835;
  --bs-danger: #e9142d;
  --bs-light: #f8f9fa;
  --bs-dark: #221c39;
  --bs-primary-rgb: 68,52,133;
  --bs-secondary-rgb: 187,180,217;
  --bs-success-rgb: 133,122,38;
  --bs-info-rgb: 34,28,57;
  --bs-warning-rgb: 56,56,53;
  --bs-danger-rgb: 233,20,45;
  --bs-light-rgb: 248,249,250;
  --bs-dark-rgb: 34,28,57;
  --bs-white-rgb: 255,255,255;
  --bs-black-rgb: 0,0,0;
  --bs-body-color-rgb: 33,37,41;
  --bs-body-bg-rgb: 255,255,255;
  --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
}

.bg-gradient-primary {
  background-color: #f8f9fa;
  background-image: linear-gradient(180deg, #f8f9fa 10%, #bbb4d9 100%);
  background-size: cover;
}