/* -------------------------SELEZIONE ORARI------------------------- */
.labl {
    display : block;
    width: 100%;
    font-size: 24px;
    color: #33CC33;
}
.labl > input{ /* HIDE RADIO */
    visibility: hidden; /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
}
.labl > input + div{ /* DIV STYLES */
    cursor:pointer;
    border: 1px solid #33CC33;
    border-radius:5px;
    width: 100%;
}
.labl > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
    background-color: #33CC33;
    border: 1px solid #33CC33;
    border-radius:5px;
    color: #FFFFFF;
    width: 100%;
}

.lablbusy {
    display : block;
    width: 100%;
    font-size: 24px;
    border: 1px solid #FF6666;
    border-radius:5px;
    color: #FF6666;
}

.lablold {
    display : block;
    width: 100%;
    font-size: 24px;
    border: 1px solid #CCCCCC;
    border-radius:5px;
    color: #CCCCCC;
}

.lablmulti {
    display : block;
    width: 100%;
    font-size: 36px;
    border: 1px solid #CCCCCC;
    border-radius:5px;
    color: #CCCCCC;
}

.lablmulti:hover {
    display : block;
    width: 100%;
    font-size: 36px;
    border: 1px solid #CCCCCC;
    border-radius:5px;
    color: #FFFFFF;
    background-color: #CCCCCC;
}

.lablmulti > input{ /* HIDE RADIO */
    visibility: hidden; /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
}

.lablmulti > input + div{ /* DIV STYLES */
    cursor:pointer;
    border: 1px solid #CCCCCC;
    border-radius:5px;
    width: 100%;
}

.lablmulti > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
    background-color: #33CC00;
    border: 1px solid #33CC00;
    border-radius:5px;
    color: #FFFFFF;
    width: 100%;
}


/* -------------------------TASTI OPZIONI------------------------- */
.labloption {
    display : block;
    width: 100%;
    font-size: 18px;
    border: 0.5px solid #CCCCCC;
    border-radius:5px;
    color: #CCCCCC;
}

.labloption:hover {
    display : block;
    width: 100%;
    font-size: 18px;
    border: 0.5px solid #CCCCCC;
    border-radius:5px;
    color: #FFFFFF;
    background-color: #CCCCCC;
}

.labloption > input{ /* HIDE RADIO */
    visibility: hidden; /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
}

.labloption > input + div{ /* DIV STYLES */
    cursor:pointer;
    border: 0.5px solid #CCCCCC;
    border-radius:5px;
    width: 100%;
}

.labloption > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
    background-color: #33CC00;
    border: 0.5px solid #33CC00;
    border-radius:5px;
    color: #FFFFFF;
    width: 100%;
}
/* -------------------------TASTI OPZIONI------------------------- */




/* -------------------------TASTI MACCHIE------------------------- */
.lablmcc {
    display : block;
    width: 100%;
    border: none;
    color: #FFFFFF;
}

.lablmcc:hover {
    display : block;
    width: 100%;
    border: none;
}

.lablmcc > input{ /* HIDE RADIO */
    visibility: hidden; /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
}

.lablmcc > input + div{ /* DIV STYLES */
    cursor:pointer;
    border: none;
    width: 100%;
}

.lablmcc > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
    background-color: #F30;
    border: none;
    border-radius: 100px;
    color: #FFFFFF;
    width: 100%;
}
/* -------------------------TASTI MACCHIE------------------------- */


.labl_sa {
    display : block;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    color: #0099FF;
}
.labl_sa > input{ /* HIDE RADIO */
    visibility: hidden; /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
}
.labl_sa > input + div{ /* DIV STYLES */
    cursor:pointer;
    border: 1px solid #0099FF;
    border-radius:5px;
    width: 100%;
    height: 75px;
    padding-top: 24px;
}
.labl_sa > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
    background-color: #0099FF;
    border: 1px solid #0099FF;
    border-radius:5px;
    color: #FFFFFF;
    width: 100%;
}

.labl_lv {
    display : block;
    width: 100%;
    font-size: 14px;
    color: #FFCC00;
}
.labl_lv > input{ /* HIDE RADIO */
    visibility: hidden; /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
}
.labl_lv > input + div{ /* DIV STYLES */
    cursor:pointer;
    border: 1px solid #FFCC00;
    border-radius:5px;
    width: 100%;
    height: 60px;
    padding-top: 16px;
}
.labl_lv > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
    background-color: #FFCC00;
    border: 1px solid #FFCC00;
    border-radius:5px;
    color: #FFFFFF;
    width: 100%;
}




/*the container must be positioned relative:*/
.custom-select {
  position: relative;
}

.custom-select select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
  background-color: #FFFFFF;
  font-weight: bold;
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 0px;
  right: 0px;
  width: 0;
  height: 0;
  border: 3px solid #FFFFFF;
  border-color: #fff transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/*style the items (options), including the selected item:*/
.select-items div {
  color: #000000;
  padding: 6px 12px;
  border: 3px solid #FFFFFF;
  cursor: pointer;
  user-select: none;
}

/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #E7E7E7 ;
  font-size: 18px;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.2);
}

/*TASTI POSTAZIONE E SELEZIONE OPERATORE */
.tasto_postazione {
    display : block;
    width: 100%;
    font-size: 16px;
    color: #9CF;
    text-align: center;
    line-height:18px;
}
.tasto_postazione > input{ /* HIDE RADIO */
    visibility: hidden; /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
}
.tasto_postazione > input + div{ /* DIV STYLES */
    cursor:pointer;
    border: 2px solid #CCC;
    border-radius:5px;
    width: 100%;
    height: 55px;
    text-align: center;
  }
.tasto_postazione > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
    background-color: #9CF;
    border: 2px solid #CCC;
    border-radius:5px;
    color: #FFFFFF;
    width: 100%;
}


.tasto_s_operatore {
  display : block;
  width: 100%;
  font-size: 16px;
  color: #C96;
  text-align: center;
  line-height:18px;
}
.tasto_s_operatore > input{ /* HIDE RADIO */
    visibility: hidden; /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
}
.tasto_s_operatore > input + div{ /* DIV STYLES */
  cursor:pointer;
  border: 2px solid #CCC;
  border-radius:5px;
  width: 100%;
  height: 55px;
  text-align: center;
}
.tasto_s_operatore > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
  background-color: #C96;
  border: 2px solid #CCC;
  border-radius:5px;
  color: #FFFFFF;
  width: 100%;
}
/* TASTI POSTAZIONE E SELEZIONE OPERATORE */


/*----------------------------------CASSA----------------------------------*/
.div_cassa {
  border: 1px solid #CCC;
  border-radius: 5px;
  cursor: pointer;
  display : block;
  width: 155px;
  height: 100px;
  float: left;
  margin: 5px
}

.spazio_prezzo{
  margin: 0px;
  padding: 0px;
  line-height: 2px;
  font-size: 12px;
  text-align: left;
  color: #999;
}

/*
1. lavato stirato
2. pesante
3. casa
4. solo stiro
5. sartoria
6. pelle tappeti
7. piegati > dismesso
*/

/* ---------- lavato stirato ---------- */
.tasto_cassa_1{
    padding-top: 8px;
    padding-right: 2px;
    padding-left: 2px;
    font-size: 20px;
    text-align: center;
    width: 153px;
    height: 70px;
    display: block;
    border-bottom: 0.5px solid #CCC;
    color: #6699CC; /* colore */
}

.tasto_cassa_1:hover{
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #6699CC; /* colore */
    color: #FFFFFF;
    text-decoration: none;
}

.option_cassa_1{
    font-size: 16px;
    line-height: 17px;
    text-align: center;
    width: 75px;
    height: 29px;
    display: block;
    padding-top: 3px;
    float: right;
    color: #6699CC; /* colore */
}

.option_cassa_1:hover{
    border-bottom-right-radius: 4px;
    width: 78px;
    height: 28px;
    background-color: #6699CC; /* colore */
    color: #FFFFFF;
    text-decoration: none;
}

.multi_cassa_1{
    font-size: 16px;
    line-height: 17px;
    text-align: center;
    width: 75px;
    height: 29px;
    display: block;
    padding-top: 3px;
    border-right: 0.5px solid #CCC;
    color: #6699CC; /* colore */
}

.multi_cassa_1:hover{
    border-bottom-left-radius: 4px;
    height: 28px;
    background-color: #6699CC; /* colore */
    color: #FFFFFF;
    text-decoration: none;
}

/* ---------- pesante ---------- */
.tasto_cassa_2{
    padding-top: 8px;
    padding-right: 2px;
    padding-left: 2px;
    font-size: 20px;
    text-align: center;
    width: 153px;
    height: 70px;
    display: block;
    border-bottom: 0.5px solid #CCC;
    color: #669999; /* colore */
}

.tasto_cassa_2:hover{
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #669999; /* colore */
    color: #FFFFFF;
    text-decoration: none;
}

.option_cassa_2{
    font-size: 16px;
    line-height: 17px;
    text-align: center;
    width: 75px;
    height: 29px;
    display: block;
    padding-top: 3px;
    float: right;
    color: #669999; /* colore */
}

.option_cassa_2:hover{
    border-bottom-right-radius: 4px;
    width: 78px;
    height: 28px;
    background-color: #669999; /* colore */
    color: #FFFFFF;
    text-decoration: none;
}

.multi_cassa_2{
    font-size: 16px;
    line-height: 17px;
    text-align: center;
    width: 75px;
    height: 29px;
    display: block;
    padding-top: 3px;
    border-right: 0.5px solid #CCC;
    color: #669999; /* colore */
}

.multi_cassa_2:hover{
    border-bottom-left-radius: 4px;
    height: 28px;
    background-color: #669999; /* colore */
    color: #FFFFFF;
    text-decoration: none;
}

/* ---------- casa ---------- */
.tasto_cassa_3{
    padding-top: 8px;
    padding-right: 2px;
    padding-left: 2px;
    font-size: 20px;
    text-align: center;
    width: 153px;
    height: 70px;
    display: block;
    border-bottom: 0.5px solid #CCC;
    color: #FF3300; /* colore */
}

.tasto_cassa_3:hover{
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #FF3300; /* colore */
    color: #FFFFFF;
    text-decoration: none;
}

.option_cassa_3{
    font-size: 16px;
    line-height: 17px;
    text-align: center;
    width: 75px;
    height: 29px;
    display: block;
    padding-top: 3px;
    float: right;
    color: #FF3300; /* colore */
}

.option_cassa_3:hover{
    border-bottom-right-radius: 4px;
    width: 78px;
    height: 28px;
    background-color: #FF3300; /* colore */
    color: #FFFFFF;
    text-decoration: none;
}

.multi_cassa_3{
    font-size: 16px;
    line-height: 17px;
    text-align: center;
    width: 75px;
    height: 29px;
    display: block;
    padding-top: 3px;
    border-right: 0.5px solid #CCC;
    color: #FF3300; /* colore */
}

.multi_cassa_3:hover{
    border-bottom-left-radius: 4px;
    height: 28px;
    background-color: #FF3300; /* colore */
    color: #FFFFFF;
    text-decoration: none;
}

/* ---------- solo stiro ---------- */
.tasto_cassa_4{
    padding-top: 8px;
    padding-right: 2px;
    padding-left: 2px;
    font-size: 20px;
    text-align: center;
    width: 153px;
    height: 70px;
    display: block;
    border-bottom: 0.5px solid #CCC;
    color: #33CC66; /* colore */
}

.tasto_cassa_4:hover{
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #33CC66; /* colore */
    color: #FFFFFF;
    text-decoration: none;
}

.option_cassa_4{
    font-size: 16px;
    line-height: 17px;
    text-align: center;
    width: 75px;
    height: 29px;
    display: block;
    padding-top: 3px;
    float: right;
    color: #33CC66; /* colore */
}

.option_cassa_4:hover{
    border-bottom-right-radius: 4px;
    width: 78px;
    height: 28px;
    background-color: #33CC66; /* colore */
    color: #FFFFFF;
    text-decoration: none;
}

.multi_cassa_4{
    font-size: 16px;
    line-height: 17px;
    text-align: center;
    width: 75px;
    height: 29px;
    display: block;
    padding-top: 3px;
    border-right: 0.5px solid #CCC;
    color: #33CC66; /* colore */
}

.multi_cassa_4:hover{
    border-bottom-left-radius: 4px;
    height: 28px;
    background-color: #33CC66; /* colore */
    color: #FFFFFF;
    text-decoration: none;
}

/* ---------- sartoria ---------- */
.tasto_cassa_5{
    padding-top: 8px;
    padding-right: 2px;
    padding-left: 2px;
    font-size: 20px;
    text-align: center;
    width: 153px;
    height: 70px;
    display: block;
    border-bottom: 0.5px solid #CCC;
    color: #33CC66; /* colore */
}

.tasto_cassa_5:hover{
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #33CC66; /* colore */
    color: #FFFFFF;
    text-decoration: none;
}

.option_cassa_5{
    font-size: 16px;
    line-height: 17px;
    text-align: center;
    width: 75px;
    height: 29px;
    display: block;
    padding-top: 3px;
    float: right;
    color: #33CC66; /* colore */
}

.option_cassa_5:hover{
    border-bottom-right-radius: 4px;
    width: 78px;
    height: 28px;
    background-color: #33CC66; /* colore */
    color: #FFFFFF;
    text-decoration: none;
}

.multi_cassa_5{
    font-size: 16px;
    line-height: 17px;
    text-align: center;
    width: 75px;
    height: 29px;
    display: block;
    padding-top: 3px;
    border-right: 0.5px solid #CCC;
    color: #33CC66; /* colore */
}

.multi_cassa_5:hover{
    border-bottom-left-radius: 4px;
    height: 28px;
    background-color: #33CC66; /* colore */
    color: #FFFFFF;
    text-decoration: none;
}

/* ---------- pelle tappeti ---------- */
.tasto_cassa_6{
    padding-top: 8px;
    padding-right: 2px;
    padding-left: 2px;
    font-size: 20px;
    text-align: center;
    width: 153px;
    height: 70px;
    display: block;
    border-bottom: 0.5px solid #CCC;
    color: #996633; /* colore */
}

.tasto_cassa_6:hover{
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #996633; /* colore */
    color: #FFFFFF;
    text-decoration: none;
}

.option_cassa_6{
    font-size: 16px;
    line-height: 17px;
    text-align: center;
    width: 75px;
    height: 29px;
    display: block;
    padding-top: 3px;
    float: right;
    color: #996633; /* colore */
}

.option_cassa_6:hover{
    border-bottom-right-radius: 4px;
    width: 78px;
    height: 28px;
    background-color: #996633; /* colore */
    color: #FFFFFF;
    text-decoration: none;
}

.multi_cassa_6{
    font-size: 16px;
    line-height: 17px;
    text-align: center;
    width: 75px;
    height: 29px;
    display: block;
    padding-top: 3px;
    border-right: 0.5px solid #CCC;
    color: #996633; /* colore */
}

.multi_cassa_6:hover{
    border-bottom-left-radius: 4px;
    height: 28px;
    background-color: #996633; /* colore */
    color: #FFFFFF;
    text-decoration: none;
}

a:hover{
    text-decoration: none;
}