body#app-layout{
    background-color: #C1C1C1 !important;
}

ul.prenotazione{
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.prenotazione li{
    min-height: 80px;
    position: relative;
}
#msg_risultati{
    margin-top: 10px;
}
.form-check-inline .form-check-label{
    margin-right: 5px;
}
div.apputamento-dati{
    font-size: 11px;
    float: right;
    padding: 2px;
    width: 100%;
    line-height: 14px;
    top: 0px;
    position: absolute;
    height: 100%;

}
div.apputamento-dati div.contenuto{
    width: 70%;

}
.container, .container-fluid{
    margin-top: 10px;
}
.azioni{
    display: block;
    font-weight: bold;
    cursor: pointer;
    margin: 5px;
    width: 100%;
}

.azioni a{
    cursor: pointer;
    color: #000080 !important;
    font-size: 16px;
}

.azioni a.cancella{
    cursor: pointer;
    color: #FF0000 !important;
    position: absolute;
    right: 10px;
    bottom:10px;
}
.azioni a.conferma{
    cursor: pointer;
    color: #FFF !important;
    position: absolute;
    right: 35px;
    bottom:3px;
    font-size:10pc
}
.azioni a.conferma i{
    display:none;
}
.azioni i{
    font-size: 16px;
}

.add{
    font-size: 12px;
    position: absolute;
    top: 3px;
    right: 3px;
    z-index: 2;
    padding: 0;
    margin: 0;
    font-weight: bold;
}

.nome-servizio{
    background-color: #666;
    margin-bottom: 20px;
    display: block;
    padding: 5px;
    font-weight: bold;
    color: #FFF;
}

ul.prenotazione > li{
    background-color: #FFF;
}
ul.prenotazione > li:nth-of-type(odd) {
    background-color: #eee;
}

ul.prenotazione li.disabled{
    opacity:0.5;
}

ul.prenotazione li.disabled .azioni{
    display: none;
}
ul.prenotazione li.disabled span.add{
    cursor: not-allowed! important;
}
.dropdown-menu{
    z-index: 9999;
}

.abbonamento{
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px;
    color: #FFF;
}
#abbonamento-add{
    margin-top: 10px;
    margin-bottom: 10px;
}

#numero_abbonamenti{
    margin-left: 10px;
}
.form-check-inline{
    margin: 5px;
}
.confermato{
    position: absolute;
    right: 14px;
    top: 22px;
    font-size: 21px;
}

span.nome{
    font-size: 13px;
}
div.bottone_small{
    border: 1px solid #000;
    font-size: 10px;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    background-color: #FF6633;
    border-color: #FF6633;
    padding: 1px;
    cursor: pointer;
    color: #000;
    margin-left:10px;
}

div.bottone_small.disabled{
    border: 1px solid #000;
    font-size: 8px;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    background-color: #EEE;
    border-color: #EEE;
    padding: 3px;
    cursor: pointer;
    width: 70px;
}

div#lista_abbonamenti{
    display: block;
    border:1px solid #CCC;
    padding: 5px;
    background-color: #EEE;
    width: 100%;
}

div#lista_abbonamenti h3{
    background-color: #CCC;
    font-size: 14px;
    line-height: 20px;
    padding: 5px;
}

div#lista_abbonamenti p {
    display: block;
    border-bottom:1px solid #CCC;
}
div#lista_abbonamenti p label{
    display: inline-block;
    padding-left: 5px;
}