/* The Modal (background) */
.modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1000; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ }

/* The Close Button */
.close { color: #aaa; float: right; font-size: 28px; font-weight: bold; }

    .close:hover,
    .close:focus { color: black; text-decoration: none; cursor: pointer; }


/* Modal Header */



.modal-header { padding: 2px 16px; }

/* Modal Body */
.modal-body { padding: 2px 16px; }

/* Modal Footer */
.modal-footer { padding: 2px 16px; }

/* Modal Content */
.modal-content { background-color: #fefefe; margin: 15% auto; border: 1px solid #888; width: 80%; position: relative; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); animation-name: animatetop; animation-duration: 0.4s }

.manager-modal .modal-content { width: 732px;width:692px; }
.manager-modal .modal-body > div { display: flex; justify-content: center; align-items: center; }
.manager-modal .modal-body > div button.active { background-color: #caffc0; }


.manager-modal #Righe { padding: 5px 0 }
    .manager-modal #Righe > div:nth-child(odd) { background: #f1f1f1 }
.manager-modal textarea { height: 17px; transition: all 0.5s; -webkit-transition: all 0.5s; }
    .manager-modal textarea:focus { height: 100px; }
.manager-modal .bt-actions { padding: 10px 0 }


#modalSconto .modal-content { width: 692px; }
#modalPagamento .modal-content { margin: 0 auto; margin-top: 40px; width: 1022px; }
#modalRegistraPagamento button.btVai { background-position: 4px 5px; }

.manager-modal #Righe label.nomrg { margin: 5px 0; }
.manager-modal table { font-size: 12px; }





.form-modal { font-size: 12px !important; overflow: hidden; }
    .form-modal label { position: relative; display: block; text-align: left; width: 210px; margin: 5px 5px 10px; float: left; padding: 0; }
        .form-modal label.size-0_25 { width: 45px; margin: 5px 5px 10px 5px; font-size: 12px; line-height: 17px }
        .form-modal label.small, .form-modal label.size-0_5 { width: 100px; margin: 5px 5px 10px 5px; }
        .form-modal label.size-0_75 { width: 155px; margin: 5px 5px 10px 5px; }
        .form-modal label.large { width: 535px; margin: 5px 5px 10px; }
        .form-modal label.large2, .form-modal label.size-2 { width: 430px; margin: 5px 5px 10px; }
        .form-modal label.large2-5, .form-modal label.size-2_5 { width: 540px; margin: 5px 5px 10px; }
        .form-modal label.large3, .form-modal label.size-3 { width: 650px; margin: 5px 5px 10px; }
        .form-modal label.large1-5, .form-modal label.size-1_5 { width: 320px; margin: 5px 5px 10px; }
    .form-modal .small-label-container { text-align: left; width: 220px; margin: 0px 0 10px; float: left; padding: 0; height: 45px; }
    .form-modal .lista-checkbox { margin: 1px 0px; width: 191px; padding: 1px 0; height: 19px; }
    .form-modal span.detail { color: #555; }