/* LOGIN PAGE */
.body-sign .logo img {
    width: 250px;
    height: auto;
    position: relative;
    top: 77px;
}
/* FINE: LOGIN PAGE */


/* LAYOUT PAGE */
.header .logo {
    margin: 10px 0 0 10px;
}
/* FINE: LAYOUT PAGE */




/* COLORI */
:root {
    --ark-primary-color: #E50954; /*#C91F4B*/
    --ark-secondary-color: #252324; /*#002568*/
    --ark-secondary-light-color: #a5e6ff;
    --ark-tertiary-color: #23ab53; /*#393939*/ /*#C91F4B*/
    --ark-tertiary-light-color: #c0e9ce;
    --ark-tooltip-color: #14b8dd;
    --bs-link-color: var(--ark-primary-color);
    --bs-link-hover-color: var(--ark-secondary-color);
    --primary: var(--ark-primary-color);
}

.ark-back-color-secondary {
    background-color: var(--ark-secondary-color);
}
/* FINE: COLORI */


/* GENERALI */
.header-nav-main a.nav-link i.fa, .header-nav-main a.nav-link i.fa-solid {
    color: #383838;
    margin-right: 10px;
}

i.fa-ark-tooltip {
    position: relative;
    font-size: 16px;
    top: -10px;
    color: var(--ark-tooltip-color);
    left: 1px;
}

    i.fa-ark-tooltip:before {
        content: "\f05a";
    }

@media (min-width: 992px) {
    .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu {
        min-width: 210px;
    }
}

.ark-primary-background {
    background-color: var(--ark-primary-color);
}

.ark-primary-light-background {
    background-color: var(--ark-primary-color);
    color: var(--ark-primary-color);
}

.ark-secondary-background {
    background-color: var(--ark-secondary-color);
}

.ark-secondary-light-background {
    background-color: var(--ark-secondary-light-color);
    color: var(--ark-secondary-color);
}

.ark-tertiary-background {
    background-color: var(--ark-tertiary-color);
}

.ark-tertiary-light-background {
    background-color: var(--ark-tertiary-light-color);
    color: var(--ark-tertiary-color);
}

.ark-hidden {
    display: none;
}

.ark-checked label {
    background-color: var(--ark-secondary-color);
    padding: 0px 10px;
    font-weight: bold;
    color: #fff;
    border-top-right-radius: 9px;
}

input[type=number] {
    text-align: right;
}

input[type=text] {
    text-align: left;
}

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

input[type=number] {
    -moz-appearance: textfield;
}

.form-control.error {
    border-color: #f00;
    box-shadow: none;
    background-color: #ffd3d3db;
}

.dropzone {
    background: rgba(0, 136, 204, 0.18) none repeat scroll 0 0;
    border: 2px dashed rgba(0, 136, 204, 0.42);
    border-radius: 20px;
    min-height: 122px;
}

    .dropzone .dz-message .dz-button {
        color: rgba(0, 136, 204, 0.49);
        font-size: 20px;
    }

.badge {
    text-transform: uppercase;
    font-weight: 400;
}

.badge-default {
    color: #959595;
}

.badge-ark-secondary {
    background-color: var(--ark-secondary-color);
}

.form-control.riservato {
    background-color: #ededed;
    border-top: 3px solid #a1a1a1;
}

.arkogest-tooltip {
    color: #00adff;
    font-size: 15px;
    position: relative;
    top: -9px;
    left: 3px;
}

.card-footer {
    border-top: var(--bs-card-border-width) solid rgb(0 0 0 / 8%);
    text-align: right;
}

#dati-sdi {
    border: 1px solid #e5ad11;
}

.input-group-text {
    color: #ffffff;
    background-color: var(--ark-secondary-color);
}

.datepicker {
    z-index: 10000 !important;
}

.content-body {
    padding-top: 20px;
}

.page-header .itemsList li a.arko-link {
    color: #c5c5c5;
}

    .page-header .itemsList li a.arko-link:hover {
        color: #fff;
    }

.ark-text-align-right {
    text-align: right;
}

span.error {
    color: #C10000;
    font-size: 0.9em;
    margin-top: -5px;
    padding: 0;
}

.ark-error-marker {
    background-color: #ff0000bf;
    color: #fff;
    padding: 1px 7px;
    border-radius: 7px;
}

input.text-right {
    text-align: right;
}

input.text-left {
    text-align: left;
}

input.text-center {
    text-align: center;
}
/* FINE: GENERALI */


/* SUMMERNOTE */
.note-editor .note-editable {
    font-family: "Poppins", Arial, sans-serif;
    font-size: 16px;
}

    .note-editor .note-editable p {
        color: #000;
        line-height: 23px;
        margin: 0 0 9px;
    }
/* FINE: SUMMERNOTE*/



/* DOCUMENTO TOTALI */
table#taballaTotali {
    width: 100%;
    font-size: 15px;
}

    table#taballaTotali tr.tot-netto-iva {
        font-weight: 800;
        text-transform: uppercase;
        color: var(--ark-secondary-color);
    }

    table#taballaTotali tr.spazio-vuoto {
        height: 25px;
    }

    table#taballaTotali tr.tot-iva-inclusa {
        font-weight: 700;
        text-transform: uppercase;
    }

        table#taballaTotali tr.tot-iva-inclusa td {
            padding: 4px 5px;
        }
/* FINE: DOCUMENTO TOTALI */


/* ARK EDITABLE FIELDS */
input.ark-editable {
    border: 1px dashed #ffffffc4;
    font-size: 14px !important;
    color: var(--ark-secondary-color);
    background-color: #ffffff2b;
    line-height: 1.1 !important;
}

    input.ark-editable.big-text {
        font-size: 20px !important;
        font-weight: 500;
    }

select.ark-editable {
    border: 1px dashed #ffffffc4;
    font-size: 14px !important;
    color: var(--ark-secondary-color);
    background-color: #ffffff2b;
    line-height: 1.1 !important;
}

    select.ark-editable.big-text {
        font-size: 20px !important;
        font-weight: 500;
    }

textarea.ark-editable {
    border: 1px dashed #ebebeb;
    font-size: 13px !important;
    color: var(--ark-secondary-color);
    background-color: #ffffff2b;
    line-height: 1.1 !important;
}

    textarea.ark-editable.big-text {
        font-size: 20px !important;
    }

.form-control.ark-editable:focus {
    border-color: var(--ark-secondary-color);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgb(0 37 104 / 0.3);
}
/* FINE: ARK EDITABLE FIELDS*/



/* CARDS */
.card-body {
    color: #505050;
}

.card-ark-secondary header.card-header {
    background: var(--ark-secondary-color);
}

.card-ark-secondary .card-title {
    color: #fff;
}

.card-ark-tertiary header.card-header {
    background: var(--ark-tertiary-color);
}

.card-ark-tertiary .card-title {
    color: #fff;
}

.card-ark-tertiary .card-body {
    color: var(--ark-tertiary-color);
}

html .card-ark-tertiary .accordion .accordion-item > label {
    color: var(--ark-tertiary-color);
    border-left-color: var(--ark-tertiary-color);
}

html .card-ark-tertiary .accordion .accordion-item.active > label {
    background-color: var(--ark-tertiary-color) !important;
    border-color: #136430;
}

.card-ark-tertiary .accordion .accordion-item {
    background-color: var(--ark-tertiary-light-color);
}

.card-ark-tertiary .input-group-text {
    background-color: var(--ark-tertiary-color);
}

.card-ark-tertiary input.ark-editable {
    color: #000000;
}

.card-ark-tertiary select.ark-editable {
    color: #000000;
}

.card-ark-tertiary textarea.ark-editable {
    color: #000000;
}

.card-ark-tertiary .ark-checked label {
    background-color: var(--ark-tertiary-color);
}



.card-ark-secondary-light header.card-header {
    background: var(--ark-secondary-light-color);
}

.card-ark-secondary-light .card-title {
    color: var(--ark-secondary-color);
}

.card-actions a:hover, .card-actions .card-action:hover {
    background-color: #eeeeee2e;
    color: #ffffff;
}
/* FINE: CARDS*/


/* TABELLE Datatable */
div.dataTables_wrapper div.dataTables_processing {
    top: 5% !important;
}

.dataTable td.evidenzia {
    background-color: var(--ark-secondary-light-color);
}
/* FINE: TABELLE Datatable */


/* DOCUMETO EDIT CREATE */
select.offerta-incorso {
    background-color: #ffbc00;
}

select.offerta-vinta {
    background-color: #07b200;
}

select.offerta-persa {
    background-color: #f00;
}

label.utente-creatore {
    font-size: 12px;
    color: #ababab;
}

input#DocumentoModel_Numero {
    font-weight: 600;
    line-height: 0px;
    font-size: 15px;
    letter-spacing: 1px;
    background-color: #a5e6ff;
}

input#DocumentoModel_Data {
    font-weight: 600;
    line-height: 0px;
    font-size: 15px;
    letter-spacing: 1px;
    background-color: #a5e6ff;
}

#dati-cliente h2 {
    font-size: 17px;
    font-weight: 500;
    color: #171717;
    line-height: 22px;
    margin: 15px 0px 3px 0px;
}

#dati-cliente p {
    font-size: 15px;
    color: #171717;
    margin: 0;
}

#dati-cliente .relativo-sdi {
    border: 1px dashed #8edd10;
    background-color: #8edd1017;
    padding: 3px 6px;
    margin-top: 7px !important;
}

#divListaAllegati table {
    width: 100%
}

    #divListaAllegati table tr {
        border-bottom: 1px solid #e2e2e2;
    }

        #divListaAllegati table tr td {
            padding: 5px 0px;
        }

            #divListaAllegati table tr td:last-child {
                padding: 5px 0px;
                text-align: right;
            }

            #divListaAllegati table tr td i.fa-paperclip {
                font-size: 21px;
                padding-right: 3px;
                color: #8e8e8e;
            }

            #divListaAllegati table tr td .nome-allegato {
                text-transform: uppercase;
            }

#divListaAllegati h2 {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    margin-top: 5px;
    padding-bottom: 3px;
    border-bottom: 1px solid #c1c1c1;
}

section#dati-cliente {
    min-height: 301px;
}

section#dati-allegati {
    min-height: 301px;
}

    section#dati-allegati .dropzone {
        min-height: 101px;
        padding: 2px;
    }

        section#dati-allegati .dropzone .dz-message {
            margin: 1em 0;
        }
/* FINE DOCUMETO EDIT CREATE */

/* DOCUMENTO EDIT - CAMPI CUSTOM */
#secCampiCustomDocumento .card-header .row {
    align-items: center;
}

#secCampiCustomDocumento .card-header h2 {
    padding-left: 18px;
}

#secCampiCustomDocumento .campo-custom {
    align-items: center;
}

#secCampiCustomDocumento .descrizione-campo {
    color: #878787;
    line-height: 13px;
    font-size: 13px;
}

#secCampiCustomDocumento .nome-campo {
    font-size: 18px;
    font-weight: bold;
    color: var(--ark-secondary-color);
}
/* FINE: DOCUMENTO EDIT - CAMPI CUSTOM */


/* BADGES */
.badge-lead {
    background: #e59e00;
    color: #ffffffd6;
    margin-left: 8px;
}

.badge-stato {
    background-color: #686868;
    margin-left: 8px;
    text-transform: uppercase;
}

    .badge-stato.da-incassare {
        background: #f00;
    }

    .badge-stato.saldata {
        background: #07b200;
    }

.badge-iva {
    background: #00a3f1;
    color: #ffffffd6;
    margin-left: 8px;
}

span.badge.badge-stato.accettata {
    background-color: #07b200;
}

span.badge.badge-stato.in-corso {
    background-color: #ed9c28;
}

span.badge.badge-stato.persa {
    background-color: #4e4e4e;
}
/* FINE: BADGES */


/* BOTTONI */
.btn.active {
    background-color: #c8234b;
    color: #fff;
}
/* FINE: BOTTONI */


/* TABELLE GENERICO */
.table td {
    vertical-align: middle;
    padding: 4px;
}

.table .ark-nowrap {
    white-space: nowrap;
}

.table .text-right {
    text-align: right;
}

.table .text-center {
    text-align: center;
}
/* FINE: TABELLE GENERICO */


/* TABELLA DOCUMENTI */
.table span.ragione-sociale {
    display: block;
    line-height: 120%;
    font-weight: bold;
}

.table span.oggetto {
    font-size: 90%;
    line-height: 30%;
    color: #626262;
}

span.numero-documnto {
    color: #ffffff;
    font-weight: 500;
    font-size: 15px;
    background-color: #00a3f1;
    padding: 1px 6px;
    border-radius: 20%;
}

.page-header span.title-anno {
    font-size: 22px;
    font-weight: 600;
    color: #ffffff;
    background-color: #07b200;
    border-radius: 7px;
    padding: 0px 7px;
}

span.title-mese {
    font-size: 22px;
    font-weight: 600;
    color: #ffffff;
    background-color: #00a3f1;
    border-radius: 7px;
    padding: 0px 7px;
}

/* FINE: TABELLA DOCUMENTI */


/* TABELLA PRIMANOTA */
.table span.primanota-descrizione {
    display: block;
    line-height: 120%;
    font-weight: bold;
}

.table span.primanota-riferimento {
    font-size: 90%;
    line-height: 30%;
    color: #626262;
}

.table span.primanota-dare {
    font-size: 14px;
    font-weight: 500;
}

.table span.primanota-avere {
    color: #f00;
    font-size: 14px;
    font-weight: 500;
}
/* FINE: TABELLA PRIMANOTA */



/* FORMS */
.col-form-label {
    line-height: 0.9;
    display: block;
    color: inherit !important;
    border: none !important;
    color: #171717ab !important;
}

/*FINE: FORMS */


/* VALIDAZIONE */
input.input-validation-error {
    border: 1px dashed #f00;
    background: #fff7f7;
}

.card-ark-secondary .text-danger {
    color: white !important;
}
/* FINE VALIDAZIONE */



.box {
    text-align: center;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 5px;
    padding: 20px;
    transition: box-shadow 0.3s ease-in-out;
}

    .box:hover {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

.box-icon {
    font-size: 40px;
    margin-bottom: 10px;
    color: #e30025; /* Colore personalizzato per l'icona, puoi cambiarlo */
}

.box-text {
    font-size: 18px;
    color: #333333;
}

.box-link {
    color: inherit;
    text-decoration: none;
}