body,html {
  min-height: 100%;
  background-color: white;
}
html {
  height: 100%;
}
body *{
  font-family: 'Poppins';

}
.nav-item a{
  cursor: pointer;
}

.numero-verde img {
  max-width: 50%;
}
.all .modal-body {
  padding: 0px;
}

footer {
    position: fixed !important;
    background-color:  #ecf0f1;
    width: 100%;
    bottom: 0px;
}
a.nav-link {
  transition: all 0.3s ease;
}
a.nav-link:hover {
  border-color: transparent !important;
  

}
.form-radio-input{
  visibility: hidden;
  width: 0px;
}
.form-radio-label{
  cursor: pointer;
  }
a.nav-link.active {
    border-bottom: 5px solid #F06935 !important;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    /* background: orange !important; */
    color: #343436 !important;
    border-radius: 0px;

    font-weight: bold;
}

.card-header {
  background-color: white;
}



.nav-tabs {
    border-bottom-color:#F06935;
    border-width: 1px;
}

.form-container {
    padding: 0px 10px;
}

.logo{
      min-height: 96px;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    background-size: auto 90%;
    background-position: 9px;
}

.logo-medium{
  min-height: 64px;
  background-image: url('../images/logo.png');
  background-repeat: no-repeat;
  background-size: auto 100%;
}

.logo-small{
  min-height: 32px;
  background-image: url('../images/logo.png');
  background-repeat: no-repeat;
  background-size: auto 100%;
}


[ng-click],
[data-ng-click],
[x-ng-click] {
    cursor: pointer;
}

label {
  margin: 0;
    padding: 5px;
}
.modal-dialog {
  margin: 0;
  width: 100%;
}
.modal-content {
  transform: translateY(-200%);
  transition: transform 0.4s ease;
}
.modal-open .modal-content {
  transform: translateZ(0);
}
.btn-fa {
  padding: 3px 6px;
}
.modal-open .modal {
  display: flex !important;
    background-color: rgba(0,0,0,0.3);
    transition: all 0.3s ease;
    justify-content: center;
    align-items: center;e;
}

.margin-top {
  margin: 0;
  margin-top: 15px;
}

.blue-bg {
    background: #26004c;
    border: 2px solid #F06935;
    border-radius: .25rem;
    color: white;
    font-weight: bold;
}

.green-bg {
  background: #A5D6A7;
  border: 2px solid #00C853;
  border-radius: .25rem;
}
.white-text {
  color: white !important;
}
.arancione {
    background-color: #F06935;
    border-color: #F06935;
    /* box-shadow: 3px 3px 3px black; */
    color: white;
}

button.arancione:hover {
  background-color: #1D2543;
}

button.blu:hover {
  background-color: #E86736;
}

.blu {
  background-color: #1D2543;
  color: white;
  border-bottom: 2px solid  #F06935;
}

button.blu {
  background-color: #1D2543;
  color: white;
  border: initial;
}

.padded {
  padding: 20px;
}

.all iframe {
  width: 100%;
  height: 88vh;
  border: none;
}

.all  {
 width: 99vw;
 max-width: 15626px;
 height: 99vh;

}
.all .modal-header,.all .modal-body {
   background-color: #f1f2f7;
}

.link {
  color: black;

  }

  .link:hover {
    color: #007bff;
    text-decoration: none;
  }

.StripeElement * {
  font-family: 'Poppins'
}
.StripeElement {
  background-color: white;
  height: 40px;
  padding: 10px 12px;
  border-radius: 4px;
  border: 1px solid green;
  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
  width: 100%;
  margin: 5px;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}


.card-icon {
    background-repeat: no-repeat;
    background-size: auto 40px;
    background-position: 1px 1px;
    padding-left: 40px;
}
.selected-radio {
  border: 2px solid green;
  border-radius: 2px;
    padding: 1px;
    padding-left: 40px;
    box-shadow: 1px 1px 2px;
  
}
.visa {
  background-image: url("../images/card-icons/visa.png")
}
.maestro {
  background-image: url("../images/card-icons/maestro.png")
}
.cirrus {
  background-image: url("../images/card-icons/cirrus.png")
}
.mastercard {
  background-image: url("../images/card-icons/mastercard.png")
}

.americanexpress {
  background-image: url("../images/card-icons/americanexpress.png")
}

.dinersclub {
  background-image: url("../images/card-icons/dinersclub.png")
}

.paypal {
  background-image: url("../images/card-icons/paypal.png")
}

.visaelectron {
  background-image: url("../images/card-icons/visaelectron.png")
}
.btn-piccolo {
  font-size: 13px;
}
.cube-container {
    display: flex;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.9);
    z-index: 2000;
    /* opacity: 0.8; */
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.progress {
  width: 50%;
}
.progress div.progress-bar {
  transition: width 5s;
  background-color: #26004c;
  transition-timing-function: cubic-bezier(0.1, 0.7, 1.0, 0.1);

}
.no-bottom-padded{
  padding-bottom: 0px !important;
}
.no-top-padded{
  padding-top: 0px !important;
}
.logo-rotondo {
   height: 64px;
   width: 64px;
   background-color: white;
   margin-bottom: 10px;
   border-radius: 50%;
   background-size: 62%;
  background-image: url(../images/logo.png);
  background-repeat: no-repeat;
  background-position: center;

}

.cube-container .logo-small {
    height: 92px;
    width: 92px;
    background-color: white;
    margin-bottom: 16px;
    border-radius: 50%;
    background-size: 62%;
    background-position: center;
}

.fix {
  position: fixed;
}

@keyframes glowing {
  0% { opacity: 0 }
  50% { opacity: 1 }
  100% { opacity: 0 }
}

@keyframes counter-glowing {
  0% { opacity: 1 }
  50% { opacity: 0 }
  100% {opacity: 1 }
}


.counter-glow {
  width: 100%;
  height: 100%;
  padding: 0px;
  margin: 0px;
  animation: counter-glowing 3000ms infinite ease;
  box-shadow: 0 0 30px #F06935;
  border-radius: 50%;
  position: relative;
    top: -100%;

}

.glow {
    width: 100%;
  height: 100%;
  padding: 0px;
  margin: 0px;
  animation: glowing 3000ms infinite ease;
  box-shadow: 0 0 30px #26004c;
  border-radius: 50%;
  display: block;
  content: '';
 
  }





.alert {
      margin-bottom: 0px;
    margin-top: 10px;
}

.margin-fix {
      margin-bottom: 13px;
}


hr {
    /* margin-top: 20px; */
    /* margin-bottom: 20px; */
    border:inset;
    border-top: 1px solid #ccc;
    /* padding: 5px; */
    position: relative;
    
    /* background: white; */
    border-right: none;
    border-left: 1px solid transparent;
    border-bottom: none;
    width: 100%;
}

.full {
  width: 90%;
  max-width: 1000px;
  max-height: 90%;
}

.card {
  background: #f5f5f5;
}



label {
  padding: 2px;
}

.form-group{
  padding: 0px 4px;
}

.required label:not(.opzionale):after {
  content:"*";
  color:red;
}

.row {
  margin: 0;
}

fieldset.container {
    padding: 6px;
    border: 1px solid #30336b;
    margin-bottom: 16px;
    z-index: 12;
    box-shadow: 1px 1px 2px #ccc;
    background-color: #ecf0f1;
    border-radius: 2px;
}

fieldset.container p {
  margin-bottom: 5px;
}


legend {
    background: #F06935;
    color: white;
    padding: 3px;
    border: 2px solid #F06935;
    padding-left: 13px;
    box-shadow: 2px 2px 4px #ccc;
}

input.error {
  color: red;
  box-shadow: 1px 1px 2px red;
}

small.error{
  color: red;
}

.nav-pills .nav-link.active {
  background-color: #30336b;
}
.nav-pills {
  margin-bottom: 5px;
}

.privacy,.approve {
 
    overflow-y: auto;
    height: 75vh;

  }
    .privacy *{
      font-family: Arial;
      font-size: 1em;
      text-align: justify;

    }
    .privacy h2 {
      font-weight: bold;
      font-size: 1.05em;
      color: #333;
      margin-bottom: 25px;
      margin-top: 0px;
      text-align: center;
    }

    .privacy h3 {
      font-weight: bold;
      font-size: 1em;
      color: #333;
      margin-bottom: 15px;
      margin-top: 0px;
      text-align: center;
    }
    .privacy h1 {
      font-weight: bold;
      text-align: center;
      margin-bottom: 40px;
      margin-top: 25px;
      font-size: 1.45em;
    }
    .privacy p {
      margin: 0;

    }
    .privacy .articolo{
      margin-bottom: 40px;
    }
    .privacy ul,.privacy ol {
      margin-top: 15px;
    }

    .approve input:disabled+label {
      opacity: 0.5;
    }

    .approve h5 {
      background: #F06935;
    font-weight: bold;
    color: white;
    box-shadow: 1px 1px 2px #ccc;
    }

    .message {
    color: green;
    background: white;
    padding: 20px;
}

.registra {
  max-width: 100vw;
}


    .approve {
       display: flex;
    flex-direction: column;
    justify-content:space-between;
    
    }

    label.form-check-label.small {
    padding-left: 20px;
    text-align: justify;
    margin-top: -26px;
    margin-bottom: 11px;
    cursor: pointer;
}
.modal form.container {
  padding: 0px
}