:root {
  --font: Gotham;
  --alternate-font: Nickainley Normal;
  --button-radius: .8em;
  --background-color:#57A43C;
  --primary-color: #4BAD50;
  --primary-hover-color: #458649;
  --secondary-color: #29AAD9;
  --secondary-hover-color: #1f92bb;
}



/* ---------- CUSTOM ---------- */
h1, h2, h3, h4, h5, h6, p {
  font-family: var(--font)!important;
  font-weight: normal!important;
  color: var(--secondary-color)!important;

}

/* h1{
  font-family: "Nickainley Normal"!important;
} */

body{
}

#btn-scan-qr-bucket > i{
color: var(--secondary-color)!important

}

.back_home{
  color: var(--secondary-color)!important;
  margin-left: 4em;
}

.alternate-font{
/* font-family:  var(--alternate-font)!important; */
  font-family: "Special Elite"!important;
  font-style: normal;
font-size: 5em;
text-align: left;
color: var(--primary-color)!important;

}

#background {
  background-image: url('/static/img_Bicistazione/white_background.png');
  background-size: cover !important;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center bottom;
}

/* Primary button*/
.ui.green.button {
  background-color: var(--primary-color);
  border-radius: var(--button-radius);
}

.ui.green.button:hover {
  background-color: var(--primary-hover-color);
}

.ui.green.button:focus {
  background-color: var(--primary-hover-color);
}

/* Secondary button */
.ui.blue.button {
  background-color: var(--secondary-color);
  border-radius: var(--button-radius);
}

.ui.blue.button:hover {
  background-color: var(--secondary-hover-color);
}

.ui.blue.button:focus {
  background-color: var(--palette-color-2);
}

/* Inputs */

input[type="submit"] {
  background-color: var(--primary-color);
  color: white;
}

input[type="submit"]:hover {
  background-color: var(--primary-hover-color);
}

input {
  border-radius: 1rem !important;
}

#update_submit {
  background-color: var(--secondary-color);
}

#update_submit:hover {
  background-color: var(--secondary-hover-color);
}

select {
  border-radius: .5em;
}


/* Labels */

.ui.olive.circular.label {
  background-color: var(--primary-color) !important;
}

.ui.red.circular.label {
  background-color: var(--palette-color-1) !important;
}

.ui.blue.circular.label {
  background-color: var(--secondary-color) !important;
}

.ui.yellow.circular.label {
  background-color: var(--palette-color-2) !important;
}


.ui.orange.inverted.segment {
  background-color: var(--primary-color-alpha) !important;
  color: black !important;
  border: 1px solid rgba(34,36,38,.15) !important;
  -webkit-box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
  box-shadow: 0 1px 2px 0 rgba(34,36,38,.15)
}


.footer > .image{
  height: 100px;
  width: auto;
  padding: 15px;
}

.ui.vertical.footer.segment{
  background: white!important;
  border-top: 1px solid rgba(0,0,0,.7) !important;

}


#container {
  text-align: center;
  margin: 0;
}

#qr-canvas {
  margin: auto;
  width: calc(100% - 20px);
  max-width: 400px;
}

#btn-scan-qr {
  cursor: pointer;
}

#btn-scan-qr img {
  height: 10em;
  padding: 15px;
  background: white;
}

#qr-result {
  font-size: 1.2em;
  margin: 20px auto;
  padding: 20px;
  max-width: 700px;
  background-color: white;
}

.modal-content{
  display: none;
}