/*
 *         File: bottoni.css
 *
 *       Autore: Roberto FULIGNI
 *
 *         Data: 14/02/2026
 *
 *  Descrizione: Regole di stile per i bottoni della calcolatrice.
 */


.btn-tipo1 {
  color: #FFFFFF;
  background-color: #777777;
  border-color: #777777;
}

.btn-tipo1:hover,
.btn-tipo1:focus,
.btn-tipo1:active,
.btn-tipo1.active,
.open .dropdown-toggle.btn-tipo1 {
  color: #FFFFFF;
  background-color: #49247A;
  border-color: #777777;
}

.btn-tipo1:active,
.btn-tipo1.active,
.open .dropdown-toggle.btn-tipo1 {
  background-image: none;
}

.btn-tipo1.disabled,
.btn-tipo1[disabled],
fieldset[disabled] .btn-tipo1,
.btn-tipo1.disabled:hover,
.btn-tipo1[disabled]:hover,
fieldset[disabled] .btn-tipo1:hover,
.btn-tipo1.disabled:focus,
.btn-tipo1[disabled]:focus,
fieldset[disabled] .btn-tipo1:focus,
.btn-tipo1.disabled:active,
.btn-tipo1[disabled]:active,
fieldset[disabled] .btn-tipo1:active,
.btn-tipo1.disabled.active,
.btn-tipo1[disabled].active,
fieldset[disabled] .btn-tipo1.active {
  background-color: #888888;
  border-color: #777777;
}

.btn-tipo1 .badge {
  color: #888888;
  background-color: #FFFFFF;
}

.btn-tipo2 {
  color: #FFFFFF;
  background-color: #AAAAAA;
  border-color: #AAA;
}

.btn-tipo2:hover,
.btn-tipo2:focus,
.btn-tipo2:active,
.btn-tipo2.active,
.open .dropdown-toggle.btn-tipo2 {
  color: #FFFFFF;
  background-color: #49247A;
  border-color: #AAA;
}

.btn-tipo2:active,
.btn-tipo2.active,
.open .dropdown-toggle.btn-tipo2 {
  background-image: none;
}

.btn-tipo2.disabled,
.btn-tipo2[disabled],
fieldset[disabled] .btn-tipo2,
.btn-tipo2.disabled:hover,
.btn-tipo2[disabled]:hover,
fieldset[disabled] .btn-tipo2:hover,
.btn-tipo2.disabled:focus,
.btn-tipo2[disabled]:focus,
fieldset[disabled] .btn-tipo2:focus,
.btn-tipo2.disabled:active,
.btn-tipo2[disabled]:active,
fieldset[disabled] .btn-tipo2:active,
.btn-tipo2.disabled.active,
.btn-tipo2[disabled].active,
fieldset[disabled] .btn-tipo2.active {
  background-color: #AAAAAA;
  border-color: #AAA;
}

.btn-tipo2 .badge {
  color: #AAAAAA;
  background-color: #FFFFFF;
}

.btn-tipo3 {
  color: #FFFFFF;
  background-color: #3672A4;
  border-color: #3672A4;
}

.btn-tipo3:hover,
.btn-tipo3:focus,
.btn-tipo3:active,
.btn-tipo3.active,
.open .dropdown-toggle.btn-tipo3 {
  color: #FFFFFF;
  background-color: #49247A;
  border-color: #3672A4;
}

.btn-tipo3:active,
.btn-tipo3.active,
.open .dropdown-toggle.btn-tipo3 {
  background-image: none;
}

.btn-tipo3.disabled,
.btn-tipo3[disabled],
fieldset[disabled] .btn-tipo3,
.btn-tipo3.disabled:hover,
.btn-tipo3[disabled]:hover,
fieldset[disabled] .btn-tipo3:hover,
.btn-tipo3.disabled:focus,
.btn-tipo3[disabled]:focus,
fieldset[disabled] .btn-tipo3:focus,
.btn-tipo3.disabled:active,
.btn-tipo3[disabled]:active,
fieldset[disabled] .btn-tipo3:active,
.btn-tipo3.disabled.active,
.btn-tipo3[disabled].active,
fieldset[disabled] .btn-tipo3.active {
  background-color: #292980;
  border-color: #3672A4;
}

.btn-tipo3 .badge {
  color: #292980;
  background-color: #FFFFFF;
}

.btn-tipo4 {
  color: #FFFFFF;
  background-color: #76B2E4;
  border-color: #76B2E4;
}

.btn-tipo4:hover,
.btn-tipo4:focus,
.btn-tipo4:active,
.btn-tipo4.active,
.open .dropdown-toggle.btn-tipo4 {
  color: #FFFFFF;
  background-color: #49247A;
  border-color: #777777;
}

.btn-tipo4:active,
.btn-tipo4.active,
.open .dropdown-toggle.btn-tipo4 {
  background-image: none;
}

.btn-tipo4.disabled,
.btn-tipo4[disabled],
fieldset[disabled] .btn-tipo4,
.btn-tipo4.disabled:hover,
.btn-tipo4[disabled]:hover,
fieldset[disabled] .btn-tipo4:hover,
.btn-tipo4.disabled:focus,
.btn-tipo4[disabled]:focus,
fieldset[disabled] .btn-tipo4:focus,
.btn-tipo4.disabled:active,
.btn-tipo4[disabled]:active,
fieldset[disabled] .btn-tipo4:active,
.btn-tipo4.disabled.active,
.btn-tipo4[disabled].active,
fieldset[disabled] .btn-tipo4.active {
  background-color: #888888;
  border-color: #777777;
}

.btn-tipo4 .badge {
  color: #888888;
  background-color: #FFFFFF;
}

button.piccolo {font-size: smaller !important;}