* {
    font-family: Verdana, Geneva, Tahoma, sans-serif
}

th,
td {
    font-size: 0.7em;
}

body,
html {
    height: 100%;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    background-image: url("../assets/images/mixim.bid.png");
    background-repeat: no-repeat;
    background-position: center;
}

.cell {
    font-size: 0.7em !important;
}

.mini {
    font-size: 0.8em;
}

.nav-mini-btn {
    height: 32px;
    display: flex;
    align-items: center;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.avatar {
    vertical-align: middle;
    width: 27px;
    height: 27px;
    border-radius: 50%;
}

.btn-group-xs>.btn,
.btn-xs {
    padding: .25rem .4rem;
    font-size: .875rem;
    line-height: .5;
    border-radius: .2em;
}

.bl {
    border-left: 1px solid #000000
}

th.dpass,
td.dpass {
    display: none;
}

th.select,
td.select {
    background-color: #fdfdd4;
}

.custom-select {
    padding: .125rem .25rem !important;
}

.form-control-xs {
    height: calc(1em + .375rem + 2px) !important;
    padding: .125rem .25rem !important;
    font-size: .70rem !important;
    line-height: 1.5;
    border-radius: .1rem;
    background-color: #fdfdd4;
}

.panel:hover {
    background-color: #eafae8;
}

.bottom-status {
    font-size: 0.8em;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield !important;
    appearance: none !important;
}

textarea {
    resize: none
}

.text-neutral {
    color: #BBBBBB;
}

.tooltip-inner {
    font-size: 11px;
    margin: 2px;
}

.form-control:focus {
    background-color: #fdfdd4;
}

.tc {
    vertical-align: middle;
    display: table-cell;
}

#dataWait .modal-dialog {
    -webkit-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    margin: 0 auto;
}

.highlight {
    background-color: yellow;
    color: #000;
}

table#tblProcedimenti.dataTable tbody tr:hover td {
    background-color: #E6EFF9;
    cursor: pointer
}

table#tblProcedimenti.dataTable tbody tr:hover td>.sorting_1 {
    background-color: #E6EFF9;
}

table#tblSelezionePersonaleLista.dataTable tbody tr:hover td {
    background-color: #E6EFF9;
    cursor: pointer
}

table#tblSelezionePersonaleLista.dataTable tbody tr:hover td>.sorting_1 {
    background-color: #E6EFF9;
}

table#tblProcedimentiPersonale.dataTable tbody tr:hover td {
    background-color: #E6EFF9;
    cursor: pointer
}

table#tblProcedimentiPersonale.dataTable tbody tr:hover td>.sorting_1 {
    background-color: #E6EFF9;
}

table#tblSelezioneClientisold.dataTable tbody tr:hover td {
    background-color: #E6EFF9;
    cursor: pointer
}

table#tblSelezioneClientisold.dataTable tbody tr:hover td>.sorting_1 {
    background-color: #E6EFF9;
}

table#tblClienti.dataTable tbody tr:hover td {
    background-color: #E6EFF9;
    cursor: pointer
}

table#tblClienti.dataTable tbody tr:hover td>.sorting_1 {
    background-color: #E6EFF9;
}

table#tblStabilimenti.dataTable tbody tr:hover td {
    background-color: #E6EFF9;
    cursor: pointer
}

table#tblStabilimenti.dataTable tbody tr:hover td>.sorting_1 {
    background-color: #E6EFF9;
}

table#tblClientisold.dataTable tbody tr:hover td {
    background-color: #E6EFF9;
    cursor: pointer
}

table#tblClientisold.dataTable tbody tr:hover td>.sorting_1 {
    background-color: #E6EFF9;
}

table#tblMasterfile.dataTable tbody tr:hover td {
    background-color: #E6EFF9;
    cursor: pointer
}

table#tblMasterfile.dataTable tbody tr:hover td>.sorting_1 {
    background-color: #E6EFF9;
}

table#tblTipoprocedimento.dataTable tbody tr:hover td {
    background-color: #E6EFF9;
    cursor: pointer
}

table#tblTipoprocedimento.dataTable tbody tr:hover td>.sorting_1 {
    background-color: #E6EFF9;
}

table#tblTipoassegnazione.dataTable tbody tr:hover td {
    background-color: #E6EFF9;
    cursor: pointer
}

table#tblTipoassegnazione.dataTable tbody tr:hover td>.sorting_1 {
    background-color: #E6EFF9;
}

table#tblMagazzini.dataTable tbody tr:hover td {
    background-color: #E6EFF9;
    cursor: pointer
}

table#tblMagazzini.dataTable tbody tr:hover td>.sorting_1 {
    background-color: #E6EFF9;
}

table#tblMagazzinoDettaglio.dataTable tbody tr:hover td {
    background-color: #E6EFF9;
    cursor: pointer
}

table#tblMagazzinoDettaglio.dataTable tbody tr:hover td>.sorting_1 {
    background-color: #E6EFF9;
}

table#tblFornitori.dataTable tbody tr:hover td {
    background-color: #E6EFF9;
    cursor: pointer
}

table#tblFornitori.dataTable tbody tr:hover td>.sorting_1 {
    background-color: #E6EFF9;
}

table#tblImpostazioni.dataTable tbody tr:hover td {
    background-color: #E6EFF9;
    cursor: pointer
}

table#tblImpostazioni.dataTable tbody tr:hover td>.sorting_1 {
    background-color: #E6EFF9;
}

table#tblNazioni.dataTable tbody tr:hover td {
    background-color: #E6EFF9;
    cursor: pointer
}

table#tblNazioni.dataTable tbody tr:hover td>.sorting_1 {
    background-color: #E6EFF9;
}

table#tblRegioni.dataTable tbody tr:hover td {
    background-color: #E6EFF9;
    cursor: pointer
}

table#tblRegioni.dataTable tbody tr:hover td>.sorting_1 {
    background-color: #E6EFF9;
}

table#tblProvince.dataTable tbody tr:hover td {
    background-color: #E6EFF9;
    cursor: pointer
}

table#tblProvince.dataTable tbody tr:hover td>.sorting_1 {
    background-color: #E6EFF9;
}

table#tblUtenti.dataTable tbody tr:hover td {
    background-color: #E6EFF9;
    cursor: pointer
}

table#tblProtocolli.dataTable tbody tr:hover td>.sorting_1 {
    background-color: #E6EFF9;
}

table#tblProtocolli.dataTable tbody tr:hover td {
    background-color: #E6EFF9;
    cursor: pointer
}

table#tblUtenti.dataTable tbody tr:hover td>.sorting_1 {
    background-color: #E6EFF9;
}

table#tblFunzioni.dataTable tbody tr:hover td {
    background-color: #E6EFF9;
    cursor: pointer
}

table#tblFunzioni.dataTable tbody tr:hover td>.sorting_1 {
    background-color: #E6EFF9;
}

table#tblPersonale.dataTable tbody tr:hover td {
    background-color: #E6EFF9;
    cursor: pointer
}

table#tblPersonale.dataTable tbody tr:hover td>.sorting_1 {
    background-color: #E6EFF9;
}

table#tblMessaggi.dataTable tbody tr:hover td {
    background-color: #E6EFF9;
    cursor: pointer
}

table#tblMessaggi.dataTable tbody tr:hover td>.sorting_1 {
    background-color: #E6EFF9;
}

table#tblMessaggiUtenti.dataTable tbody tr:hover td {
    background-color: #E6EFF9;
    cursor: pointer
}

table#tblMessaggiUtenti.dataTable tbody tr:hover td>.sorting_1 {
    background-color: #E6EFF9;
}

table#tblLogFile.dataTable tbody tr:hover td {
    background-color: #E6EFF9;
    cursor: pointer
}

table#tblLogFile.dataTable tbody tr:hover td>.sorting_1 {
    background-color: #E6EFF9;
}

table#tblBackup.dataTable tbody tr:hover td {
    background-color: #E6EFF9;
    cursor: pointer
}

table#tblBackup.dataTable tbody tr:hover td>.sorting_1 {
    background-color: #E6EFF9;
}

table#tblAziendaProcura.dataTable tbody tr:hover td {
    background-color: #E6EFF9;
    cursor: pointer
}

table#tblAziendaProcura.dataTable tbody tr:hover td>.sorting_1 {
    background-color: #E6EFF9;
}

table#tblAziendaDocumenti.dataTable tbody tr:hover td {
    background-color: #E6EFF9;
    cursor: pointer
}

table#tblAziendaDocumenti.dataTable tbody tr:hover td>.sorting_1 {
    background-color: #E6EFF9;
}

table#tblMenubuild.dataTable tbody tr:hover td {
    background-color: #E6EFF9;
    cursor: pointer
}

table#tblMenubuild.dataTable tbody tr:hover td>.sorting_1 {
    background-color: #E6EFF9;
}

.dataTables_info {
    font-size: 0.8em;
}

.paginate_button {
    font-size: 0.8em;
    padding: 0.1em;
}

.opzione {
    font-size: 0.8em;
    text-transform: uppercase;
}

/* OTP Input Styles */
.otp-container {
    display: flex;
    justify-content: flex-start;
}

.otp-input {
    width: 30px;
    height: 38px;
    font-size: 1.1rem;
    text-align: center;
    padding: 0;
    margin-right: 5px;
    display: inline-block;
}

.otp-input:focus {
    background-color: #fdfdd4;
}

/* Stili per il dropdown selezionato / hover */
.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item:hover {
    background-color: #dbe1e5 !important;
    color: #111 !important;
}