.BBtn, input[type="submit"] {
  border: 1px solid #bfd0e4;
  border-radius: 8px;
  cursor: pointer;
  padding: 8px 12px 8px 12px;
  background-color: rgba(221,221,221,0.2)
}

  BBtn:hover, input[type="submit"]:hover {
    border-radius: 8px !important;
    background-color: rgba(221,221,221,1);
    transition: .3s;
    outline: none !important;
  }

  BBtn:focus, input[type="submit"]:focus {
    border-radius: 8px !important;
    box-shadow: 0 0 1px 1px #00a1fd;
    transition: .3s;
    outline: none !important;
  }


  .BBtn:disabled, [type="submit"]:disabled {
    cursor: not-allowed !important;
    /*background-color: #424242 !important;
    */ color: #727272 !important;
  }

    .BBtn:disabled:hover, input[type="submit"]:disabled:hover {
      /*background-color: #424242 !important;
      */ color: #727272 !important;
      cursor: not-allowed !important;
    }


/* BOTTONI SPECIALI */

.BBtnTrasparente {
  border: 0px solid gray !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  cursor: pointer !important;
  background-color: transparent !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

  .BBtnTrasparente:hover, .BBtnTrasparente:active {
    -webkit-box-shadow: unset !important;
    -moz-box-shadow: unset !important;
    box-shadow: unset !important;
    border: 0px solid gray !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    cursor: pointer !important;
    background-color: transparent !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

.BBtnSuccess {
  background-color: RGBA(40,167,69,1) !important;
  color: white !important;
  font-weight: bolder
}

  .BBtnSuccess:hover {
    background-color: RGBA(33,136,56,1) !important;
    color: white !important;
    border-radius: 8px !important;
    transition: 0.3s
  }

  .BBtnSuccess:focus {
    border: 1px solid white;
    color: white !important;
    border-color: rgba(82,168,236,0.8);
    border-radius: 4px !important;
  }

.BBtnWarning {
  background-color: RGBA(255,193,7,1) !important;
  color: black !important;
}

  .BBtnWarning:hover {
    background-color: RGBA(224,168,0,1) !important;
    color: black !important;
    border-radius: 8px !important;
    transition: 0.3s
  }

  .BBtnWarning:focus {
    border: 1px solid white;
    color: black !important;
    border-color: rgba(82,168,236,0.8);
    border-radius: 4px !important;
  }

.BBtnDanger {
  background-color: RGBA(220,53,69,1) !important;
  color: white !important;
  font-weight: bolder
}

  .BBtnDanger:hover {
    background-color: RGBA(200,35,51,1) !important;
    color: white !important;
    border-radius: 8px !important;
    transition: 0.5s
  }

  .BBtnDanger:focus {
    border: 1px solid white;
    color: white !important;
    border-color: rgba(82,168,236,0.8);
    border-radius: 4px !important;
  }

/*COLORI DA SCEGLIERE SU COMMIT E CANCEL*/


.BBtnCommit {
  background-color: RGBA(40,167,69,1) !important;
  color: white !important;
  font-weight: bolder
}

  .BBtnCommit:hover {
    background-color: RGBA(33,136,56,1) !important;
    color: white !important;
    border-radius: 8px !important;
    transition: 0.3s
  }

  .BBtnCommit:focus {
    border: 1px solid white;
    color: white !important;
    border-color: rgba(82,168,236,0.8);
    border-radius: 4px !important;
  }


.BBtnCancel {
  background-color: RGBA(255,193,7,1) !important;
  color: black !important;
}

  .BBtnCancel:hover {
    background-color: RGBA(224,168,0,1) !important;
    color: black !important;
    border-radius: 8px !important;
    transition: 0.3s
  }

  .BBtnCancel:focus {
    border: 1px solid white;
    color: black !important;
    border-color: rgba(82,168,236,0.8);
    border-radius: 4px !important;
  }

/*----- COLORI DA SCEGLIERE  ------*/

/*POSITION PER LE IMMAGINI IN BACKGROUND*/

.BBtnCenter {
  background-position: center center !important;
}

.BBtnLeft {
  background-position: 4px center !important;
  padding-left: 36px !important;
}

.BBtnRight {
  background-position: right center !important;
  padding-right: 36px !important;
}

.BBtnTopCenter {
  background-position: top center !important;
}

/*BOTTONI MENU*/

.BBtnMenu_Default {
  box-shadow: 0px 0px 10px rgba(0,0,0,0.5) !important;
  -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5) !important;
  -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.5) !important;
  filter: Alpha(Opacity=70) !important;
  -moz-opacity: 0.7 !important;
  opacity: 0.7 !important;
  -webkit-transition: -webkit-transform 1s,opacity 1s,background 1s,width 1s,height 1s,font-size 1s !important;
  -o-transition-property: width,height,-o-transform,background,font-size,opacity !important;
  -o-transition-duration: 1s,1s,1s,1s,1s,1s !important;
  -moz-transition-property: width,height,-o-transform,background,font-size,opacity !important;
  -moz-transition-duration: 1s,1s,1s,1s,1s,1s !important;
  transition-property: width,height,transform,background,font-size,opacity !important;
  transition-duration: 1s,1s,1s,1s,1s,1s !important;
  float: left !important;
  margin: 5px !important;
}

.BBtnMenu_Singolo {
  width: 120px !important;
  height: 95px !important;
}

.BBtnMenu_Doppio {
  width: 250px !important;
  height: 95px !important;
}

.BBtnMenu_Singolo_Empty {
  width: 120px !important;
  height: 95px !important;
  float: left !important;
  margin: 5px !important;
}

.BBtnMenu_Doppio_Empty {
  width: 250px !important;
  height: 95px !important;
  float: left !important;
  margin: 5px !important;
}

/*BOTTONE NON CHECKED*/

.BBtnUnChecked {
  padding: 15px 25px;
  cursor: pointer;
  outline: none;
  border: none;
  border-radius: 15px;
  box-shadow: 1px 3px #999;
}

  .BBtnUnChecked:active {
    background-color: #3e8e41;
    box-shadow: 0 1px #666;
    transform: translateY(3px);
    transform: translateX(1px);
  }

.BBtnChecked {
  box-shadow: 0 1px #666 !important;
}