.icon.note{
            background-color: gray !important;
    }

    .icon.cancel {
        background-color: deepskyblue !important;
    }

    .icon.call,
    .icon.confirm {
        background-color: green !important;
    }

    .icon.trash {
        background-color: red !important;
    }

    .icon.revert {
        background-color: #FF8C00 !important;
    }

    .icon.move {
        background-color: #FFA500 !important;
    }

    .icon.editTables {
        background-color: deepskyblue !important;
    }
	
	@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {            

            .modal-close-button {
                right: 0.4em;
                top: 0.3em;
            }
        }

	.modal-close-button {
        position: absolute;
        right: 0;
        top: 0;
        opacity: 1;
        background-color: #fc5b62 !important;
        color: #fff;
        border-radius: 100%;
        width: 60px;
        height: 60px;
        z-index: 10;
    }

    #modalConfirmDeletion,
    #modalPrenotazione {
        font-size: 1.75rem;
    }

    #modalPrenotazione .modal-body {
       padding-left: 1.2rem !important;
       padding-bottom: 1.2rem !important;
    }

    #modalPrenotazione #ticketNotes,
    #modalPrenotazione #notes2 {
        font-size: 1.1rem;
    }
	
    .row.over:hover,
    .modal-close-button:hover {
        background-color: #FFD700 !important;
        opacity: 1 !important;
    }

	#modalConfirmDeletion .label,
    #modalPrenotazione .label {
        cursor: pointer;
    }


    .icon{
        width: 45px !important;
        height: 45px !important;
        border-radius: 50% !important;
        padding: 0 !important;
        font-size: 1.4rem !important;
        line-height: 3rem !important;
        text-align: center !important;
        color: #F8F8FF !important;
        cursor: pointer !important;
    }