:root {
  --font: Arial;

  --button-radius: .5em;

  --primary-color: #3EBA7B;
  --primary-color-alpha: #3EBA7B1F;
  --primary-hover-color: #30BA7B;
  --secondary-color: #447BD1;
  --secondary-hover-color: #3e7BD1;
  --palette-color-1: red;
  --palette-color-2: #547BD1;
  --palette-color-3: #005bbb;       /* Verde saturo - RGB: 80/158/47*/
  --palette-color-4: #005bbb;       /*Blu chiaro - RGB: 0/91/187*/
  --palette-color-5: #001a70;
}



/* ---------- CUSTOM ---------- */
* {
  font-family: var(--font);
}


#login-div {
  background-image: url('/static/instances/RicaricaEV/login-img-gradient.jpg');
  background-size: cover !important;
}

/* 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)
}

.card_tag .description{
  margin-bottom:.5em;
}