/*! Difinisco bottone xl*/
.btn-xl,.btn-group-xl>.btn{
    min-width:					10px;
    font-size:					1.7em;
    padding:					  0.5em 0.7em;
    border-radius:			8px;
}



label-xl {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 16px;
}

.input-xl {
  height: 56px;
  padding: 10px 16px;
  font-size: 34px;
  line-height: 1.3333333;
  border-radius: 6px;
}

/* classi per padding FONT bottoni*/
.pad-10{padding-top: 10px;padding-bottom: 10px;}
.pad-15{padding-top: 15px;padding-bottom: 15px;}
.pad-20{padding-top: 20px;padding-bottom: 20px;}
.font-16{font-size:16px;}
.font-20{font-size:20px;}


/*! cerco di impostre alcun ibottoni tutti larghi uguali */
.maxlarg {width: 100%;margin:1px;float: left;}
.m75larg {width: 75%;margin:1%;float: left;}
.m50larg {width: 50%;margin:1%;float: left;}
.m25larg {width: 25%;margin:1%;float: left;}

/* colore dei tab uso in EC*/
li.active{border-top-color:#3c8dbc;background-color: aliceblue;}

/* imposto standard di tutti i bottoni senza radius ed opacità maggiore*/
.btn {
    /*border-radius: 0px ; !important;*/
    border-radius: 4px ; /*!important;*/
}
.btn-shad {
  box-shadow:0 2px 5px 0 rgb(0 0 0 / 20%),0 2px 5px 0 rgb(0 0 0 / 10%);
}

.btn-sx {
  float:left;
}
.btn-dx {
  float:right;
}
.btn-capitalize {
  text-transform: capitalize !important;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: not-allowed;
  box-shadow: none;
  opacity: .45 !important;
}
.btn-default .badge-default {
  color: #fff;
  background-color: #777 !important;
}

/* bottone bottom.php   ---- https://blog.koalite.com/bbg/ --*/
  .btn-bottom { 
    color: #444444; 
    background-color: #FFFFFF; 
    border-color: #FFFFFF; 
  } 
  
  .btn-bottom:hover, 
  .btn-bottom:focus, 
  .btn-bottom:active, 
  .btn-bottom.active, 
  .open .dropdown-toggle.btn-bottom { 
    color: #444444; 
    background-color: #70C5ED; 
    border-color: #eee; 
    /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), 0 5px 10px rgba(0, 0, 0, 0.25);*/
  } 
  
  .btn-bottom:active, 
  .btn-bottom.active, 
  .open .dropdown-toggle.btn-bottom { 
    background-image: none; 
  } 
  
  .btn-bottom.disabled, 
  .btn-bottom[disabled], 
  fieldset[disabled] .btn-bottom, 
  .btn-bottom.disabled:hover, 
  .btn-bottom[disabled]:hover, 
  fieldset[disabled] .btn-bottom:hover, 
  .btn-bottom.disabled:focus, 
  .btn-bottom[disabled]:focus, 
  fieldset[disabled] .btn-bottom:focus, 
  .btn-bottom.disabled:active, 
  .btn-bottom[disabled]:active, 
  fieldset[disabled] .btn-bottom:active, 
  .btn-bottom.disabled.active, 
  .btn-bottom[disabled].active, 
  fieldset[disabled] .btn-bottom.active { 
    background-color: #FFFFFF; 
    border-color: #eee; 
  } 
  
  .btn-bottom .badge { 
    color: #FFFFFF; 
    background-color: #444444; 
  }

/* Altri colori bottoni */

.btn-carmigno,.bottoneExcel {
    background-color: #c2464c !important;
    color: #ffffff !important; }
    .btn-carmigno:hover {
    background-color: #822e31;
    /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), 0 5px 10px rgba(0, 0, 0, 0.25);*/ }
    .btn-carmigno:focus, .btn-carmigno:active, .btn-carmigno.active {
    color: #ffffff;
    background-color: #822e31; }
    .btn-carmigno.dropdown-toggle {
    background-color: #c2464c !important; }
    .btn-carmigno.dropdown-toggle:hover, .btn-carmigno.dropdown-toggle:focus {
    background-color: #00e25b !important; }
    .btn-carmigno:not([disabled]):not(.disabled):active, .btn-carmigno:not([disabled]):not(.disabled).active,
    .show > .btn-carmigno.dropdown-toggle {
    background-color: #822e31 !important; }
    .btn-carmigno.disabled,
    .btn-carmigno[disabled],
    fieldset[disabled] .btn-carmigno,
    .btn-carmigno.disabled:hover,
    .btn-carmigno[disabled]:hover,
    fieldset[disabled] .btn-carmigno:hover,
    .btn-carmigno.disabled:focus,
    .btn-carmigno[disabled]:focus,
    fieldset[disabled] .btn-carmigno:focus,
    .btn-carmigno.disabled:active,
    .btn-carmigno[disabled]:active,
    fieldset[disabled] .btn-carmigno:active,
    .btn-carmigno.disabled.active,
    .btn-carmigno[disabled].active,
    fieldset[disabled] .btn-carmigno.active {
      opacity: 0.8
    }


.btn-purple {
    color: #fff;
    /*background-color: #611975;
    border-color: #611975; */
    background-color: #481256;
    border-color: #481256; }
    .btn-purple:hover {
    color: #fff;
    background-color: #481256;
    border-color: #481256;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), 0 5px 10px rgba(0, 0, 0, 0.25);}
    .btn-purple:focus, .btn-purple:active, .btn-purple.active {
        color: #fff;
        background-color: #481256; }
    .btn-purple.dropdown-toggle {
        background-color: #611975 !important; }
    .btn-purple.dropdown-toggle:hover, .btn-purple.dropdown-toggle:focus {
        background-color: #a028bf !important; }
    .btn-purple:not([disabled]):not(.disabled):active, .btn-purple:not([disabled]):not(.disabled).active,
    .show > .btn-purple.dropdown-toggle {
        background-color: #481256 !important; }

.btn-smoothgreen {
    background-color: #2bbbad;
    border-color: #2bbbad;
    color: #ffffff; }
    .btn-smoothgreen:hover {
    color: #fff;
    background-color: #058a7c;
    border-color: #30cfc0;
    /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), 0 5px 10px rgba(0, 0, 0, 0.25);*/ }
    .btn-smoothgreen:focus, .btn-smoothgreen:active, .btn-smoothgreen.active {
    color: #fff;
    background-color: #058a7c; }
    .btn-smoothgreen.dropdown-toggle {
    background-color: #058a7c !important; }
    .btn-smoothgreen.dropdown-toggle:hover, .btn-smoothgreen.dropdown-toggle:focus {
    background-color: #30cfc0 !important; }
    .btn-smoothgreen:not([disabled]):not(.disabled):active, .btn-smoothgreen:not([disabled]):not(.disabled).active,
    .show > .btn-smoothgreen.dropdown-toggle {
    background-color: #058a7c !important; }

.btn-olive {
    background-color: #3d9970;
    border-color: #3d9970;
    color: #ffffff; }
    .btn-olive:hover {
    color: #fff;
    background-color: #186860;
    border-color: #186860;
    /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), 0 5px 10px rgba(0, 0, 0, 0.25);*/ }
    .btn-olive:focus, .btn-olive:active, .btn-olive.active {
    color: #fff;
    background-color: #3d9970; }
    .btn-olive.dropdown-toggle {
    background-color: #3d9970 !important; }
    .btn-olive.dropdown-toggle:hover, .btn-olive.dropdown-toggle:focus {
    background-color: #3d9970 !important;}
    .btn-olive:not([disabled]):not(.disabled):active, .btn-olive:not([disabled]):not(.disabled).active,
    .show > .btn-olive.dropdown-toggle {
    background-color: #3d9970 !important; }

  .btn-olivenew {
      background-color: #186860;
      border-color: #186860;
      color: #ffffff; }
      .btn-olivenew:hover {
      color: #ffffff;
      background-color: #186860;
      border-color: #186860;
     /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), 0 5px 10px rgba(0, 0, 0, 0.25);*/ }

      .btn-olivenew:focus, .btn-olivenew:active, .btn-olivenew.active {
      color: #ffffff;
      background-color: #186860; }
      .btn-olivenew.dropdown-toggle {

      background-color: #186860 !important; }
      .btn-olivenew.dropdown-toggle:hover, .btn-olivenew.dropdown-toggle:focus {
      background-color: #186860 !important; }
      .btn-olivenew:not([disabled]):not(.disabled):active, .btn-olivenew:not([disabled]):not(.disabled).active,
      .show > .btn-olivenew.dropdown-toggle {
      background-color: #186860 !important; }


  .btn-viola {
      color: #ffffff;
      background-color: #611975;
      border-color: #130269;
      }

      .btn-viola:hover,
      .btn-viola:focus,
      .btn-viola:active,
      .btn-viola.active,
      .open .dropdown-toggle.btn-viola {
      color: #ffffff;
      background-color: #481256;
      border-color: #481256;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), 0 5px 10px rgba(0, 0, 0, 0.25);
      }

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

      .btn-viola.disabled,
      .btn-viola[disabled],
      fieldset[disabled] .btn-viola,
      .btn-viola.disabled:hover,
      .btn-viola[disabled]:hover,
      fieldset[disabled] .btn-viola:hover,
      .btn-viola.disabled:focus,
      .btn-viola[disabled]:focus,
      fieldset[disabled] .btn-viola:focus,
      .btn-viola.disabled:active,
      .btn-viola[disabled]:active,
      fieldset[disabled] .btn-viola:active,
      .btn-viola.disabled.active,
      .btn-viola[disabled].active,
      fieldset[disabled] .btn-viola.active {
      background-color: #611BBD;
      border-color: #130269;
      }

    .btn-viola .badge-viola {
      color: #611BBD;
      background-color: #ffffff;
      }


  .btn-giallo { 
      color: #ffffff; 
      background-color: #D2D909; 
      border-color: #AEC914; 
    } 
     
    .btn-giallo:hover, 
    .btn-giallo:focus, 
    .btn-giallo:active, 
    .btn-giallo.active, 
    .open .dropdown-toggle.btn-giallo { 
      color: #ffffff; 
      background-color: #E3EB00; 
      border-color: #AEC914; 
      /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), 0 5px 10px rgba(0, 0, 0, 0.25);*/
    } 
     
    .btn-giallo:active, 
    .btn-giallo.active, 
    .open .dropdown-toggle.btn-giallo { 
      background-image: none; 
    } 
     
    .btn-giallo.disabled, 
    .btn-giallo[disabled], 
    fieldset[disabled] .btn-giallo, 
    .btn-giallo.disabled:hover, 
    .btn-giallo[disabled]:hover, 
    fieldset[disabled] .btn-giallo:hover, 
    .btn-giallo.disabled:focus, 
    .btn-giallo[disabled]:focus, 
    fieldset[disabled] .btn-giallo:focus, 
    .btn-giallo.disabled:active, 
    .btn-giallo[disabled]:active, 
    fieldset[disabled] .btn-giallo:active, 
    .btn-giallo.disabled.active, 
    .btn-giallo[disabled].active, 
    fieldset[disabled] .btn-giallo.active { 
      background-color: #D2D909; 
      border-color: #AEC914; 
    } 
     
    .btn-giallo .badge { 
      color: #D2D909; 
      background-color: #ffffff; 
    }


  .btn-grey { 
      color: #333333; 
      background-color: #EEEEEE; 
      /*border-color: #333333; */
    } 
     
    .btn-grey:hover, 
    .btn-grey:focus, 
    .btn-grey:active, 
    .btn-grey.active, 
    .open .dropdown-toggle.btn-grey { 
      color: #333333; 
      background-color: #C5c5c5; 
      /*border-color: #333333; */
     /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), 0 5px 10px rgba(0, 0, 0, 0.25);*/
    } 
     
    .btn-grey:active, 
    .btn-grey.active, 
    .open .dropdown-toggle.btn-grey { 
      background-image: none; 
    } 
     
    .btn-grey.disabled, 
    .btn-grey[disabled], 
    fieldset[disabled] .btn-grey, 
    .btn-grey.disabled:hover, 
    .btn-grey[disabled]:hover, 
    fieldset[disabled] .btn-grey:hover, 
    .btn-grey.disabled:focus, 
    .btn-grey[disabled]:focus, 
    fieldset[disabled] .btn-grey:focus, 
    .btn-grey.disabled:active, 
    .btn-grey[disabled]:active, 
    fieldset[disabled] .btn-grey:active, 
    .btn-grey.disabled.active, 
    .btn-grey[disabled].active, 
    fieldset[disabled] .btn-grey.active { 
      background-color: #EEEEEE; 
      /*border-color: #333333; */
    } 
     
    .btn-grey .badge { 
      color: #EEEEEE; 
      background-color: #333333; 
    }

    .btn-pksi-orange { 
      color: #FFFFFF; 
      background-color: #F79520; 
      border-color: #F79520; 
    } 
     
    .btn-pksi-orange:hover, 
    .btn-pksi-orange:focus, 
    .btn-pksi-orange:active, 
    .btn-pksi-orange.active, 
    .open .dropdown-toggle.btn-pksi-orange { 
      color: #FFFFFF; 
      background-color: #F7A239; 
      border-color: #F79520; 
      /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), 0 5px 10px rgba(0, 0, 0, 0.25);*/
    } 
     
    .btn-pksi-orange:active, 
    .btn-pksi-orange.active, 
    .open .dropdown-toggle.btn-pksi-orange { 
      background-image: none; 
    } 
     
    .btn-pksi-orange.disabled, 
    .btn-pksi-orange[disabled], 
    fieldset[disabled] .btn-pksi-orange, 
    .btn-pksi-orange.disabled:hover, 
    .btn-pksi-orange[disabled]:hover, 
    fieldset[disabled] .btn-pksi-orange:hover, 
    .btn-pksi-orange.disabled:focus, 
    .btn-pksi-orange[disabled]:focus, 
    fieldset[disabled] .btn-pksi-orange:focus, 
    .btn-pksi-orange.disabled:active, 
    .btn-pksi-orange[disabled]:active, 
    fieldset[disabled] .btn-pksi-orange:active, 
    .btn-pksi-orange.disabled.active, 
    .btn-pksi-orange[disabled].active, 
    fieldset[disabled] .btn-pksi-orange.active { 
      background-color: #F79520; 
      border-color: #F79520; 
    } 
     
    .btn-pksi-orange .badge { 
      color: #F79520; 
      background-color: #FFFFFF; 
    }

    .btn-pksi-blue { 
      color: #ffffff; 
      background-color: #121444; 
      border-color: #121444; 
    } 
     
    .btn-pksi-blue:hover, 
    .btn-pksi-blue:focus, 
    .btn-pksi-blue:active, 
    .btn-pksi-blue.active, 
    .open .dropdown-toggle.btn-pksi-blue { 
      color: #ffffff; 
      background-color: #2B2E94; 
      border-color: #121444; 
    } 
     
    .btn-pksi-blue:active, 
    .btn-pksi-blue.active, 
    .open .dropdown-toggle.btn-pksi-blue { 
      background-image: none; 
    } 
     
    .btn-pksi-blue.disabled, 
    .btn-pksi-blue[disabled], 
    fieldset[disabled] .btn-pksi-blue, 
    .btn-pksi-blue.disabled:hover, 
    .btn-pksi-blue[disabled]:hover, 
    fieldset[disabled] .btn-pksi-blue:hover, 
    .btn-pksi-blue.disabled:focus, 
    .btn-pksi-blue[disabled]:focus, 
    fieldset[disabled] .btn-pksi-blue:focus, 
    .btn-pksi-blue.disabled:active, 
    .btn-pksi-blue[disabled]:active, 
    fieldset[disabled] .btn-pksi-blue:active, 
    .btn-pksi-blue.disabled.active, 
    .btn-pksi-blue[disabled].active, 
    fieldset[disabled] .btn-pksi-blue.active { 
      background-color: #121444; 
      border-color: #121444; 
    } 
     
    .btn-pksi-blue .badge { 
      color: #121444; 
      background-color: #ffffff; 
    }
  
    .btn-lilla { 
      color: #ffffff; 
      background-color: #9B59B6; 
      border-color: #9B59B6; 
    } 
     
    .btn-lilla:hover, 
    .btn-lilla:focus, 
    .btn-lilla:active, 
    .btn-lilla.active, 
    .open .dropdown-toggle.btn-lilla { 
      color: #ffffff; 
      background-color: #8344ad; 
      border-color: #9B59B6;
      /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), 0 5px 10px rgba(0, 0, 0, 0.25);*/ 
    } 
     
    .btn-lilla:active, 
    .btn-lilla.active, 
    .open .dropdown-toggle.btn-lilla { 
      background-image: none; 
    } 
     
    .btn-lilla.disabled, 
    .btn-lilla[disabled], 
    fieldset[disabled] .btn-lilla, 
    .btn-lilla.disabled:hover, 
    .btn-lilla[disabled]:hover, 
    fieldset[disabled] .btn-lilla:hover, 
    .btn-lilla.disabled:focus, 
    .btn-lilla[disabled]:focus, 
    fieldset[disabled] .btn-lilla:focus, 
    .btn-lilla.disabled:active, 
    .btn-lilla[disabled]:active, 
    fieldset[disabled] .btn-lilla:active, 
    .btn-lilla.disabled.active, 
    .btn-lilla[disabled].active, 
    fieldset[disabled] .btn-lilla.active { 
      background-color: #9B59B6; 
      border-color: #9B59B6; 
    } 
     
    .btn-lilla .badge { 
      color: #9B59B6; 
      background-color: #ffffff; 
    }

    .btn-dark { 
      color: #ffffff; 
      background-color: #3b6997; 
      border-color: #3b6997; 
    } 
     
    .btn-dark:hover, 
    .btn-dark:focus, 
    .btn-dark:active, 
    .btn-dark.active, 
    .open .dropdown-toggle.btn-dark { 
      color: #ffffff; 
      background-color: #34455E; 
      border-color: #3b6997; 
    } 
     
    .btn-dark:active, 
    .btn-dark.active, 
    .open .dropdown-toggle.btn-dark { 
      background-image: none; 
    } 
     
    .btn-dark.disabled, 
    .btn-dark[disabled], 
    fieldset[disabled] .btn-dark, 
    .btn-dark.disabled:hover, 
    .btn-dark[disabled]:hover, 
    fieldset[disabled] .btn-dark:hover, 
    .btn-dark.disabled:focus, 
    .btn-dark[disabled]:focus, 
    fieldset[disabled] .btn-dark:focus, 
    .btn-dark.disabled:active, 
    .btn-dark[disabled]:active, 
    fieldset[disabled] .btn-dark:active, 
    .btn-dark.disabled.active, 
    .btn-dark[disabled].active, 
    fieldset[disabled] .btn-dark.active { 
      background-color: #3b6997; 
      border-color: #3b6997; 
    } 
     
    .btn-dark .badge { 
      color: #3b6997; 
      background-color: #ffffff; 
    }

  
  .btn-outline-primary {
    color: #337AB7;
    background-color: transparent;
    background-image: none;
    border-color: #337AB7; }
  .btn-outline-primary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d; }
  .btn-outline-primary:focus, .btn-outline-primary.focus {
    /*! CICALO box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);*/
    color: #fff;
    background-color: #337AB7;
    border-color: #337AB7; }
  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent; }
  .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
  .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    /*!background-color: #007bff; colere dafault coome da bootstrap 4.0*/
    border-color: #337AB7;
    background-color: #337AB7; }
  .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
  .show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);}

  .btn-outline-secondary {
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #6c757d; }
  .btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;}
  .btn-outline-secondary:focus, .btn-outline-secondary.focus {
    /* CICALO box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);*/
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;}
  .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent;}
  .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
  .show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;}
  .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
  .show > .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
  }

  .btn-outline-success {
    color: #28a745;
    background-color: transparent;
    background-image: none;
    border-color: #28a745;
  }

  .btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
  }

  .btn-outline-success:focus, .btn-outline-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
  }

  .btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent;
  }

  .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
  .show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
  }

  .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
  .show > .btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
  }

  .btn-outline-info {
    color: #17a2b8;
    background-color: transparent;
    background-image: none;
    border-color: #17a2b8;
  }
  .btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
  }
  .btn-outline-info:focus, .btn-outline-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
  }
  .btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent;
  }
  .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
  .show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
  }
  .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
  .show > .btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
  }

  .btn-outline-warning {
    color: #ffc107;
    background-color: transparent;
    background-image: none;
    border-color: #ffc107;
  }
  .btn-outline-warning:hover {
    color: #ffffff;
    background-color: #ffc107;
    border-color: #ffc107;
  }
  .btn-outline-warning:focus, .btn-outline-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  }
  .btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent;
  }
  .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
  .show > .btn-outline-warning.dropdown-toggle {
    color: #ffffff;
    background-color: #ffc107;
    border-color: #ffc107;
  }
  .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
  .show > .btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  }

  .btn-outline-danger {
    color: #dc3545;
    background-color: transparent;
    background-image: none;
    border-color: #dc3545;
  }
  .btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
  }
  .btn-outline-danger:focus, .btn-outline-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
  }
  .btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent;
  }

  .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
  .show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
  }

  .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
  .show > .btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
  }

  .btn-outline-light {
    color: #f8f9fa;
    background-color: transparent;
    background-image: none;
    border-color: #f8f9fa;
  }

  .btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
  }

  .btn-outline-light:focus, .btn-outline-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
  }

  .btn-outline-light.disabled, .btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent;
  }

  .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
  .show > .btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
  }

  .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
  .show > .btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
  }


  .btn-outline-dark {
    color: #343a40;
    background-color: transparent;
    background-image: none;
    border-color: #343a40;
  }

  .btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
  }

  .btn-outline-dark:focus, .btn-outline-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
  }

  .btn-outline-dark.disabled, .btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent;
  }

  .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
  .show > .btn-outline-dark.dropdown-toggle {
    color: #fff;
    /*background-color: #343a40;
    border-color: #343a40;
    */
    background-color: #343a40;
    border-color: #343a40;
  }

  .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
  .show > .btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
  }

/* OUTLINE PURPLE*/
  .btn-outline-purple {
    color: #49247A;
    background-color: transparent;
    border-color: #130269;
  }

  .btn-outline-purple:hover,
  .btn-outline-purple:focus,
  .btn-outline-purple:active,
  .btn-outline-purple.active,
  .open .dropdown-toggle.btn-outline-purple {
    color: #ffffff;
    background-color: #49247A;
    border-color: #130269;
  }

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

  .btn-outline-purple.disabled,
  .btn-outline-purple[disabled],
    fieldset[disabled] .btn-outline-purple,
  .btn-outline-purple.disabled:hover,
  .btn-outline-purple[disabled]:hover,
  fieldset[disabled] .btn-outline-purple:hover,
  .btn-outline-purple.disabled:focus,
  .btn-outline-purple[disabled]:focus,
  fieldset[disabled] .btn-outline-purple:focus,
  .btn-outline-purple.disabled:active,
  .btn-outline-purple[disabled]:active,
  fieldset[disabled] .btn-outline-purple:active,
  .btn-outline-purple.disabled.active,
  .btn-outline-purple[disabled].active,
  fieldset[disabled] .btn-outline-purple.active {
   /* background-color: #FFFFFF;*/
    background-color: transparent;
    border-color: #49247A;
    color:#49247A;
  }

/*OUTLINE BROWN */
.btn-outline-brown {
    color: #795548;
    background-color: transparent;
    border-color: #795548;
  }

  .btn-outline-brown:hover,
  .btn-outline-brown:focus,
  .btn-outline-brown:active,
  .btn-outline-brown.active,
  .open .dropdown-toggle.btn-outline-brown {
    color: #ffffff;
    background-color: #795548;
    border-color: #795548;
  }

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

  .btn-outline-brown.disabled,
  .btn-outline-brown[disabled],
  fieldset[disabled] .btn-outline-brown,
  .btn-outline-brown.disabled:hover,
  .btn-outline-brown[disabled]:hover,
  fieldset[disabled] .btn-outline-brown:hover,
  .btn-outline-brown.disabled:focus,
  .btn-outline-brown[disabled]:focus,
  fieldset[disabled] .btn-outline-brown:focus,
  .btn-outline-brown.disabled:active,
  .btn-outline-brown[disabled]:active,
  fieldset[disabled] .btn-outline-brown:active,
  .btn-outline-brown.disabled.active,
  .btn-outline-brown[disabled].active,
  fieldset[disabled] .btn-outline-brown.active {
    background-color: #FFFFFF;
    border-color: #795548;
  }

/* OUTLINE- LITE GREEN*/
.btn-outline-ltgreen {
    color: #8bc34a;
    background-color: #FFFFFF;
    border-color: #8BC34A;
  }

  .btn-outline-ltgreen:hover,
  .btn-outline-ltgreen:focus,
  .btn-outline-ltgreen:active,
  .btn-outline-ltgreen.active,
  .open .dropdown-toggle.btn-outline-ltgreen {
    color: #ffffff;
    background-color: #8BC34A;
    border-color: #8BC34A;
  }

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

  /* OUTLINE- NEON BLUE*/
.btn-outline-neonblue {
  color: #0B08F2;
  background-color: #FFFFFF;
  border-color: #0B08F2;
}

.btn-outline-neonblue:hover,
.btn-outline-neonblue:focus,
.btn-outline-neonblue:active,
.btn-outline-neonblue.active,
.open .dropdown-toggle.btn-outline-neonblue {
  color: #ffffff;
  background-color: #0B08F2;
  border-color: #0B08F2;
}

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


/* CRAZY GREEN */
.btn-outline-greencrazy { 
  color: #63C24E; 
  background-color: #F7F7F7; 
  border-color: #D1D9CA; 
} 
 
.btn-outline-greencrazy:hover, 
.btn-outline-greencrazy:focus, 
.btn-outline-greencrazy:active, 
.btn-outline-greencrazy.active, 
.open .dropdown-toggle.btn-outline-greencrazy { 
  color: #63C24E; 
  background-color: #186905; 
  border-color: #D1D9CA; 
} 
 
.btn-outline-greencrazy:active, 
.btn-outline-greencrazy.active, 
.open .dropdown-toggle.btn-outline-greencrazy { 
  background-image: none; 
} 
 
.btn-outline-greencrazy.disabled, 
.btn-outline-greencrazy[disabled], 
fieldset[disabled] .btn-outline-greencrazy, 
.btn-outline-greencrazy.disabled:hover, 
.btn-outline-greencrazy[disabled]:hover, 
fieldset[disabled] .btn-outline-greencrazy:hover, 
.btn-outline-greencrazy.disabled:focus, 
.btn-outline-greencrazy[disabled]:focus, 
fieldset[disabled] .btn-outline-greencrazy:focus, 
.btn-outline-greencrazy.disabled:active, 
.btn-outline-greencrazy[disabled]:active, 
fieldset[disabled] .btn-outline-greencrazy:active, 
.btn-outline-greencrazy.disabled.active, 
.btn-outline-greencrazy[disabled].active, 
fieldset[disabled] .btn-outline-greencrazy.active { 
  background-color: #F7F7F7; 
  border-color: #D1D9CA; 
} 
 
.btn-outline-greencrazy .badge { 
  color: #F7F7F7; 
  background-color: #63C24E; 
}
  

/* inizio badge */
.badge {
    border-radius: 2px;
    color: #ffffff ; /*!important;*/
    font-weight:600;
    font-size:12px ;
    line-height: inherit !important; }


    .badge-primary {
      background-color: #4285f4 !important;
      color: #ffffff !important;
      border: 1px solid #4285f4 !important;
      font-weight:600 !important;
      font-size:12px !important; }

    .badge-danger {
      background-color: #ff3547 !important;
      color: #ffffff !important;
      border: 1px solid #7c1e1e !important;
      font-weight:600 !important;
      font-size:12px !important; }

    .badge-warning {
      background-color: #ff8800 !important;
      color: #ffffff !important;
      border: 1px solid #ff8800 !important;
      font-weight:600 !important;
      font-size:12px !important; }

    .badge-success {
      background-color: #00c851 !important;
      color: #ffffff !important;
      border: 1px solid #00c581 !important;
      font-weight:600 !important;
      font-size:12px !important; }

    .badge-info {
      background-color: #33b5e5 !important;
      color: #ffffff !important;
      border: 1px solid #33b5e5 !important;
      font-weight:600 !important;
      font-size:12px !important; }

    .badge-default {
      background-color: #2bbbad !important;
      color: #ffffff !important;
      border: 1px solid #2bbbad !important;
      font-weight:600 !important;
      font-size:12px !important; }

    .badge-secondary {
      background-color: #aa66cc !important;
      color: #ffffff !important;
      border: 1px solid #aa66cc !important;
      font-weight:600 !important;
      font-size:12px !important; }

    .badge-dark {
      background-color: #212121 !important;
      color: #ffffff !important;
      border: 1px solid #212121 !important;
      font-weight:600 !important;
      font-size:12px !important; }

    .badge-light {
      background-color: #e0e0e0 !important;
      color: #000000 !important;
      border: 1px solid #000000 !important;
      font-weight:600 !important;
      font-size:12px !important; }

    .badge-vaniglia {
      background-color: #FFEFCE !important;
      color: #000000 !important;
      border: 1px solid #AB9363 !important;
      font-weight:600 !important;
      font-size:12px !important; }

    .badge-bianco {
      background-color: #ffffff !important;
      color: #000000 !important;
      border: 1px solid #000000 !important;
      font-weight:600 !important;
      font-size:12px !important; }

    .badge-lilla {
      background-color: #ad75ad !important;
      color: #ffffff;
      border: 1px solid #000000 !important;
      font-weight:600 !important;
      font-size:12px !important; }
      
    .badge-giallo {
      background-color: #d0d000 !important;
      color: #000000;
      border: 1px solid #d8d8bc  !important;
      font-weight:600 !important;
      font-size:12px }

    .badge-blue {
      background-color: #233d77 !important;
      color: #fff;
      border: 1px solid #4e78d4 !important;
      font-weight:600 !important;
      font-size:12px  }

    .badge-green {
      background-color: #00a000 !important;
      color: #ffffff !important;
      border: 1px solid #00c581 !important;
      font-weight:600 !important;
      font-size:12px  }
      
    .badge-smoothlime{
      background-color: #ebf2d2 !important;
      color: #000000 !important;
      border: 1px solid #000000 !important;
      font-weight:600 !important;
      font-size:12px  }
  

/* jquery confirm dimensione bottoni su cassa automatica */
  .btn_cassaAut{
    font-size: 2em !important;
    border-radius: 10px;
    text-transform: capitalize !important;
    margin-top: 10px;
    margin-bottom: 20px;

  }




/************---- SWITCH ----*******************************
*
* switch come i telefoni da usare in tabella setup
*
*---- esemoio codice html ---
*  <!-- Small switch -->
*    <div class="form-group">
*      <span class="switch switch-sm">
*        <input type="checkbox" class="switch" id="switch-sm">
*        <label for="switch-sm">Small switch</label>
*      </span>
*    </div>
*
*/

.switch {
    font-size: 1rem;
    position: relative;
  }
  .switch input {
    position: absolute;
    height: 1px;
    width: 1px;
    background: none;
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    overflow: hidden;
    padding: 0;
  }
  .switch input + label {
    position: relative;
    min-width: calc(calc(2.375rem * .8) * 2);
    border-radius: calc(2.375rem * .8);
    height: calc(2.375rem * .8);
    line-height: calc(2.375rem * .8);
    display: inline-block;
    cursor: pointer;
    outline: none;
    user-select: none;
    vertical-align: middle;
    text-indent: calc(calc(calc(2.375rem * .8) * 2) + .5rem);
  }
  .switch input + label::before,
  .switch input + label::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(calc(2.375rem * .8) * 2);
    bottom: 0;
    display: block;
  }
  .switch input + label::before {
    right: 0;
    background-color: #dee2e6;
    border-radius: calc(2.375rem * .8);
    transition: 0.2s all;
  }
  .switch input + label::after {
    top: 2px;
    left: 2px;
    width: calc(calc(2.375rem * .8) - calc(2px * 2));
    height: calc(calc(2.375rem * .8) - calc(2px * 2));
    border-radius: 50%;
    background-color: white;
    transition: 0.2s all;
  }
  /* colori background */
  .switch input:checked + label::before {
    background-color: #08d;
  }
  .switch.switch-danger input:checked + label::before {
    background-color: #ff3547;
  }
  .switch.switch-success input:checked + label::before {
    background-color: #00c851;
  }
  .switch.switch-warning input:checked + label::before {
    background-color: #ff8800;
  }
  .switch.switch-info input:checked + label::before {
    background-color: #33b5e5;
  }
  .switch.switch-purple input:checked + label::before {
    background-color: #611975;
  }
  .switch.switch-smoothgreen input:checked + label::before {
    background-color: #2bbbad;
  }
  .switch.switch-lilla input:checked + label::before {
    background-color: #ad75ad;
  }
  /*fine colori*/

  .switch input:checked + label::after {
    margin-left: calc(2.375rem * .8);
  }
  .switch input:focus + label::before {
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(0, 136, 221, 0.25);
  }
  .switch input:disabled + label {
    color: #868e96;
    cursor: not-allowed;
  }
  .switch input:disabled + label::before {
    background-color: #e9ecef;
  }
  .switch.switch-sm {
    font-size: 0.875rem;
  }
  .switch.switch-sm input + label {
    min-width: calc(calc(1.9375rem * .8) * 2);
    height: calc(1.9375rem * .8);
    line-height: calc(1.9375rem * .8);
    text-indent: calc(calc(calc(1.9375rem * .8) * 2) + .5rem);
  }
  .switch.switch-sm input + label::before {
    width: calc(calc(1.9375rem * .8) * 2);
  }
  .switch.switch-sm input + label::after {
    width: calc(calc(1.9375rem * .8) - calc(2px * 2));
    height: calc(calc(1.9375rem * .8) - calc(2px * 2));
  }
  .switch.switch-sm input:checked + label::after {
    margin-left: calc(1.9375rem * .8);
  }
  .switch.switch-lg {
    font-size: 1.25rem;
  }
  .switch.switch-lg input + label {
    min-width: calc(calc(3rem * .8) * 2);
    height: calc(3rem * .8);
    line-height: calc(3rem * .8);
    text-indent: calc(calc(calc(3rem * .8) * 2) + .5rem);
  }
  .switch.switch-lg input + label::before {
    width: calc(calc(3rem * .8) * 2);
  }
  .switch.switch-lg input + label::after {
    width: calc(calc(3rem * .8) - calc(2px * 2));
    height: calc(calc(3rem * .8) - calc(2px * 2));
  }
  .switch.switch-lg input:checked + label::after {
    margin-left: calc(3rem * .8);
  }

  .switch + .switch {
    margin-left: 1rem;
  }

/****** FINE SWITCH


/* Custom Radio Button Start  - USATI IN USCITA per selezionare tipo pagamento*/

.form-control-radio {
    display: block;
    width: 50%;
    height: 0px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

  .radiotextsty {
    color:dimgrey;
    font-size: 14px;
  }


  .customradio {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 30px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .customradio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }


  /* Create a custom radio button */
  .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: white;
    border-radius: 50%;
    border:1px solid #BEBEBE;
  }

  /* On mouse-over, add a grey background color */
  .customradio:hover input ~ .checkmark {
    background-color: transparent;
  }

  /* When the radio button is checked, add a blue background */
  .customradio input:checked ~ .checkmark {
    background-color: white;
    border:1px solid #BEBEBE;
  }

  /* Create the indicator (the dot/circle - hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  /* Show the indicator (dot/circle) when checked */
  .customradio input:checked ~ .checkmark:after {
    display: block;
  }

  /* Style the indicator (dot/circle) */
  .customradio .checkmark:after {
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: royalblue;
  }

/*---------- FISCALE CUSTOM RADIO ******/
hr.hrstile {
  /*margin-top: 20px;
  margin-bottom: 0px;*/
  border: 0;
  border-top: 1px solid dimgrey;
}

.radiotextsty-fisc {
  color:dimgrey;
  font-size: 24px;
  padding-left: 5px;
}

.radio-fisc {
  display: inline-block;
  padding-right: 30px;
  margin-top: unset;
  margin-bottom: unset;
}

/* Create a custom radio button */
.checkmark-fisc {
  position: absolute;
  top: 0;
  left: 0;
  height: 32px;
  width: 32px;
  background-color: white;
  border-radius: 30%;
  border:1px solid #BEBEBE;
}

/* On mouse-over, add a grey background color */
.customradio:hover input ~ .checkmark-fisc {
  background-color: transparent;
}

/* When the radio button is checked, add a blue background */
.customradio input:checked ~ .checkmark-fisc {
  background-color: white;
  border:1px solid #BEBEBE;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark-fisc:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.customradio input:checked ~ .checkmark-fisc:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.customradio .checkmark-fisc:after {
  top: 2px;
  left: 2px;
  width: 26px;
  height: 26px;
  border-radius: 30%;
  background: darkolivegreen;
}
/* Custom Radio Button End*/


/* definizione css3 per immagini invece che radio button su come paga*/
.cc-selector input{
  margin:0;padding:0;
  -webkit-appearance:none;
    -moz-appearance:none;
          appearance:none;
}

.cc-selector-2 input{
  position:absolute;
  z-index:999;
}

.cash{background-image:url(../../img/cash.png);}
.creditcard{background-image:url(../../img/credit-card.png);}
.assegno{background-image:url(../../img/cheque.png);}
.bonifico{background-image:url(../../img/bank-transfer.png);}

.cc-selector-2 input:active +.drinkcard-cc, .cc-selector input:active +.drinkcard-cc{opacity: .9;}
.cc-selector-2 input:checked +.drinkcard-cc, .cc-selector input:checked +.drinkcard-cc{
  -webkit-filter: none;
    -moz-filter: none;
          filter: none;
}
.drinkcard-cc{
  cursor:pointer;
  background-size:contain;
  background-repeat:no-repeat;
  display:inline-block;
  width:100px;height:70px;
  -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
          transition: all 100ms ease-in;
  -webkit-filter: brightness(1.3) grayscale(1) opacity(.7);
    -moz-filter: brightness(1.3) grayscale(1) opacity(.7);
          filter: brightness(1.3) grayscale(1) opacity(.7);
}
.drinkcard-cc:hover{
  -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
    -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
          filter: brightness(1.2) grayscale(.5) opacity(.9);
}

/* Extras */
/*.cc-selector label{ margin-left: 100px; }*/
.cc-selector-2 input{ margin: 5px 0 0 12px; }
.cc-selector-2 label{ margin-left: 10px; }

span.cc{ color:#6d84b4 }

 /* fine come paga */





/***** ARDUINO *****/
/* simulo pressione bottone*/
div.btn-imts-indigo button {
    background-image: url(../../img/button/button_Indigo.ico);
    background-size: 100%;
    background-repeat:no-repeat;
    cursor:pointer;
    width: 60px;
    height: 60px;
    border: none;
}

div.btn-imts-indigo button:hover {
    background-image: url(../../img/button/button_Indigo_Hover.ico);
    background-size: 100%;
    background-repeat:no-repeat;
    cursor:pointer;
    width: 60px;
    height: 60px;
    border: none;

}
div.btn-imts-indigo button:active {
    background-image: url(../../img/button/button_Indigo_Pressed.ico);
    background-size: 100%;
    background-repeat:no-repeat;
    cursor:pointer;
    width: 60px;
    height: 60px;
    border: none;

}

/** GIALLO */
div.btn-imts-yellow button {
  background-image: url(../../img/button/button_Yellow.ico);
  background-size: 100%;
  background-repeat:no-repeat;
  cursor:pointer;
  width: 60px;
  height: 60px;
  border: none;
}

div.btn-imts-yellow button:hover {
  background-image: url(../../img/button/button_Yellow_Hover.ico);
  background-size: 100%;
  background-repeat:no-repeat;
  cursor:pointer;
  width: 60px;
  height: 60px;
  border: none;

}
div.btn-imts-yellow button:active {
  background-image: url(../../img/button/button_Yellow_Pressed.ico);
  background-size: 100%;
  background-repeat:no-repeat;
  cursor:pointer;
  width: 60px;
  height: 60px;;
  border: none;

}

/** ORANGE **/
div.btn-imts-orange button {
  background-image: url(../../img/button/button_Orange.ico);
  background-size: 100%;
  background-repeat:no-repeat;
  cursor:pointer;
  width: 60px;
  height: 60px;
  border: none;
}

div.btn-imts-orange button:hover {
  background-image: url(../../img/button/button_Orange_Hover.ico);
  background-size: 100%;
  background-repeat:no-repeat;
  cursor:pointer;
  width: 60px;
  height: 60px;
  border: none;

}
div.btn-imts-orange button:active {
  background-image: url(../../img/button/button_Orange_Pressed.ico);
  background-size: 100%;
  background-repeat:no-repeat;
  cursor:pointer;
  width: 60px;
  height: 60px;
  border: none;

}

/** RED **/
div.btn-imts-red button {
  background-image: url(../../img/button/button_Red.ico);
  background-size: 100%;
  background-repeat:no-repeat;
  cursor:pointer;
  width: 60px;
  height: 60px;
  border: none;
}

div.btn-imts-red button:hover {
  background-image: url(../../img/button/button_Red_Hover.ico);
  background-size: 100%;
  background-repeat:no-repeat;
  cursor:pointer;
  width: 60px;
  height: 60px;
  border: none;

}
div.btn-imts-red button:active {
  background-image: url(../../img/button/button_Red_Pressed.ico);
  background-size: 100%;
  background-repeat:no-repeat;
  cursor:pointer;
  width: 60px;
  height: 60px;
  border: none;

}

/** GREEN **/
div.btn-imts-green button {
  background-image: url(../../img/button/button_Green.ico);
  background-size: 100%;
  background-repeat:no-repeat;
  cursor:pointer;
  width: 60px;
  height: 60px;
  border: none;
}

div.btn-imts-green button:hover {
  background-image: url(../../img/button/button_Green_Hover.ico);
  background-size: 100%;
  background-repeat:no-repeat;
  cursor:pointer;
  width: 60px;
  height: 60px;
  border: none;

}
div.btn-imts-green button:active {
  background-image: url(../../img/button/button_Green_Pressed.ico);
  background-size: 100%;
  background-repeat:no-repeat;
  cursor:pointer;
  width: 60px;
  height: 60px;
  border: none;

}

/** LightBlue **/
div.btn-imts-lightblue button {
  background-image: url(../../img/button/button_Light_blue.ico);
  background-size: 100%;
  background-repeat:no-repeat;
  cursor:pointer;
  width: 60px;
  height: 60px;
  border: none;
}

div.btn-imts-lightblue button:hover {
  background-image: url(../../img/button/button_Light_Blue_Hover.ico);
  background-size: 100%;
  background-repeat:no-repeat;
  cursor:pointer;
  width: 60px;
  height: 60px;
  border: none;

}
div.btn-imts-lightblue button:active {
  background-image: url(../../img/button/button_Light_Blue_Pressed.ico);
  background-size: 100%;
  background-repeat:no-repeat;
  cursor:pointer;
  width: 60px;
  height: 60px;
  border: none;

}

/*** classi per nuovi bottoni aperture ***/
/* ROSSO*/
  .round-button-cic-red {
    background-image: url(../../img/button/button_Red.ico);
    background-size: 100%;
    background-repeat:no-repeat;
    cursor:pointer;
    width: 60px;
    height: 60px;
    border: none;
    display: block;
    color: white;
    line-height:60px;
    text-align:center;
    text-decoration:none !important;
  }

  .round-button-cic-red:hover {
    background-image: url(../../img/button/button_Red_Hover.ico);
    background-size: 100%;
    background-repeat:no-repeat;
    cursor:pointer;
    width: 60px;
    height: 60px;
    border: none;
    display: block;
    color: white;
    line-height:60px;
    text-align:center;
    text-decoration:none !important;
  }

/* VERDE */
.round-button-cic-green {
  background-image: url(../../img/button/button_Green.ico);
  background-size: 100%;
  background-repeat:no-repeat;
  cursor:pointer;
  width: 60px;
  height: 60px;
  border: none;
  display: block;
  color: white;
  line-height:60px;
  text-align:center;
  text-decoration:none !important;
}

.round-button-cic-green:hover {
  background-image: url(../../img/button/button_Green_Hover.ico);
  background-size: 100%;
  background-repeat:no-repeat;
  cursor:pointer;
  width: 60px;
  height: 60px;
  border: none;
  display: block;
  color: white;
  line-height:60px;
  text-align:center;
  text-decoration:none !important;
}

/* BLUE */
.round-button-cic-indigo {
  background-image: url(../../img/button/button_Indigo.ico);
  background-size: 100%;
  background-repeat:no-repeat;
  cursor:pointer;
  width: 60px;
  height: 60px;
  border: none;
  display: block;
  color: white;
  line-height:60px;
  text-align:center;
  text-decoration:none !important;
}

.round-button-cic-indigo:hover {
  background-image: url(../../img/button/button_Indigo_Hover.ico);
  background-size: 100%;
  background-repeat:no-repeat;
  cursor:pointer;
  width: 60px;
  height: 60px;
  border: none;
  display: block;
  color: white;
  line-height:60px;
  text-align:center;
  text-decoration:none !important;
}



/* CHECK BOX */

.badgebox
{
    opacity: 0;
}

.badgebox + .badge
{
    /* Move the check mark away when unchecked */
    text-indent: -999999px;
    /* Makes the badge's width stay the same checked and unchecked */
	width: 27px;
}

.badgebox:focus + .badge
{
    /* Set something to make the badge looks focused */
    /* This really depends on the application, in my case it was: */
    
    /* Adding a light border */
     box-shadow: 0px;
    /* Taking the difference out of the padding */
    
}

.badgebox:checked + .badge
{
    /* Move the check mark back when checked */
	text-indent: 0;
}